web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

文章目录

web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业
获取更多源码
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

二、文件目录

三、代码实现



<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <title>弗思特文化有限公司首页</title>
    <meta name="keywords" content="keywords"/>
    <meta name="description" content="description"/>
    <script type="text/javascript" src="js/base-loading.min.js"></script>
    <link rel="stylesheet" href="css/style.css"/>
  </head>
  <body>
    <div class="s_header w">
      <div class="s_header_top w">
        <div class="header_top w1000 auto">
          <div class="header_top_fl fl">欢迎访问四川弗思特文化发展有限公司</div>
          <div class="header_top_fr fr"><span class="header_email dib">scwjedu@163</span><span class="header_tel dib">028-65652769</span>
            <div class="cb"></div>
          </div>
          <div class="cb"></div>
        </div>
      </div>
      <div class="s_header_nav w">
        <div class="header_nav w1000 auto">
          <div class="logo fl"><a href="index.html"><img src="images/logo.png" alt=""/></a></div>
          <div class="nav fr">
            <ul>
              <li><a href="index.html">首页</a></li>
              <li class="pr"><a href="about.html">关于我们 </a>
                <div class="nav_son pa none">
                  <ul>
                    <li><a href="">学校理念定位</a></li>
                    <li><a href="">VI视觉设计</a></li>
                    <li><a href="">楼道文化</a></li>
                    <li class="sonlast"><a href="">画册</a></li>
                  </ul>
                </div>
              </li>
              <li class="pr"><a href="design.html">设计赏析</a>
                <div class="nav_son pa none">
                  <ul>
                    <li><a href="">学校理念定位</a></li>
                    <li><a href="">VI视觉设计</a></li>
                    <li><a href="">楼道文化</a></li>
                    <li class="sonlast"><a href="">画册</a></li>
                  </ul>
                </div>
              </li>
              <li class="pr"><a href="server.html">服务范围 </a>
                <div class="nav_son pa none">
                  <ul>
                    <li><a href="">学校理念定位</a></li>
                    <li><a href="">VI视觉设计</a></li>
                    <li><a href="">楼道文化</a></li>
                    <li class="sonlast"><a href="">画册</a></li>
                  </ul>
                </div>
              </li>
              <li class="pr"><a href="news.html">设计流程</a>
                <div class="nav_son pa none">
                  <ul>
                    <li><a href="">学校理念定位</a></li>
                    <li><a href="">VI视觉设计</a></li>
                    <li><a href="">楼道文化</a></li>
                    <li class="sonlast"><a href="">画册</a></li>
                  </ul>
                </div>
              </li>
              <li class="pr"><a href="news.html">专家讲堂</a>
                <div class="nav_son pa none">
                  <ul>
                    <li><a href="">学校理念定位</a></li>
                    <li><a href="">VI视觉设计</a></li>
                    <li><a href="">楼道文化</a></li>
                    <li class="sonlast"><a href="">画册</a></li>
                  </ul>
                </div>
              </li>
              <li class="last pr"><a href="contact.html">联系我们</a>
                <div class="nav_son pa none">
                  <ul>
                    <li><a href="">学校理念定位</a></li>
                    <li><a href="">VI视觉设计</a></li>
                    <li><a href="">楼道文化</a></li>
                    <li class="sonlast"><a href="">画册</a></li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div class="cb"></div>
        </div>
      </div>
    </div>
    <div class="header_line"></div>
    <div style="background:url(images/fwfw.png);" class="inbanner w">
      <div class="inbanner1 w1000 auto pr">
        <div class="in_bann_div pa">
          <h1>服务范围</h1>
          <p> SERVICE</p>
        </div>
      </div>
    </div>
    <div class="centers">
      <div class="center w1000">
        <div class="leftnav fl">
          <div class="lnav">
            <div class="lnav_top">
              <div class="lnav_top_tit">
                <div class="lnav_tit_chi fl">服务范围</div>
                <div class="lnav_tit_eng fl">Service scope</div>
                <div class="cb"></div>
              </div>
            </div>
            <div class="lnav_bom">
              <ul>
                <li><a href="">学校理念定位</a></li>
                <li><a href="">VI视觉设计</a></li>
                <li><a href="">楼道文化</a></li>
                <li class="last"><a href="">画册</a></li>
              </ul>
            </div>
            <div class="cb"></div>
          </div>
          <div class="leftnavbom">
            <div class="lnav_top_c">
              <div class="lnav_tit_chi_c fl">联系我们</div>
              <div class="lnav_tit_eng_c fl">Contact us</div>
              <div class="cb"></div>
            </div>
            <div class="cont_bom"><a href=""><img src="images/s_lxwm_bg1.png" alt=""/></a>
              <p>地址：成都市金牛区高新技术产业园兴盛 西路2号4幢712</p>
              <p>电话：028-65652769  69687568  13008198228</p>
              <p>传真：028-61892011</p>
              <p>E-Mail：scwjedu@163</p>
            </div>
          </div>
        </div>
        <div class="rigcon fr">
          <div class="position">
            <div class="poscatname fl">学校理念定位</div>
            <div class="pos fr">您现在的位置：<a href="">首页 ></a><a href="">服务范围 ></a><span>学校理念定位</span></div>
            <div class="cb"></div>
          </div>
          <div class="newslistdiv">
            <ul>
              <li>
                <div class="newli_fl_img fl"><a href="news-detail.html"><img src="images/newslist.png" alt=""/></a></div>
                <div class="newli_fr fr">
                  <div class="newli_time">2016.01.15</div>
                  <div class="newli_tit"> <a href="news-detail.html">世界环境设计领域现代设计中的风格与流派	</a></div>
                  <div class="newli_desc">在多元化文化并行发展的时代，环境艺术设计的风格与流派均有独到的表现：光洁派:运用现代材料和现代加工技术的高精度的装饰传递时代精神，现代主义建</div>
                  <div class="newli_more"><a href="news-detail.html">查看详细>></a></div>
                </div>
                <div class="cb"></div>
              </li>
              <li>
                <div class="newli_fl_img fl"><a href="news-detail.html"><img src="images/newslist.png" alt=""/></a></div>
                <div class="newli_fr fr">
                  <div class="newli_time">2016.01.15</div>
                  <div class="newli_tit"> <a href="news-detail.html">世界环境设计领域现代设计中的风格与流派	</a></div>
                  <div class="newli_desc">在多元化文化并行发展的时代，环境艺术设计的风格与流派均有独到的表现：光洁派:运用现代材料和现代加工技术的高精度的装饰传递时代精神，现代主义建</div>
                  <div class="newli_more"><a href="news-detail.html">查看详细>></a></div>
                </div>
                <div class="cb"></div>
              </li>
              <li>
                <div class="newli_fl_img fl"><a href="news-detail.html"><img src="images/newslist.png" alt=""/></a></div>
                <div class="newli_fr fr">
                  <div class="newli_time">2016.01.15</div>
                  <div class="newli_tit"> <a href="news-detail.html">世界环境设计领域现代设计中的风格与流派	</a></div>
                  <div class="newli_desc">在多元化文化并行发展的时代，环境艺术设计的风格与流派均有独到的表现：光洁派:运用现代材料和现代加工技术的高精度的装饰传递时代精神，现代主义建</div>
                  <div class="newli_more"><a href="news-detail.html">查看详细>></a></div>
                </div>
                <div class="cb"></div>
              </li>
            </ul>
          </div>
          <div class="cb"></div>
          <div class="pages"><a href="">首页</a><a href="" class="addclass5">1</a><a href="">2</a><a href="">3</a><a href="">4</a><a href="">5</a><a href="">下一页</a><a href="">末页	</a></div>
        </div>
        <div class="cb"></div>
      </div>
    </div>
    <div class="s_footer w">
      <div class="footer w1000 auto">
        <div class="footer_fl fl">
          <div class="footer_logo"><a href=""><img src="images/footer_logo.png" alt=""/></a></div>
          <div class="footer_line"></div>
          <div class="footer_fl_ul">
            <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>
          <div class="cb"></div>
          <div class="footer_fl_record">蜀ICP备11022706号 版权所有 2006-2016 四川弗思特文化发展有限公司 All Rights Reserved</div>
        </div>
        <div class="footer_fr fr">
          <div class="footer_fr_top">联系我们</div>
          <div class="footer_line"></div>
          <p>地址：成都市金牛区高新技术产业园兴盛西路2号4幢712</p>
          <p>电话：028-65652769  69687568  13008198228</p>
          <p>传真：028-61892011</p>
          <p>E-Mail：scwjedu@163</p>
          <div class="footer_from">技术支持｜<a href="" target="_blank">云木科技</a></div>
        </div>
        <div class="cb"></div>
      </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
    <!--首页banner特效-->
    <script type="text/javascript" src="js/banner.js"></script>
    <script type="text/javascript" src="js/main.js"> </script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script>
      banner();
      //- 服务范围特效
      jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50});
    </script>
  </body>
</html>

四、获取更多源码

PC电脑端关注我们

五、学习资料

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

更多推荐

web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业

web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业

web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业

获取更多源码

文章目录

一、作品展示

二、文件目录

三、代码实现

四、获取更多源码

五、学习资料

六、更多源码

发布评论取消回复

最近发表

热门文章

标签列表

web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业

web网页设计实例作业 ——校园文化(7页) html大学生网站开发实践作业

获取更多源码

文章目录

一、作品展示

二、文件目录

三、代码实现

四、获取更多源码

五、学习资料

六、更多源码

相关文章

发布评论取消回复

最近发表

热门文章

标签列表