HTML5期末大作业:美食网站设计——餐饮美食-咖啡(5页) HTML5网页设计成品_学生DW静态食品网页设计_web课程设计网页制作
作品介绍
1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑
:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品技术
:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>咖啡</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="content">
<div class="header">
<div class="logo"><a href="#"><img class=pic src="images/logo.png"></a></div>
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="kafei.html">咖啡及文化</a></li>
<li><a href="meishi.html">美食与饮品</a></li>
<li><a href="xinwen.html">美食新闻</a></li>
<li><a href="liuyan.html">留言板</a></li>
</ul>
</div>