位置: IT常识 - 正文

实验一 基于CSS+HTML+JS开发简单个人网站(css基础实验报告)

编辑:rootadmin
实验一 基于CSS+HTML+JS开发简单个人网站

目录:

实验要求

推荐整理分享实验一 基于CSS+HTML+JS开发简单个人网站(css基础实验报告),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:基于css技术的网页设计应用研究,实验一 基于遗传算法的TSP问题求解,css基础实验报告,css+div实验报告,实验一 基于遗传算法的TSP问题求解,实验一 基于神经网络的模式识别实验,css基础实验报告,实验一 基于CSS+HTML+JS开发简单个人网站,内容如对您有帮助,希望把文章链接给更多的朋友!

实验代码

1.注册

2.登录

3.主页

4.个人简介

5.我的理想

6.我的生活

7.学习内容

总结

实验要求实验一 基于CSS+HTML+JS开发简单个人网站

实验学时:4    实验类型:设计

一、目的与任务

目的:熟悉在静态网页制作基本流程,熟练应用CSS+HTML+JS。

任务:使用CSS+HTML+JS,开发简易个人网站。

二、内容、要求与方法步骤

1、个人网站分为四个部分:注册页面,登录界面,主界面,以及分界面。

1)注册页面需要使用到用户名及密码等信息,用到的标签有表格、文本框、单选按钮、复选按钮、下拉列表框等基本的标签;登录界面需要输入用户名和密码;

2)登陆成功后,可利用javascript判断输入用户名和密码的正确性,输入正确,则利用form标签中action转向主界面,如果输入不正确,可用警告框提醒用户:“输入不正确,再次输入”;

3)主界面类似图1-1,采用四个盒子分别代表个人简历,我的理想,我的生活,学习内容。每个盒子都采用float浮动。

      图1-1 主界面

个人简历界面:主要是css3实体样式;同样采用了四个盒子分别介绍四个内容。如图1-2,具体内容自定。

实验一 基于CSS+HTML+JS开发简单个人网站(css基础实验报告)

图1-2个人简历界面

我的理想界面:列举我的理想,可以使用无序列表或者表格排列。

我的生活界面:主要内容采用展示照片墙或者视频来体现。

学习内容界面:采用list-style:none的有序列表。

具体操作步骤:

1)准备网站需要的素材:图片和视频;

2)可利用记事本或者Jbuilder编写各个页面。

3)注意各页面之间的转向或者链接关系

4)打开浏览器,观察各个页面运行结果。

2、实验安排方式:上机编码。

3、实验结果展示,包括代码(可分栏展示)和效果图。

实验代码1.注册

注册比较简单,只是做了一个注册的页面。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册</title> <style> .bjimg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } #login_box { width: 30%; height: 300px; background-color: #00000080; margin: auto; margin-top: 10%; text-align: center; border-radius: 10px; padding: 50px 50px; } tr{ border: 1px solid beige; } td{ border: 1px solid aliceblue; } h2 { color: #ffff; margin-top: 5%; } #input-box { margin-top: 5%; } span { border: 0; width: 60%; font-size: 15px; color:rgb(203, 197, 197); background: transparent; padding: 10px 3px; outline: none; margin-top: 10px; } input { border: 0; width: 60%; font-size: 15px; color: #fff; background: transparent; border-bottom: 2px solid #fff; padding: 5px 10px; outline: none; margin-top: 10px; } button { margin-top: 10px; width: 60%; height: 30px; border-radius: 10px; border: 0; color: #fff; text-align: center; line-height: 30px; font-size: 15px; background-image: linear-gradient(to right, #4b1919, #3f3a3e); } #sign_up { margin-top: 45%; margin-left: 60%; } a { color: #fff; } </style></head><video src="注册背景.mp4" class="bjimg" autoplay loop muted></video><body> <div id="login_box"> <h2>注册</h2> <div class="input_box"> <input type="text" id="username1" placeholder="请输入用户名"> <br> <input type="password"id="password1" placeholder="请输入密码"> <br><br> </div> <span>年级班级:</span> <span colspan="7"> <select> <option>19级</option> <option>20级</option> <option>21级</option> </select> <select> <option>一班</option> <option>二班</option> <option>三班</option> <option>四班</option> <option>五班</option> <option>六班</option> </select> <br> <span> 性别:&nbsp&nbsp</span> <span>男</span> <span><input style="width: auto;" type="radio" name="sex" value="男" id="sex_man"></span> <span>女</span> <span><input style="width: auto;" type="radio" name="sex" value="女" id="sex_woman"></span><br> <button type="button" id="Button"value="注册" onclick="register()">注册</button> <br><br> <span> 已有账号?<a href="登录.html">请登录</a> </span> </div><from action> <script type="text/javascript"> function register(){ var username1=document.getElementById("username1").value; var password1=document.getElementById("password1").value; //localStorage存储注册信息 localStorage.setItem("username1",username1); localStorage.setItem("password1",password1); if(username1=='' || password1==''){ alert("用户名或密码不能为空!"); } else{ window.location.href="登录.html"; } } </script> </div> </html>2.登录 

登录密码为1 2,这里有一个错误我没有解决,但是无影响。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录</title> <style> .bjimg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } #login_box { width: 30%; height: 300px; background-color: #00000060; margin: auto; margin-top: 10%; text-align: center; border-radius: 10px; padding: 50px 50px; } h2 { color: #ffffff90; margin-top: 5%; } #input-box { margin-top: 5%; } span { color: #fff; } input { border: 0; width: 60%; font-size: 15px; color: #fff; background: transparent; border-bottom: 2px solid #fff; padding: 5px 10px; outline: none; margin-top: 10px; } button { margin-top: 30px; width: 60%; height: 30px; border-radius: 10px; border: 0; color: #fff; text-align: center; line-height: 30px; font-size: 15px; background-image: linear-gradient(to right, #101008, #3f3a3e); } #sign_up { margin-top: 45%; margin-left: 60%; } a { color: #b94648; } </style></head><video src="登录背景.mp4" class="bjimg" autoplay loop muted></video><body> <div id="login_box"> <h2>登录</h2> <div class="input_box"> <input type="text" id="username"placeholder="请输入用户名"> </div> <div class="input_box"> <input type="text"id="password" placeholder="请输入密码"> </div> <div> <button type="button" id="Button"value="立即登录" onclick="login()">立即登录</button> <br><br> <h>没有账号?<a href="注册.html">请注册</a></h> </div> <from action><script type="text/javascript"> //判断登录是否成功 function login(){ //获取注册时存储在localStorage中的值 var username1=localStorage.getItem("username1").value; var password1=localStorage.getItem("password1").value; var username=document.getElementById("username").value; var password=document.getElementById("password").value; //判断输入的信息和注册的信息是否一致 if(username!='' && password!=''){ if (username==''&& password==''){ window.location.href="我的理想.html"; } if (username=='1' && password=='2'){ window.location.href="主页.html"; } else{ alert("用户名或密码错误,请重新输入!"); } } else{ alert("用户名或密码不能为空!"); } }</script></div></body></html>3.主页<html><head><title>主页</title><meta charset="UTF-8"/><style type="text/css">/*设置图片样式*/ #div_box { width: 1100px; height: 500px; font-family: "宋体"; background-color: #ffffff90; margin: auto; margin-top: 3%; text-align: center; border-radius: 10px; padding: 20px 50px; } body{background:url("羊村.jpg")no-repeat;background-size: 1300px 650px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } h{ text-align: center; margin-top:0px; font-size: 20px; color:rgb(9, 8, 8); font-family: "宋体"; } h1{ text-align: center; margin-top:30px; font-size: 30px; color:rgb(13, 11, 11); font-family: "宋体"; }/*设置div的基础样式*/div{ width: 250px; height: 250px; border-radius: 50%; }/*设置header和footer的样式*/#header,#footer{width: 1190px;margin: auto;margin-top: 100px;}/*设置子div的样式*/#div01{border: solid 0px #ffffff90 ;float: left; margin-right: 20px; }#div02{border: solid 0px #ffffff90;float: left;margin-right: 20px;}#div03{border: solid 0px #ffffff90 ;float: left; margin-right: 20px;}#div04{border: solid 0px #ffffff90;float: left;} #log { color:rgb(100, 50, 355);font-size: 55px; } img { width: 200px; height: 200px; border-radius: 50%; }</style><style>a:visited {color:rgb(2, 1, 1);}a:hover {color:rgb(24, 21, 198);}</style></head> <body> <div id="div_box"> <h1>欢迎来到我的主页</h1><div id="header"><div id="div01"> <img src="包包大人一.jpg" alt="" class="img"><br><h><a href="个人简介.html">个人简介</a></h></div><div id="div02"> <img src="包包大人二.jpg" alt="" class="img"><br><h><a href="我的理想.html">我的理想</a></h></div><div id="div03"> <img src="包包大人开车.jpg" alt=""class="img"><br><h><a href="我的生活.html">我的生活</a></h></div><div id="div04"> <img src="包包大人三.jpg" alt=""class="img"><br><h><a href="学习内容.html">学习内容</a></h></div></div> </p> </body></html>4.个人简介<html><head><title>个人简介</title><meta charset="UTF-8"/><style type="text/css">/*设置图片样式*/ #div_box {width: 1050px; height: 500px; margin: 10px 50px; background-color: #ffffff90; border: 1px solid #FFFFFF90; color: rgb(7, 7, 7); font-family: "宋体"; text-align: center; border-radius: 10px; padding: 20px 50px; }h2{text-align: right; font-family: "宋体"; color:#100f0f; font-size: 18px;margin-right:15px; } body { background:url("羊村.jpg") no-repeat; background-size:120% 100%; }/*设置div的基础样式*/div{width: 240px;height: 320px;}/*设置header和footer的样式*/#header,#footer{width: 1050px;margin: auto;margin-top: 30px;}/*设置子div的样式*/#div01{border: solid #ffffff90;float: left; background-color: #ffffff90 ;margin-right: 20px; }#div02{border: solid #ffffff90 ;float: left; background-color: #ffffff90;margin-right: 20px;}#div03{border: solid #ffffff90;float: left; background-color: #ffffff90;margin-right: 20px;}#div04{border: solid #ffffff90 ;float: left; background-color: #ffffff90;} div p{text-align: right;display: block;font-size: 25px;text-align: center;color: rgb(6, 6, 6);font-weight: bold;}div span{display: block;font-size: 18px;text-align: left;color: rgb(5, 5, 5);font-weight: bold;}</style></head><h2><body>点此返回我的主界面?<a href="主页.html">返回</a></h2><style> a:visited {color:#db1b1e;}a:hover {color:#480738;}</style><div id="div_box"><h1>个人简介<h1/><div id="header"><div id="div01"> <p>个人信息</p><br> <span>&nbsp*姓名:包包大人<br/><br/>&nbsp*性别:女<br/><br/>&nbsp*家乡:<br/><br/>&nbsp*民族:汉族</span></div><div id="div02"><p>联系方式</p><br><span>&nbsp*电话号码:*<br/><br/>&nbsp*QQ:*<br/><br/>&nbsp*微信:*<br/><br/>&nbsp*地址:*</span></div><div id="div03"><p>兴趣爱好</p><br> <span>&nbsp*喜欢包包夫人<br/><br/>&nbsp*打游戏<br/><br/>&nbsp*拍照<br/><br/>&nbsp*喝奶茶</span></div><div id="div04"><p>特长技能</p><br> <span>&nbsp*干饭<br/><br/>&nbsp*暂时无<br/><br/>&nbsp*无<br/><br/>&nbsp*无</span></div></div></p> </body></html>5.我的理想<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的生活二</title> <style> /* 重置默认样式 */ #div_box {width: 800px; height: 400px; background-color: #ffffff90; border: 1px solid #FFFFFF90; color: rgb(7, 7, 7); font-family: "宋体"; text-align: center; padding: 50px 50px; margin: 30px 200px;/*上,左距离*/ border-radius: 10px;/*改变形状*/ } h1{ text-align: center; margin-top:20px; font-size: 24px; font-family: "宋体"; } h2{text-align: right; font-family: "宋体"; margin-right:15px; margin-top:0; color:#3e3b3b; font-size: 15px; } body{background:url("羊村.jpg")no-repeat;background-size: 1300px 650px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } .list{ width: 1100px; height:450px; display: flex; margin:20px auto; flex-wrap: wrap; } .list li{ width:400px; height:350px; border-radius: 10px;/*矩形角圆弧度*/ margin-top:5px; list-style: none; } .list img{ margin-left: 30px; margin-top:10px; } .title{ font-size:20px; text-align: left; color:#333333; text-decoration: underline rgb(4, 0, 0); /*色下划线*/ } .smalltitle{display: block;font-size: 17px; color: #060101 ;text-align: left; } </style></head><body> <h2>点此返回我的主界面?<a href="主页.html">返回</a></h2> <div id="div_box"> <h1>我的理想</h1> <ul class="list"> <li> <img src="狗狗动图.gif" alt="朱依"width="250" height="250"> </li> <li> <p class="title"><b>理想生活</b></p> <p class="smalltitle">家人平安健康,生活幸福美满</p> <p class="title"><b>近期目标</b></p> <p class="smalltitle">学好专业知识</p> </li> </ul></body></html>6.我的生活<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的生活二</title> <style> /* 重置默认样式 */ *{ margin:0; padding: 0; } h1{text-align: center; font-family: "宋体"; } h2{text-align: right; font-family: "宋体"; margin-right:15px; margin-top:0; color:#3e3b3b; font-size: 15px; } body{ background:url("羊村.jpg") no-repeat; background-size: 1300px 650px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } .list{ width: 1250px; height:550px; display: flex; margin:20px auto ; background-color: #ffffff90; flex-wrap: wrap; } .list li{ width:310px; height:250px; background-color:#ffffff90; border-radius: 10px; margin-top:5px; box-shadow: 0 0 0px #dedede; list-style: none; transition: all .2s;/*控制时间*/ } .list img{ margin-left: 20px; margin-top:14px; } .title{ font-size:20px; color:#333333; } .smalltitle{text-align: right;display: block;font-size: 17px;text-align: center;color: rgb(6, 6, 6); } .list li:hover{ box-shadow: 10px 10px 10px #fff; transform:scale(1.1); } </style></head><body> <h1>照片墙</h1> <h2>点此返回我的主界面?<a href="主页.html">返回</a></h2> <ul class="list"> <li> <img src="包包大人.jpg" alt=""width="260" height="200"> <p class="smalltitle">超级喜欢包包大人</p> </li> <li> <img src="可爱猫猫.jpg" alt=""width="260" height="200"> <p class="smalltitle">可爱猫猫</p> </li> <li> <img src="偶像.jpg" alt=""width="260" height="200"> <p class="smalltitle">最喜欢的偶像</p> </li> <li> <img src="食物二.jpg" alt=""width="260" height="200"> <p class="smalltitle">生日聚餐</p> </li> <li> <img src="月饼.jpg" alt=""width="260" height="200"> <p class="smalltitle">2021年中秋节收到的月饼</p> </li> <li> <img src="风景.jpg" alt=""width="260" height="200"> <p class="smalltitle">2020年武汉玩纪念</p> </li> <li> <img src="美食三.jpg" alt=""width="260" height="200"> <p class="smalltitle">和室友聚餐</p> </li> <li> <img src="包包大人开车.jpg" alt=""width="260" height="200"> <p class="smalltitle">包包大人开车</p> </li> </ul></body></html>7.学习内容<!DOCTYPE html><html> <head> <title>学习内容</title><meta charset="UTF-8"/><style type="text/css"> body{background:url("羊村.jpg")no-repeat;background-size: 1300px 650px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } div.transbox{ width: 800px; height: 500px; margin: 40px 230px; background-color: #ffffff90; border: 1px solid #FFFFFF90; opacity:0.8;} h1{text-align: center; font-family: "宋体"; color:#060000; margin-top:20px; font-size: 24px; }h2{text-align: left; font-family: "宋体"; color:#100f0f; font-size: 20px;margin-left:3cm; }h3{text-align: right; font-family: "宋体"; color:#100f0f; font-size: 18px; margin-top:2px;margin-right:15px; }p{text-align: right; font-family: "宋体"; color:#020001; font-size: 18px;margin-right:15px; }</style><body><head><h3>点此返回我的主界面?<a href="主页.html">返回</a></h3> <div class="transbox"><h1>#每日学习内容#</h1><h2><li>记英语单词学专业知识</li><li>保持锻炼</li><li>少熬夜,早睡</li><li>......</li> </div> </head></body></html>

总结 

j2ee老师布置的实验,简单的个人网站,以上附代码和实现界面,虽然我分了七个点,但是每个界面用的代码都是差不多的,对了,图片和代码记得放在同一个文件夹下,因为我淋过雨,所以为有缘看到的学弟学妹撑伞,我水平很低,仅供参考。

本文链接地址:https://www.jiuchutong.com/zhishi/298266.html 转载请保留说明!

上一篇:自学web前端觉得好难,可能你遇到了这些困境(想学web前端)

下一篇:Python图像识别实战(四):搭建卷积神经网络进行图像二分类(附源码和实现效果)

  • 打印机共享无线网络怎么设置(打印机共享无法打印)(打印机共享无线怎么连接)

    打印机共享无线网络怎么设置(打印机共享无法打印)(打印机共享无线怎么连接)

  • 如何备份微信的聊天记录(如何备份微信的聊天记录到新手机)

    如何备份微信的聊天记录(如何备份微信的聊天记录到新手机)

  • 华为手机可以录制屏幕视频吗(华为手机可以录屏吗)

    华为手机可以录制屏幕视频吗(华为手机可以录屏吗)

  • 不拉黑好友但要隐藏(不拉黑好友但要隐藏好友后通讯录里有没有好友头像了)

    不拉黑好友但要隐藏(不拉黑好友但要隐藏好友后通讯录里有没有好友头像了)

  • 不知道手环品牌怎么查连(不知道手环品牌怎么连接)

    不知道手环品牌怎么查连(不知道手环品牌怎么连接)

  • 爱思助手能辨别原装电池吗(爱思助手能辨别原装屏幕吗)

    爱思助手能辨别原装电池吗(爱思助手能辨别原装屏幕吗)

  • 苹果8pwifi信号不好的问题怎么解决(iphone8p wifi信号弱)

    苹果8pwifi信号不好的问题怎么解决(iphone8p wifi信号弱)

  • 发朋友圈视频和图片怎么一起发(发朋友圈视频和照片拼图怎么拼)

    发朋友圈视频和图片怎么一起发(发朋友圈视频和照片拼图怎么拼)

  • 荣耀充电器和华为充电器有什么区别(荣耀充电器和华为通用吗)

    荣耀充电器和华为充电器有什么区别(荣耀充电器和华为通用吗)

  • 固态内存什么意思(固态内存是c盘吗)

    固态内存什么意思(固态内存是c盘吗)

  • 微机是由哪两部分组成(微机由哪几部分组成?各部分的主要功能是什么)

    微机是由哪两部分组成(微机由哪几部分组成?各部分的主要功能是什么)

  • 新买的ipad2018要贴膜吗(新买的ipad需要做什么)

    新买的ipad2018要贴膜吗(新买的ipad需要做什么)

  • 什么是淘宝会员名(什么是淘宝会员id)

    什么是淘宝会员名(什么是淘宝会员id)

  • 苹果手机和ipad可以用一个id吗(苹果手机和ipad怎么共享屏幕)

    苹果手机和ipad可以用一个id吗(苹果手机和ipad怎么共享屏幕)

  • 京东商城过年还发货吗(京东过年的时候会降价吗)

    京东商城过年还发货吗(京东过年的时候会降价吗)

  • 华为mate30有红外线功能吗(华为mate30有红外人脸吗)

    华为mate30有红外线功能吗(华为mate30有红外人脸吗)

  • 乐视otg功能怎么打开

    乐视otg功能怎么打开

  • 华为nova4什么屏幕(华为nova4e什么屏幕)

    华为nova4什么屏幕(华为nova4e什么屏幕)

  • 如何关闭微信收款功能(如何关闭微信收款商业版语音提醒)

    如何关闭微信收款功能(如何关闭微信收款商业版语音提醒)

  • 腾讯视频怎么没有分享(腾讯视频怎么没有手机号登录)

    腾讯视频怎么没有分享(腾讯视频怎么没有手机号登录)

  • 财运红包怎么用(什么是财运红包)

    财运红包怎么用(什么是财运红包)

  • 苹果手机进水了咋整(苹果手机进水了还能修好吗)

    苹果手机进水了咋整(苹果手机进水了还能修好吗)

  • 计算应交增值税并结转未交增值税怎么做用友
  • 递延所得税资产账务处理
  • 结转本月销售材料实际成本分录
  • 招聘只招一个人
  • 投资性公司怎么判断?
  • 盘库应该由公司什么部门负责
  • 民办非企业捐赠承诺书
  • 期末未缴税额为负数怎么办
  • 企业除了增值税还有什么税
  • 销售边角料收入属于什么收入
  • 公司注销时应付职工薪酬怎么处理
  • 长期借款工程完工时会计处理怎么做?
  • 公司预存话费应该怎么做会计处理?
  • 项目一次性奖励会计分录怎么处理
  • 非货币性资产交换的会计处理
  • 已提完折旧车辆可以卖吗
  • 土地使用权如何办理
  • 运输发票抵税多少个点
  • 案例分析房租完税证明怎么入账?
  • 填开了红字信息表但未开红字发票
  • 怎么辨认专用发票真伪
  • 行邮税的税率档次
  • 公司从事房地产有什么好名字
  • 外省工程需要什么手续
  • 公转私开票可以转吗
  • 苹果设置输入法在哪里设置
  • 债务优化是做什么的工作
  • 远程主机强迫关闭了现有连接我的世界
  • pavfires.exe - pavfires是什么进程 有什么用
  • 企业收到分红款是免税收入吗
  • nerosvc.exe - nerosvc是什么进程 有什么用
  • 捐赠支出税前扣除条件
  • go dll
  • php curl_init
  • 预付款发票不能回来了怎么处理
  • 以前年度未入账固定资产账务处理
  • 莫尼莫克房车
  • 巧克力山介绍
  • 机械干租和湿租的税率
  • 车间装修预算表
  • thinkphp获取数据库数据
  • 最全vue项目实战
  • 表关联查询语句
  • ci框架视频教程
  • python中字符串的长度怎么算
  • 2020信息采集
  • 接手前往年的银行余额不平怎么办?
  • 汽车租赁属于经营租赁吗
  • 结转全年利润总额
  • 企业所得税汇算清缴扣除标准2023
  • 银行存款属于其他收益吗
  • 专职独立研发企业是指
  • 补缴纳税款
  • 注销时其他应付款怎么冲平
  • 附加税减免政策2020年
  • 应交税费期初有余额吗
  • 金税盘发票全额抵扣如何做账
  • Mysql主从同步Last_IO_Errno:1236错误解决方法
  • mysql优化表命令
  • xp系统中文语言包
  • win7传真和扫描
  • win8.1重置电脑
  • centos 命令大全
  • linux 静态库
  • 在ubuntu上安装gcc
  • linux系统的
  • linux scp远程拷贝文件及文件夹
  • WIN10系统英文怎么改中文?
  • Win10计算机管理该文件没有与之关联的应用
  • 239mbps是多少兆网速
  • win8系统安装教程图解
  • 为什么无法退出
  • linux查看nginx配置文件
  • 游戏引擎官方平台
  • 使用jQuery的ajax方法向服务器发出get和post请求的方法
  • nodejs如何发布服务
  • 深圳市国税局咨询电话是多少
  • 法国进囗红酒
  • 国家税务总局内蒙古分局
  • 甘肃华能能源开发有限公司
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设