HTML5期末大作业：餐饮美食网页设计——美食网(7页) HTML+CSS+JavaScript

最新推荐文章于 2024-04-29 21:30:00 发布

VIP文章 @码住夏天-web网页设计

最新推荐文章于 2024-04-29 21:30:00 发布

阅读量3.1k

点赞数 4

分类专栏： html期末大作业 web实训大作业 web前端期末大作业文章标签： html5 css javascript

本文链接：https://blog.csdn.net/qq_365392777/article/details/120534393

版权

HTML5期末大作业：餐饮美食网页设计——美食网(7页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品

1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

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

2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品布局：网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断（提交时表单不能为空）。

文章目录

HTML5期末大作业：餐饮美食网页设计——美食网(7页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、web前端(学习资料)
五、源码获取
六、更多源码

一、作品展示

1.首页

在这里插入图片描述

2.美食购买

在这里插入图片描述

3.个人中心

在这里插入图片描述

4.下单支付

在这里插入图片描述

5. 登录/注册

在这里插入图片描述

6.今日推荐

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="cake.css" />
	<link rel="stylesheet" type="text/css" href="index.css" />
</head>

<body>
	<div class="header">
		<a href="cake.html" class="logo">
			<img src="image/logo.JPG" alt="图片缺失" />
		</a>
		<ul class="header-right">
			<li><a href="reg.html" class="login">登录</a></li>
			<li><a href="reg.html" class="register">注册</a></li>
		</ul>
	</div>
	<div class="nav-wrap">
		<ul class="nav">
			<li><a href="#strategy" class="active">今日推荐</a></li>
			<li><a href="#mp" class="active">热卖</a></li>
			<li><a href="#np" class="active">吐司系列</a></li>
			<li><a href="#tp" class="active">甜点系列</a></li>
			<li><a href="#news" class="active">生日蛋糕</a></li>
			<li><a href="yummy.html" class="active">俏美味</a></li>
			<li><a href="cheap.html" class="active">狠优惠</a></li>
			<li><a href="us.html" class="active">关于我们</a></li>
		</ul>
	</div>

	<br />
	<br />
	<div class="group"><span>TODAY'S&nbsp;RECOMMENDATION</span>&nbsp;今日推荐</div>
	<hr>
	<div class="group-h">DESSERT&nbsp;TO&nbsp;CURE&nbsp;EVERYTHING</div>
	<div id="strategy">
		<div class="strategy-left">
			<a href="pay.html"><img src="image/hzdg.JPG" title="点击购买" /></a>
			<h4>复古手绘盒子蛋糕</h4>
		</div>
		<div class="strategy-right">
			<ul>
				<li class="strategy-item">
					<div class="strategy-item-left">
						<img src="image/nlp.PNG"

最低0.47元/天解锁文章

@码住夏天-web网页设计

关注

4
点赞
踩
36

收藏

觉得还不错? 一键收藏
打赏
1
评论
HTML5期末大作业：餐饮美食网页设计——美食网(7页) HTML+CSS+JavaScript

HTML5期末大作业：餐饮美食网页设计——美食网(7页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初
复制链接

扫一扫