⼤学⽣咖啡⽹页制作教程表格布局⽹页模板学⽣HTML 静态美⾷⽹页设计作业成品简单⽹页制作代码。。。
HTML5期末⼤作业：静态美⾷⽹站设计——咖啡 HTML+CSS+ 学⽣DW ⽹页设计作业成品web 课程设计⽹页规划与设计 计算机毕设⽹页设计源码
常见⽹页设计作业题材有 个⼈、 美⾷、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节⽇、 戒烟、 电影、 摄影、 ⽂化、 家乡、 鲜花、 礼品、 汽车、 其他 等⽹页设计题⽬, A+⽔平作业, 可满⾜⼤学⽣⽹页⼤作业⽹页设计需求, 喜欢的可以下载!
作品介绍
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 ><audio src ="music/love.mp3" autoplay ></audio ><!--⾳频--><!--头部--><div id ="header ">    <div class ="cont ">        <div class ="logo ">            <a href ="#">咖啡⽂化⽹ </a >        </div >        <div class ="header_right ">            <div class ="search_box ">                <form >                <input type ="text " class ="text "/>                <input type ="button " value ="搜索" class ="btn " />                </form >            </div >
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
四、学习资料
web前端 零基础-⼊门到⾼级 (视频+源码+开发软件+学习资料+⾯试题) ⼀整套 (教程) 适合⼊门到⾼级的童鞋们⼊⼿~送1000套HTML+CSS+JavaScript模板⽹站
五、      更多源码                  </div >            <div class ="nav ">                <ul >                    <li ><a href ="#">⾸页</a ></li >                    <li ><a href ="#">咖啡发展</a ></li >                    <li ><a href ="#">咖啡成分</a ></li >                    <li ><a href ="#">咖啡饮⽤</a ></li >                    <li ><a href ="#">咖啡功效</a ></li >                    <li ><a href ="#">咖啡利弊</a ></li >                </ul >            </div >        </div >    </div ></div ><!--咖啡简介--><div id ="jianjie ">    <div class ="cont ">        <div class ="pic ">          <span ></span ><img src ="images/jianjie.jpg " />        </div >        <div class ="text ">            <h1>咖啡简介</h1>            <p >“咖啡”(Coffee)⼀词源⾃埃塞俄⽐亚的⼀个名叫卡法(kaffa)的⼩镇，在希腊语中“Kaweh”的意思是“⼒量与热情”。茶叶与咖啡、可可并称为世界三⼤饮            <p >咖啡树是属茜草科常绿⼩乔⽊，原产于埃塞俄⽐亚。热带、亚热带的常绿⼩乔⽊或灌⽊。叶长卵形，花⽩⾊，结深红⾊浆果。有⼩果、中果、⼤果咖        </div >    </div ></div ><!--中间内容--><div id ="content ">    <div class ="cont ">        <div class ="cont_left ">            <h2>咖啡起源</h2>            <p >世界上第⼀株咖啡树是在⾮洲之⾓发现的。当地⼟著部落经常把咖啡的果实磨碎，再把它与动物脂肪掺在⼀起揉捏，做成许多球状的丸⼦。这些⼟著            <p >当时，⼈们不了解咖啡⾷⽤者表
现出亢奋是怎么⼀回事——他们不知道这是由咖啡的刺激性引起的，相反，⼈们把这当成是咖啡⾷⽤者所表现出来的            <p >古时候的阿拉伯⼈最早把咖啡⾖晒⼲熬煮后，把汁液当作胃药来喝，认为有助于消化。后来发现咖啡还有提神醒脑的作⽤，同时由于伊斯兰教规严禁            <p >西⽅⼈都熟知咖啡有三百年的历史，然⽽在东⽅，咖啡在更久远前的年代已作为⼀种饮料在社会各阶层普及。咖啡出现的最早且最确切的时间是公元
</div >        <div class ="cont_right ">            <h2>咖啡展览</h2>            <a href ="#"><img src ="images/a1.jpg "/></a >            <a href ="#"><img src ="images/a2.jpg "/></a >            <a href ="#"><img src ="images/a3.jpg "/></a >        </div >    </div ></div ><!--底部--><div id ="footer ">  <p >Copyright © 咖啡⽂化⽹ </p ></div ></body ></html >22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70静态网页模板免费下载的网站
71
72
73
74
75