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

最新推荐文章于 2024-05-21 08:43:37 发布

优质内容贡献

最新推荐文章于 2024-05-21 08:43:37 发布

阅读量1.6k

点赞数 1

分类专栏： web大学生个人网站作业模学生div+css静态网页设计成品 HTML5期末大作业文章标签： css javascript html 美食 html5

本文链接：https://blog.csdn.net/qq_524614081/article/details/122399425

版权

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

作品介绍

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

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

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

文章目录

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

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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/slf.css"/>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/banner.index.js"></script>
<script type="text/javascript" src="js/jquery.easing.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/ban03.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在职员工已超3000人，下属20多家子公司...</p>
    <a href="#

最低0.47元/天解锁文章

优质内容贡献

关注

1
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
静态HTML网页设计作品——食品餐饮行业网站模板(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品美食生鲜零食网页设计

HTML5期末大作业：餐饮行业网站设计——食品餐饮行业网站模板(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品美食生鲜零食网页作品介绍1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。3.网页作品技术
复制链接

扫一扫