HTML5期末大作业：海美食网站设计——上海美食(8页) 酒水 ...

逍遥看板娘 · 发表于 2021-12-18 15:10:32

HTML5期末大作业：海美食网站设计——上海美食(8页) 酒水网页设计作业,甜品美食网页制作作业, 学生零食网页作业

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

获取更多源码

PC电脑端关注我们
作者主页-更多源码
HTML期末大作业文章专栏
作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
@TOC
一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;>
<html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>上海美食网</title>
<script type=&#34;text/javascript&#34; src=&#34;js/jquery.min.js&#34;></script>
<script type=&#34;text/javascript&#34; src=&#34;js/lb.js&#34;></script>
<link href=&#34;css/css.css&#34; rel=&#34;stylesheet&#34; type=&#34;text/css&#34; />
</head>
<body>
<embed src=&#34;images/music.mp3&#34; width=&#34;0&#34; height=&#34;0&#34;></embed>
<div class=&#34;con&#34;>
  <div class=&#34;nav&#34;>
<div class=&#34;fl&#34;><a href=&#34;#&#34;><img src=&#34;images/logo.png&#34;  width=&#34;259&#34; /></a></div>
<ul>
   <li id=&#34;c1&#34;><a href=&#34;index.html&#34;>网站首页</a></li>
   <li id=&#34;c2&#34;><a href=&#34;jianjie.html&#34;>美食简介</a></li>
   <li id=&#34;c3&#34;><a href=&#34;meishi_1.html&#34;>生煎包</a></li>
   <li id=&#34;c4&#34;><a href=&#34;meishi_2.html&#34;>大饼</a></li>
   <li id=&#34;c5&#34;><a href=&#34;meishi_3.html&#34;>糍饭糕</a></li>
   <li id=&#34;c6&#34;><a href=&#34;meishi_4.html&#34;>咸豆浆</a></li>
   <li id=&#34;c7&#34;><a href=&#34;meishi_5.html&#34;>甜豆浆</a></li>
</ul>
  </div>
  <div class=&#34;clear&#34;></div>
  <div class=&#34;con_in&#34;>
<div class=&#34; clear&#34;></div>
<div class=&#34;list_dm&#34;>
   <div id=&#34;focus&#34;>
      <ul>
      <li><a href=&#34;#&#34;><img src=&#34;images/d1.jpg&#34; /></a></li>
      <li><a href=&#34;#&#34;><img src=&#34;images/d2.jpg&#34; /></a></li>
      <li><a href=&#34;#&#34;><img src=&#34;images/d3.jpg&#34;  /></a></li>
      <li><a href=&#34;#&#34;><img src=&#34;images/d4.jpg&#34; /></a></li>
      </ul>
   </div>
</div>
<div class=&#34; clear&#34;></div>
<div class=&#34;main&#34;>
   <div class=&#34;left&#34;>
      <div class=&#34;index_right&#34;>
      <div class=&#34;index_top&#34;>
         <h2 >我的家乡美食<span style=&#34; color:#434343; padding:15px;&#34;>上海美食网~~!</span> </h2>
         <div class=&#34;pt20&#34;>
            <p>上海，简称&#34;沪&#34;或&#34;申&#34;，是中国共产党的诞生地，中华人民共和国直辖市，国家中心城市，超大城市，沪杭甬大湾区核心城市，国际经济、金融、贸易、航运、科技创新中心，首批沿海开放城市。上海地处长江入海口，是长江经济带的龙头城市、G60科创走廊核心城市。隔东中国海与日本九州岛相望，南濒杭州湾，北、西与江苏、浙江两省相接。
春秋战国时期，上海是楚国春申君黄歇的封邑，故别称申。四、五世纪晋朝时期，因渔民创造捕鱼工具&#34;扈&#34;，江流入海处称&#34;渎&#34;，因此松江下游一带称为&#34;扈渎&#34;，以后又改&#34;沪&#34;，故上海简称&#34;沪&#34;。唐朝置华亭县。上海是国家历史文化名城，江浙吴越文化与西方传入的工业文化相融合形成上海特有的海派文化。1843年后上海成为对外开放的商埠并迅速发展成为远东第一大城市。
上海市总面积6340平方公里，辖16个市辖区，属亚热带湿润季风气候。上海GDP居中国城市第一位，亚洲城市第二位，仅次于日本东京。上海是全球著名的金融中心，全球人口规模和面积最大的都会区之一。上海被GaWC评为世界一线城市。上海住户存款总额和人均住户存款均居全国第二。2017年，上海高新技术企业总数达到7642家，位列福布斯2017年&#34;中国大陆最佳商业城市排行榜&#34;第一位。
上海港集装箱吞吐量居世界第一，设有中国大陆首个自贸区中国（上海）自由贸易试验区。上海市与安徽、江苏、浙江共同构成了长江三角洲城市群，是世界六大城市群之一。</p>
         </div>
      </div>
      </div>
   </div>
   <div class=&#34;right&#34;>
      <div class=&#34; clear&#34;></div>
      <div class=&#34;sidebar&#34;>
      <h3>网站导航</h3>
      <ul class=&#34;side_list&#34;>
         <li id=&#34;c2&#34;><a href=&#34;jianjie.html&#34;>美食简介</a></li>
         <li id=&#34;c3&#34;><a href=&#34;meishi_1.html&#34;>生煎包</a></li>
         <li id=&#34;c4&#34;><a href=&#34;meishi_2.html&#34;>大饼</a></li>
         <li id=&#34;c5&#34;><a href=&#34;meishi_3.html&#34;>糍饭糕</a></li>
         <li id=&#34;c6&#34;><a href=&#34;meishi_4.html&#34;>咸豆浆</a></li>
         <li id=&#34;c7&#34;><a href=&#34;meishi_5.html&#34;>甜豆浆</a></li>

         <li id=&#34;c8&#34;><a href=&#34;zhanshi.html&#34;>美食展示</a></li>
      </ul>
      <div class=&#34; center p5&#34;> <a href=&#34;#&#34;><img alt=&#34;&#34; src=&#34;images/l1.jpg&#34; width=&#34;220&#34;  /></a> </div>
      </div>
      

      <div class=&#34; clear&#34;></div>
   </div>
   <div class=&#34; clear&#34;></div>
   <div class=&#34;foot&#34;>
      <p> Copyright © 上海美食网版权所有</p>
      <p> All Rights Reserved </p>
   </div>
   <div class=&#34; clear&#34;></div>
</div>
  </div>
</div>
</body>
</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !

五、学习资料

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

六、更多源码

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

文章来源于网络，如有侵权，请联系我们小二删除，どうもで～す！