⼤学⽣咖啡⽹页制作教程表格布局⽹页模板学⽣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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。