欢迎您访问电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
您现在的位置是：首页 > 电脑 > 

HTML5期末大作业：餐饮行业网站设计——食品餐饮行业网站模板(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 美食生鲜零食网页设计

2025-07-27 04:45:36
HTML5期末大作业：餐饮行业网站设计——食品餐饮行业网站模板(10页) HTMLCSSJavaScript 学生DW网页设计作业成品 美食生鲜零食网页设计 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈

HTML5期末大作业：餐饮行业网站设计——食品餐饮行业网站模板(10页) HTMLCSSJavaScript 学生DW网页设计作业成品 美食生鲜零食网页设计

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

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、otePAD 、Vscode 、Sublime 、Webstorm、 otepad 等任意HTML软件编辑修改网页）。

.网页作品技术：DivCSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录
  • HTML5期末大作业：餐饮行业网站设计——食品餐饮行业网站模板(10页) HTMLCSSJavaScript 学生DW网页设计作业成品 美食生鲜零食网页设计
  • 获取更多源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、获取更多源码
  • 五、学习资料
  • 六、更多源码

一、作品展示





二、文件目录

三、代码实现


<!DOCTYPE html PUBLIC -//WC//DTD XHTML 1.0 Transitional//E http://www.w/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w/1999/xhtml>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title>XXX_首页</title>
<link rel=stylesheet type=text/css href=css//>
<script src=js/jquery-1.8.js type=text/javascript></script>
<script type=text/javascript src=js/banner.index.js></script>
<script type=text/javascript src=js/js></script>
<script type=text/javascript src=js/slf.js></script>
<script src=js/swiper.jquery.js></script>
</head>

<body>
<div class=gray>
  <div id=headr>
    <ul id=nav>
      <li><a href=index.html>关于我们</a></li>
      <li><a href=about.html>门店分布</a></li>
      <li><a href=news.html>品牌活动</a></li>
      <li><a href=# class=logo><img src=picture/logo.gif width=120 height=75 alt=/></a></li>
      <li><a href=products.html>网络商城</a></li>
      <li><a href=contact.html>产品中心</a></li>
      <li><a href=zhaopin.html></a></li>
      <div class=clear></div>
    </ul>
  </div>
</div>
<div class=banner>
  <div id=full-screen-slider>
    <ul id=slides>
      <li style=background:url(images/ban01.jpg) no-repeat center top><a href=></a></li>
      <li style=background:url(images/ban02.jpg) no-repeat center top><a href=></a></li>
      <li style=background:url(images/ban0.jpg) no-repeat center top><a href=></a></li>
      <div class=clear></div>
    </ul>
  </div>
</div>
<div class=main about>
  <div class=about_con l>
    <h2>公司简介</h2>
    <p> 2006年6月，“XXX”品牌正式开始企业化运作，总部落户于湖北省武汉市。是一家专门从事鸭类、鹅类、鸭副产品及素食类休闲熟卤制品深加工的品牌企业，截止到2015年，XXX在职员工已超000人，下属20多家子公司...</p>
    <a href=# class=view>View more</a> </div>
  <div class=about_rig r>
    <div class=video><img src=picture/video.gif width=76 height=410 alt=/></div>
  </div>
</div>
<div class=clear></div>
<div class=main>
  <div class=inTit1 style=background:url(images/intit1.png) no-repeat center center></div>
  <div class=kv>
    <ul class=kv_pic>
      <li><img src=picture/1.jpg alt= /></li>
      <li><img src=picture/2.jpg alt= /></li>
      <li><img src=picture/.jpg alt= /></li>
      <li><img src=picture/2.jpg alt= /></li>
    </ul>
    <div class=kv_word>
      <ul>
        <li>
          <div class=tit>
            <h2>缘起</h2>
            <div class=bg>a</div>
            <span class=en>SICE THE EDGE</span></div>
          <div class=clear></div>
          <div class=f1>1997-2006</div>
          <div class=wordCon>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
        <li>
          <div class=tit>
            <h2>缘起</h2>
            <div class=bg>a</div>
            <span class=en>SICE THE EDGE</span></div>
          <div class=clear></div>
          <div class=f1>1997-2006</div>
          <div class=wordCon>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
        <li>
          <div class=tit>
            <h2>缘起</h2>
            <div class=bg>a</div>
            <span class=en>SICE THE EDGE</span></div>
          <div class=clear></div>
          <div class=f1>1997-2006</div>
          <div class=wordCon>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
        <li>
          <div class=tit>
            <h2>缘起</h2>
            <div class=bg>a</div>
            <span class=en>SICE THE EDGE</span></div>
          <div class=clear></div>
          <div class=f1>1997-2006</div>
          <div class=wordCon>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
      </ul>
    </div>
    <div class=control>
      <div class=prev><img src=picture/ic_move_left.jpg alt= /></div>
      <div class=next><img src=picture/ic_move_right.jpg alt= /></div>
    </div>
    <div class=kv_dot>
      <ul>
        <li class=action></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
</div>
<div class=gray2></div>
<div class=main>
  <div class=inTit2 style=background-image: url(images/intit2.png);></div>
  <ul class=Hotew>
    <dl>
      <dt><a href=#><img src=picture/new1.jpg width=40 height=250 alt=/></a></dt>
      <dd>
        <h2>XXX在中国：向我们引以为豪的伙伴致敬。</h2>
        <p>我们努力工作，就是希望能与朋友们分享美味醇厚的咖啡。并努力让世界变得更美好一点。这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念。
          了解我们的故事</p>
        <a href=#>了解更多</a> </dd>
    </dl>
    <dl>
      <dt><a href=#><img src=picture/new1.jpg width=40 height=250 alt=/></a></dt>
      <dd>
        <h2>XXX在中国：向我们引以为豪的伙伴致敬。</h2>
        <p>我们努力工作，就是希望能与朋友们分享美味醇厚的咖啡。并努力让世界变得更美好一点。这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念。
          了解我们的故事,家XXX咖啡店时的理念，如今我们依然秉承这样的理念。 </p>
        <a href=#>了解更多</a> </dd>
    </dl>
    <dl>
      <dt><a href=#><img src=picture/new1.jpg width=40 height=250 alt=/></a></dt>
      <dd>
        <h2>XXX在中国：向我们引以为豪的伙伴致敬。</h2>
        <p>我们努力工作，就是希望能与朋友们分享美味醇厚的咖啡。并努力让世界变得更美好一点。这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念。
          了解我们的故事</p>
        <a href=#>了解更多</a> </dd>
    </dl>
    <div class=clear></div>
  </ul>
</div>
<div  class=ishopCon>
  <div class=ishop>
    <div class=tit></div>
    <div class=shopUl><a target=_blank href=#>天猫旗舰店</a><a target=_blank href=#>锁鲜专卖店</a><a target=_blank href=#>京东商城</a><a target=_blank href=#>一号店商城</a><a target=_blank href=#>拍拍商城</a></div>
  </div>
</div>
<div class=footer>
  <div class=main2>
    <div class=icontact><span class=f2>contact</span> <span class=f>for me</span></div>
    <div class=tel> online Service
      <div class=telum>XXX</div>
      <div class=box></div>
      <span style=text-transform:normal;>传真：XXX</span> <span style=text-transform: none;>邮箱：XXX</span></div>
    <dl>
      <dt><a href=#>关于我们</a></dt>
      <dd><a href=#>企业简介</a></dd>
      <dd><a href=#>企业文化</a></dd>
      <dd><a href=#>企业历程</a></dd>
    </dl>
    <dl>
      <dt><a href=#>品牌活动</a></dt>
      <dd><a href=#>品牌活动推广</a></dd>
      <dd><a href=#>品牌资讯</a></dd>
    </dl>
    <dl>
      <dt><a href=#>关于我们</a></dt>
      <dd><a href=#>企业简介</a></dd>
      <dd><a href=#>企业文化</a></dd>
      <dd><a href=#>企业历程</a></dd>
    </dl>
    <dl>
      <dt><a href=#>品牌活动</a></dt>
      <dd><a href=#>品牌活动推广</a></dd>
      <dd><a href=#>品牌资讯</a></dd>
    </dl>
    <!-- 二维码 开始 -->
    <div class=bgEwm>
      <div class=topBg style=background-image: url(images/topbg.png);></div>
      
      <!-- 代码 开始 --> 
      <script type=text/javascript src=js/zzsc.js></script>
      <div id=box>
        <div class=prev></div>
        <div class=next></div>
        <ul class=bigUl>
          <li style=z-index:1><a href=#><img src=picture/ewm1.jpg alt=图1 /></a></li>
          <li><a href=#><img src=picture/ewm1.jpg alt=图2 /></a></li>
          <li><a href=#><img src=picture/ewm2.jpg alt=图 /></a></li>
          <li><a href=#><img src=picture/ewm1.jpg alt=图4 /></a></li>
        </ul>
        <ul class=numberUl>
          <li class=night><a href=javascript:;>1</a></li>
          <li><a href=javascript:;>2</a></li>
          <li><a href=javascript:;></a></li>
          <li><a href=javascript:;>4</a></li>
        </ul>
        <div>
          <ul class=textUl>
            <li style=display:block;><a href=#>XXX</a></li>
            <li><a href=#>XXX手机二维码</a></li>
            <li><a href=#>XXX微商城</a></li>
            <li><a href=#>XXX号</a></li>
          </ul>
        </div>
      </div>
      <!-- 代码 结束 --> 
    </div>
  </div>
</div>
<div class=copyRight>
  <div class=copyRightCon>
    <p>COPYRIGHT © 2020  ALL RIGHTS RESERVED</p>
     </div>
</div>
</body>
</html>

四、获取更多源码

PC电脑端关注我们

五、学习资料

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

六、更多源码

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

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址：http://www.dnpztj.cn/diannao/483728.html

相关标签：无
上传时间： 2023-06-19 12:10:51

上一篇：错误代码666020_错误代码大全及意思详解【图解】

下一篇：win10系统硬盘显示容量与实际使用容量不符

推荐阅读

留言与评论（共有 17 条评论）
注册新账号 登录
本站网友 中国银杏树网
20分钟前 发表
</p> <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”
本站网友 左手边
21分钟前 发表
舞蹈
本站网友 毛周角化症
4分钟前 发表
这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念
本站网友 经典网页
16分钟前 发表
代码实现 <!DOCTYPE html PUBLIC -//WC//DTD XHTML 1.0 Transitional//E http
本站网友 大连年检
6分钟前 发表
</p> <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越
本站网友 佛山社区
23分钟前 发表
化妆品
本站网友 吴世农
21分钟前 发表
</p> <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”
本站网友 乡村游
18分钟前 发表
酒店
本站网友 悠悠岁月
8分钟前 发表
</p> <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越
本站网友 梦见掉牙齿是什么征兆
25分钟前 发表
文件目录三
本站网友 工科排名
20分钟前 发表
这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念
本站网友 洛伊丝
20分钟前 发表
</p> <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”
本站网友 济南整形医院
17分钟前 发表
节日
本站网友 ahci驱动
24分钟前 发表
</p> <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”
本站网友 养颜胶囊
14分钟前 发表
游戏
本站网友 墙体裂缝怎么回事
2分钟前 发表
茶叶