基于CSS和HTML技术开发中国海洋大学网站的首页

最新推荐文章于 2024-09-07 18:42:16 发布
最新推荐文章于 2024-09-07 18:42:16 发布
阅读量1.6k 收藏 34
点赞数 8
分类专栏： demo 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43893363/article/details/104293582
版权

仿照中国海洋大学网站的首页，做成后的样式，分成两块截得，两侧固定fixed，图片大家可以截海洋大学图片
在这里插入图片描述
在这里插入图片描述
HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>1.2海洋大学官网首页</title>
    <link rel="stylesheet" href="./1.2海洋大学网站首页.css">
</head>
<body>
    <div id="all">
        <div id="shang">
            <img src="./img/haiyang1.jpg" alt="" id="shangimg">
            <div id="menu" class="">
                    <ul>
                        <li><a href="#">学校概况</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">学校校徽</a></li>
                                    <li><a href="#">学校校旗</a></li>
                                    <li><a href="#">学校章程</a></li>
                                    <li><a href="#">组织机构</a></li>
                                    <li><a href="#">历任领导</a></li>
                                    <li><a href="#">现任领导</a></li>
                                    <li><a href="#">学校简介</a></li>
                                    <li><a href="#">历史沿革</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">院系设置</a></li>
                        <li><a href="#">重点建设</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">一流大学建设</a></li>
                                    <li><a href="#">学科专业介绍</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">人力资源</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">人事综合管理系统</a></li>
                                    <li><a href="#">人才招聘</a></li>
                                    <li><a href="#">师资队伍</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">教育教学</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">继续教育</a></li>
                                    <li><a href="#">留学生教育</a></li>
                                    <li><a href="#">国防生培养</a></li>
                                    <li><a href="#">研究生培养</a></li>
                                    <li><a href="#">本科生培养</a></li>
                                    <li><a href="#">审核评估</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">科学研究</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">学术期刊</a></li>
                                    <li><a href="#">大型科学仪器</a></li>
                                    <li><a href="#">科研调查船</a></li>
                                    <li><a href="#">博士后科研流动站</a></li>
                                    <li><a href="#">蓝色经济</a></li>
                                    <li><a href="#">海洋科学与技术青岛协同创新中心</a></li>
                                    <li><a href="#">人文社会科学科研基地</a></li>
                                    <li><a href="#">自然科学科研基地</a></li>
                                    <li><a href="#">中央财政科研项目资金管理文件解读</a></li>
                                    <li><a href="#">科技成果汇编</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">招生就业</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">就业信息</a></li>
                                    <li><a href="#">继续教育招生</a></li>
                                    <li><a href="#">留学生招生</a></li>
                                    <li><a href="#">研究生招生</a></li>
                                    <li><a href="#">本科生招生</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">合作交流</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">国际教育交流</a></li>
                                    <li><a href="#">国际合作</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">图书档案</a>
                            <div id="submenu" class="">
                                <ul>
                                    <li><a href="#">图书馆</a></li>
                                    <li><a href="#">档案馆</a></li>
                                    <li><a href="#">期刊社</a></li>
                                    <li><a href="#">出版社</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">信息公开</a></li>
                        <li><a href="#">科技政策</a></li>
                    </ul>
                </div>
        </div>
        <div id="middle">
            <div id="left"><img src="./img/haiyang2l.jpg" alt="" style="position: fixed;top:181px;"><img src="./img/close.gif" alt="" style="z-index: 10; position: fixed;top:184px;"></div>
            <div id="zhong"><img src="./img/haiyang2.jpg" alt=""><span style="display: inline-block;height: 16px;line-height: 16px;position: absolute;background-color:rgba(56, 39, 39, 0.3);margin-left:18px;margin-top:283px;  left: 0;top: 0;z-index: 2; padding: 4px 10px;color: #fff;font-size: 14px;">热烈庆祝中国海洋大学建校95周年</span></div>
            <div id="right"><img src="./img/haiyang2r.jpg" alt=""style="position: fixed;top:181px;"><img src="./img/close.gif" alt="" style="z-index: 10; position:fixed;top:184px;"></div>
        </div>
        <div id="xia">
            <div id="xialeft">
                <div class="clear">
                    <table>
                        <tr>
                            <td><a href="#" class="biaoti">海大新闻</a></td>
                        </tr>
                    </table>
                </div>
                <table>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="海大举办“书写一流大学建设‘奋进之笔’”行动第二期行远风采论坛"  class="wenben">海大举办“书写一流大学建设‘奋进之笔’”行动第二期...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#"  style="padding-right:53px;" title="西海岸校区规划和建设工作领导小组召开工作会议" class="wenben">西海岸校区规划和建设工作领导小组召开工作会议</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:39px;" title="临沂市河东区区委副书记、区长姚运明一行来校调研" class="wenben">临沂市河东区区委副书记、区长姚运明一行来校调研</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="中国海洋大学林霄沛教授获得2019年度国家杰出青年科学基金资助" class="wenben">中国海洋大学林霄沛教授获得2019年度国家杰出青年科学...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:9px;" title="2019年山东省大学生韩国语话剧大赛在中国海洋大学举行" class="wenben">2019年山东省大学生韩国语话剧大赛在中国海洋大学举行</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:54px;" title="深圳市宝安区区长郭子平一行到中国海洋大学调研" class="wenben">深圳市宝安区区长郭子平一行到中国海洋大学调研</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="第十七届中琉历史关系国际学术会议”在中国海洋大学举办" class="wenben">第十七届中琉历史关系国际学术会议”在中国海洋大学举办"</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:21px;" title="中国海大教师获全国高等院校英语教师教学基本功大赛山东省一等奖" class="wenben">中国海大教师获全国高等院校英语教师教学基本功大赛...</a></td>
                    </tr>
                    <tr> 
                        <td><a href="#" class="dibu">更多 ></a> </td>
                    </tr>
                </table>
            </div>
            <div id="xiazhong">
                <div class="clear">
                    <table>
                        <tr>
                            <td><a href="#" class="biaoti">海大公告</a>&nbsp;&nbsp;&nbsp;<span style="color: #555555;size: 12px;font-weight:900;">学术活动</span></td>
                        </tr>
                    </table>
                </div>
                <table>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="海大人文讲坛-张凌云:旅游现象的本质探讨——非惯常环境假说的再研究"  class="wenben">海大人文讲坛-张凌云:旅游现象的本质探讨——非惯常环...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="海大人文讲坛2019年第110讲-陈国权：经济增长管理与政企统合型政府" class="wenben">海大人文讲坛2019年第110讲-陈国权：经济增长管理与...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:28px;" title="海大人文讲坛-陈国权:经济增长管理与政企统合型政府" class="wenben">海大人文讲坛-陈国权:经济增长管理与政企统合型政府</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="研究生百川讲坛-第二届“新时代青年马克思主义者”交流分享会" class="wenben">研究生百川讲坛-第二届“新时代青年马克思主义者”交流...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:44px;" title="海大人文讲坛-李铁:图江门合作与“冰上丝绸之路”" class="wenben">海大人文讲坛-李铁:图江门合作与“冰上丝绸之路”</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" title="研究生百川讲坛-郭磊：逐底还是逐顶？晋升锦标赛下的政策互动" class="wenben">研究生百川讲坛-郭磊：逐底还是逐顶？晋升锦标赛下的...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:69px;" title="Keyzers:Chemical Investigation of Tongan Invertebrates" class="wenben">Keyzers:Chemical Investigation of Tongan...</a></td>
                    </tr>
                    <tr>
                        <td class="tubiao"><img src="./img/tubiao.jpg" alt="" style="width: 16px;height: 14px;"></td>
                        <td><a href="#" style="padding-right:86px;" title="研究生百川讲坛-陆帅洋:灿烂的敦煌石窟艺术" class="wenben">研究生百川讲坛-陆帅洋:灿烂的敦煌石窟艺术</a></td>
                    </tr>
                    <tr> 
                        <td><a href="#" class="dibu">更多 ></a> </td>
                    </tr>
                </table>
            </div>
            <div id="xiaright">
                <table>
                    <tr>
                        <td class="xiatu"><img src="./img/1.png" alt=""></td>
                    </tr>
                    <tr>
                        <td class="xiatu"><img src="./img/2.png" alt=""></td>
                    </tr>
                    <tr>
                        <td class="xiatu"><img src="./img/3.png" alt=""></td>
                    </tr>
                    <tr>
                        <td class="xiatu"><img src="./img/4.png" alt=""></td>
                    </tr>
                    <tr>
                        <td class="xiatu"><img src="./img/5.png" alt=""></td>
                    </tr>
                    <tr>
                        <td class="xiatu"><img src="./img/6.png" alt=""></td>
                    </tr>
                    <tr>
                        <td class="xiatu"><img src="./img/7.png" alt=""></td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="sousuo">
            <table>
                <tr id="lianjie">
                    <td width="30" align="center"> </td>
                    <td><a href="#"><img width="46" height="18" src="./img/x1.png" alt=""></a></td>
                    <td><a href="#"><img width="46" height="18" src="./img/x2.png" alt=""></a></td>
                    <td><a href="#"><img width="46" height="18" src="./img/x3.png" alt=""></a></td>
                    <td><a href="#"><img width="46" height="18" src="./img/x4.png" alt=""></a></td>
                    <td><a href="#"><img width="46" height="18" src="./img/x5.png" alt=""></a></td>
                </tr>     
            </table>
            <table>
                <tr>
                    <td id="inputt"><input type="text" name="" id=""></td>
                    <td><img src="./img/sou.png" alt="" style=" position: absolute;margin-top: 11px;margin-left:906px;width:32px ;height:24px;"></td>
                </tr>
            </table>
            <div id="frienda">
                <a href="http://welcome.ouc.edu.cn/" target="_blank">迎新网</a> | 
                <a href="http://jwc.ouc.edu.cn/hydxt/" target="_blank">海洋大学堂</a> | 
                <a href="http://hqsz.ouc.edu.cn/" target="_blank">数字后勤服务大厅 </a>| 
                <a href="http://season.ouc.edu.cn/" target="_blank">海之子</a> | 
                <a href="http://zb.ouc.edu.cn/" target="_blank">招标公告</a> | 
                <a href="http://jjh.ouc.edu.cn/" target="_blank">教育基金会</a> | 
                <a href="http://xiaoyouhui.ouc.edu.cn/index.do" target="_blank">校友会</a> | 
                <a href="http://xlzx.ouc.edu.cn/" target="_blank">心理咨询</a> | 
                <a href="http://www.qd39.qdedu.net/" target="_blank">海大附中</a> | 
                <a href="http://aoc.ouc.edu.cn/" target="_blank">中国海洋发展研究中心</a>| 
                <a href="http://xhaxq.ouc.edu.cn/" target="_blank">西海岸校区建设</a>| 
                <a href="https://vpn.ouc.edu.cn/" target="_blank">VPN</a>| 
                <a href="https://advice2035.most.gov.cn/" target="_blank">众筹科技2035</a>| 
            </div>
        </div>
        <div id="zuidibu">
            <div id="ziti">
                <span>校址：青岛市崂山区松岭路238号  电话：0532-66782730   邮编：266100 </span>
                <br>
                <span> 版权所有©中国海洋大学 鲁ICP备05002467号-1 <img src="./img/an.png" alt="" width="16px" height="16px"> 鲁公网安备 37021202000030号</span>
            </div>
            <div id="wangzhan">
                <table>
                    <tr>
                        <td><img src="./img/a.png" alt="" width="40px" height="40px"></td>
                        <td><img src="./img/b.png" alt="" width="40px" height="40px"></td>
                        <td><img src="./img/c.png" alt="" width="40px" height="40px"></td>
                        <td><img src="./img/d.png" alt="" width="36px" height="36px"></td>
                    </tr>
                </table>
            </div>
            <div id="shiye">
                <img src="./img/shiye.png" alt="">
            </div>
        </div>
    </div>
</body>
</html>

CSS部分代码

body{
    margin:0;
    padding:0;
}
 #shang{
    width:100%;
    height:180px;
    background-color:rgba(111, 211, 245, 0.199);
    text-align:center;
    /* margin: 100px auto; */
}
#shangimg{
    width: 1000px;
}
#menu{  
    padding-left: 6px;
    margin: 10px auto;
    text-align: center;
    width:1300px;
    height: 40px;
  }
  #menu ul{
    margin: 0px;
    padding: 0px;
  }
  #menu ul li {
    height: 40px;
    width: 115px;
    list-style: none;
    float: left;                
    display: inline;  
    font: 0.9em Arial, Helvetica, sans-serif;
  }
  ul li a {    
    color: #FFF;
    width: 114px;
    margin: 0px;
    padding: 0px 0px 0px 8px;
    text-decoration: none;
    display: block;     
    background: rgb(223, 166, 8);
    line-height: 29px;
    border-bottom: 1px solid #ccc;
    border-right:1px solid #ccc;
    border-radius: px;
  }
  ul li #submenu ul li { 
    height: 25px;
  }
  ul li #submenu ul li a {
      position: relative;
    background: rgb(47, 122, 184);
    line-height: 24px;
    z-index:1000;
  }
  ul li #submenu{
    visibility: hidden;
  }

  ul li:hover #submenu{ 
    visibility: visible;
  }
  ul li #submenu ul li a:hover{
    background: #333;
  }
#middle{
    padding-left: 100px;
    /* position: absolute; */
    width:1300px;
    height:340px;
    /* border: 1px solid #333333; */
    margin: 0 auto;
    text-align: center;
}
#left{
    position: absolute;
    margin-left:-58px;
}
#zhong{
    position: absolute;
    margin-left: 97px;
}
#right{
    position: absolute;
    margin-left:1118px;
}
#xia{
  position: relative;
  margin: 0 auto;
  width:1010px;
  height:320px;
}
#xialeft{
  position: relative;
  float: left;
  width:399px;
  height:320px;
}
#xiazhong{
  position: relative;
  float: left;
  width:399px;
  height:320px;
  margin-left: 6px;
}
#xiaright{
  position: relative;
  float: left;
  width:181px;
  height:320px;
  margin-left: 19px;
}
.biaoti{
  width:100px;
  height: 20px;;
  color: #063477;
  size: 12px;
  font-weight:900;
  
  /* padding-right: 80px; */
}
.clear{
  clear: both;
  height:29px;
  width: 100%;
  border-bottom: 1px solid lightblue;
}
.tubiao img{
  /* position: relative; */
  margin-left:10px;
  margin-bottom: 4px;
}
.wenben{
  margin-left: -9px;
  font-size: 14px;
  color: black;
  border-bottom: 1px dotted black;
  line-height: 27px;
  /* border: 1px solid #333333; */
  /* margin-bottom: 4px; */
  /* padding-right:px ; */
}
a{
  text-decoration: none;
}
.dibu{
  position: absolute;
  margin-left:340px;
  color: black;
}
.xiatu{
  line-height: 34px;
}
#sousuo{
  position: relative;
  margin: 0 auto;
  width:1007px;
  height:105px;
  background-color: #0dadad52;
}
#lianjie{
  position: absolute;
  margin-top: 10px;
}
#inputt{
  position: absolute;
  margin-top: 10px;
  margin-left: 733px;
}
#frienda{
  position: absolute;
  margin-top: 50px;
  margin-left: 20px;
  font-size: 13px;
}
#frienda a{
  color:#224881;
}
#zuidibu{
  position: relative;
  margin: 0 auto;
  width:1007px;
  height:200px;
  text-align: center;
  margin-top:10px;
}
#ziti{
  font-size:14px;
  color: #939393;
}
#wangzhan{
  position: absolute;
  margin-top: 10px;
  margin-left: 390px;
}
#shiye{
  position: absolute;
  margin-top: 64px;
  margin-left: 435px;
}
Star_hui_
关注
专栏目录
《web课程设计》使用HTML+CSS制作大学生校园二手交易网站
html精品源码
08-04 1万+
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语...
制作一个简单HTML中华传统文化网页（HTML+CSS）
热门推荐
HTML网页设计
08-02 1万+
📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
HTML+CSS模仿大学网站主页
07-23
用HTML+CSS模仿的大学主页 无JS 无FLASH 没有添加超链接
HTML+CSS仿东南大学网站首页.zip
04-03
大一的时候老师布置的一个网静态页大作业，我选的是仿东南大学的网站首页，用到的技术只有HTML+CSS，有详细的代码注释，因为是初学的时候写的，代码有的地方可能不规范，资源里有所有的图片素材和完整的代码。
用HTML+CSS做一个漂亮简单大学生校园班级网页 (2)
最新发布
HTML网页设计
09-07 887
📂文章目录👨‍🎓网页题目✍️网页描述💠网页效果⚙️ 代码实现🧱HTML结构代码🎁更多干货 👨‍🎓网页题目 🏫 校园班级网页设计 、👨‍🎓我的班级网页、我的学校、👩‍🎓校园社团、校园运动会、等网站的设计与制作。 ✍️网页描述 🏷️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。 💠网页效果 ⚙️ 代码实现 🧱HT
大学网站首页代码html_网站代码优化购物网站优化排名首页旅游排名网站优化新网站快速优化排名商务网站流量优化手机端优化网站排名网站搜索排名优化...
weixin_39585886的博客
11-26 241
网站代码优化购物网站优化排名首页旅游排名网站优化新网站快速优化排名商务网站流量优化手机端优化网站排名网站搜索排名优化网站代码优化购物网站优化排名首页旅游排名网站优化新网站快速优化排名商务网站流量优化手机端优化网站排名网站搜索排名优化网站代码优化购物网站优化排名首页旅游排名网站优化新网站快速优化排名商务网站流量优化手机端优化网站排名网站搜索排名优化网站代码优化购物网站优化排名首页旅游排名网...
校内网css代码_网站SEO首页代码怎么优化？网站SEO首页代码怎么精简？
weixin_39626586的博客
12-04 168
　一、如何提升网站打开速度?很多网站，为了吸引访客的注意，添加很多组件，殊不知这样的组件越多，会越加延迟网站的打开速度;另外一方面，如果你的网站是图片站，那么更要合理的优化首页代码，有数据显示，通过代码瘦身可以让页面最高缩减百分之三十。作为seo人员，需要懂得如何精简代码，如何加快网站打开速度，即使不是技术流，也因知晓原理。在此，邯郸临漳SEO总结了一部分网站首页代码优化方法与原则，详细如下：1：...
高校学院网站html(css/js)模板
12-16
学校网站的html静态模板，主要是网站首页的界面设计
dedecms怎么改php版本_dedecms首页标签替换
weixin_39592137的博客
11-02 104
这里我们来说一下，怎么调整仿制的网站首页。主要先从两个方面，第一是把网站上文字，改成我们的调用代码。第二是把网站的图片加载出来。很简单，先用DW打开之前下载的首页文件index.html，最上面的HTML版本部分一般情况下是不用动的，往下找到标签，title是标题的意思，网页的标题是指网站的名称，显示如下这里要改成自己的网站名字，具体什么代码不需要记住，打开百度一搜索就可以了。搜索“dedecms...
大学网站HTML模板
06-15
大学网站HTML模板
大学网站首页代码html_旅游网站专业优化新网站代码优化商务网站优化排名首页手机端排名网站优化网站优化排名推广百度网站制作优化大型网站改版优化...
weixin_39613712的博客
11-28 168
旅游网站专业优化新网站代码优化商务网站优化排名首页手机端排名网站优化网站优化排名推广百度网站制作优化大型网站改版优化旅游网站专业优化新网站代码优化商务网站优化排名首页手机端排名网站优化网站优化排名推广百度网站制作优化大型网站改版优化旅游网站专业优化新网站代码优化商务网站优化排名首页手机端排名网站优化网站优化排名推广百度网站制作优化大型网站改版优化旅游网站专业优化新网站代码优化商务网站优化...
html实现学校网站
06-22
用html实现的简单的学校代码。主页里面的对应的附属页。相应有附属页用一个文件夹保存
蓝色大学教育HTML网站模板(全部源码)
11-30
蓝色大学教育HTML网站模板，DIV+CSS布局，全套模板，包括首页、专业简介、师资与科研、优秀毕业生、社会服务、资源共享等HTML学校模板页面。
基于HTML美中华传统文化题材网页项目的设计与实现 (纯HTML+CSS制作中国茶文化网站)
VX_WJ88950106的博客
08-10 277
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒......
web前端期末大作业：基于HTML+CSS+JavaScript实现网上鲜花店网站设计(14页)
qq__3200628753的博客
08-14 260
🌹 鲜花网页设计 、🌷鲜花商城网页制作、🌼在线花店网站、💐盆栽网、花卉网等网站的设计与制作。🏷️HTML鲜花网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CS......
TML5期末大作业：红色自适应网上鲜花网站设计——浪漫红色自适应网上鲜花店(16页) HTML+CSS+JavaScript 大学生鲜花网页作品 植物网页设计作业模板 学生网页制作源代码下载
qq_524614081的博客
12-01 1216
HTML5期末大作业：红色自适应网上鲜花网站设计——浪漫红色自适应网上鲜花店(16页) HTML+CSS+JavaScript 大学生鲜花网页作品 植物网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作
大学网站首页代码html_网站单页面模板制作和dede默认文件夹名称解释
weixin_39769228的博客
12-08 804
之前我们已经完成了网站首页的制作，操作过就有经验了，其他的工作就简单很多。这里来说一下单页面的模板制作。一 、和首页一样，首先用仿站小工具输入要下载的单页面域名，下载网站内容，上次下载的首页内容可以删掉了二 、DW打开，删掉不需要的东西，统计代码，咨询代码等。三 、和首页一样ctrl+F替换图片路径，为了避免冲突，把static改成static2。四 、下载的文件格式html改htm。五 、复制到...
小练手理工大学官网HTML+CSS
星月
10-11 417
::青岛理工大学::Welcome to Qingdao University of Technology       *{     padding:none;     margin:none;     font:宋体;    }    .box1{     width:1349px;     height:98px;     margin-top:30px;     bac
用HTML+CSS实现一个计科院网站首页静态页面
admin270492705的博客
03-19 1603
思路： 首先观察我校计科院网站首页，按F12观察它的各个板块的布局。 然后用<div>从上到下从左到右一块一块仿照着来实现。 需要用到的图片全都从原本网站上保存下来使用。 效果： HTML代码（CSS全采用内部引用） 1 <!DOCTYPE html> 2 <html> 3 <head...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值