html静态页面作业文化网站设计——餐饮文化(8页) HTML+CSS+JavaScript 学生DW网页设计美食文化

最新推荐文章于 2024-02-22 19:17:08 发布

优质内容贡献

最新推荐文章于 2024-02-22 19:17:08 发布

阅读量249

点赞数 1

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

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

版权

这是一个HTML5期末大作业，设计了一个包含8页的餐饮文化网站，重点展示了美食文化和海鲜食品。作品支持PC和手机响应式布局，采用HTML+CSS+JavaScript实现，包括Div+CSS、鼠标效果、导航、表单等多种前端技术。同时提供作品下载，覆盖了网页设计的基础知识点。

摘要由CSDN通过智能技术生成

HTML5期末大作业：餐饮文化网站设计——餐饮文化(8页) 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期末大作业：餐饮文化网站设计——餐饮文化(8页) HTML+CSS+JavaScript 学生DW网页设计美食文化海鲜食品速冻食材选址
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<html>
<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>关于我们-健康食品餐饮美食类网站(带手机端)</title>
    <link rel="stylesheet" type="text/css" href="style/common.css" />
    <link rel="stylesheet" type="text/css" href="style/style.css" />
    <link rel="stylesheet" type="text/css" href="style/subpage.css" />
    <script type="text/javascript" src="js/js/jquery1.11.1.min.js"></script>
    <script type="text/javascript" src="js/js/jquery.superslide.2.1.1.js"></script>
    <script type="text/javascript" src="js/js/form.js"></script>
    <script type="text/javascript" src="js/js/common.js"></script>
    <style></style>
</head>

<body>
    <div class="header theme_color">
        <div class="main">
            <div class="logo"><a href="index.htm" title="健康食品餐饮美食类网站(带手机端)"><img src="images/logo.png"  alt="健康食品餐饮美食类网站(带手机端)" /></a></div>
            <div class="tel">
                <!-- <img src="images//skin/images/tel.png" /> -->
                热线电话<span> 13988999988</span></div>
        </div>
    </div>
    <!--header end-->
    <div class="clear"></div>
    <!--g_nav-->
    <div class="g_nav">
        <div class="g_nav01">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="ihome"><a class="now" href="index.htm" title="首页">首页<br />
        <!-- <span>Home</span> -->
        <div></div>
        </a></td>
                    <td><a href="index-1.html" title="关于我们">关于我们<br />
        <div ></div>
        </a>
                        <div class="nav_tan"> <a href="index-2.htm">发展历史</a> </div>
                    </td>
                    <td><a href="index-3.htm" title="产品中心">产品中心<br />
        <div ></div>
        </a>
                        <div class="nav_tan"> <a href="index-4.htm">川 菜<