web网页设计实例作业 :美食坊网站设计——美食坊美食购物主题(15页) HTML+CSS+JavaScript
HTML5期末大作业:美食坊网站设计——美食坊美食购物主题(15页)
文章目录
- HTML5期末大作业:美食坊网站设计——美食坊美食购物主题(15页)
- 一、作品展示
- 二、文件目录
- 三、代码实现
一、作品展示
二、文件目录
三、代码实现
<!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="data: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></div><div class="lunbo"> <div class="flashbox"><div id=SwitchBigPic><div><a href="#"><img class="pic" src="data:images/01.jpg"></a></div><div><a href="#"><img class="pic" src="data:images/02.jpg"></a></div><div><a href="#"><img class="pic" src="data:images/03.jpg"></a></div><div><a href="#"><img class="pic" src="data:images/04.jpg"></a></div><div><a href="#"><img class="pic" src="data:images/05.jpg"></a></div> </div><ul id=SwitchNav><li><a href="#"><img src="data:images/01.jpg"><b>夏天是什么味道?</b></a> </li><li><a href="#"><img src="data:images/02.jpg"><b>夏季甜点</b></a> </li><li><a href="#"><img src="data:images/03.jpg"><b>美味香槟</b></a> </li><li><a href="#"><img src="data:images/04.jpg"><b>各式点心</b></a> </li><li><a href="#"><img src="data:images/05.jpg"><b>店长推荐</b></a> </li></ul></div></div><div class="main"><div class="kafei"><div class="title">咖啡及文化</div><p>"咖啡"一词源自希腊语"Kaweh",意思是"力量与热情"。咖啡树是属山椒科的常绿灌木,日常饮用的咖啡是用咖啡豆配合各种不同的烹煮器具制作出来的,而咖啡豆就是指咖啡树果实内之果仁,再用适当的烘焙方法烘焙而成。在世界各地,人们越来越爱喝咖啡。随之而来的"咖啡文化"充满生活的每个时刻。无论在家里、还是在办公室、或是各种社交场合,人们都在品着咖啡:它逐渐与时尚、现代生活联系在一起。</p><p><b>喝咖啡的好处</b></p><p>⒈咖啡含有一定的营养成分。[2]咖啡的烟碱酸含有维他命B,烘焙后的咖啡豆含量更高。并且有游离脂肪酸、咖啡因、单宁酸等。⒉咖啡对皮肤有益处。咖啡可以促进代谢机能,活络消化器官,对便秘有很大功效。使用咖啡粉洗澡是一种温热疗法,有减肥的作用。⒊咖啡有解酒的功能。酒后喝咖啡,将使由酒精转变而来的乙醛快速氧化,分解成水和二氧化碳而排出体外。⒋咖啡可以消除疲劳。要消除疲劳,必须补充营养、休息与睡眠、促进代谢功能,而咖啡则具有这些功能。⒌一日三杯咖啡可预防胆结石。对于含咖啡因的咖啡,能刺激胆囊收缩,并减少胆汁内容易形成胆结石的胆固醇,最新美国哈佛大学研究人员发现,每天喝两到三杯咖啡的男性,得胆结石的机率低于40%。⒍常喝咖啡可防止放射线伤害。放射线伤害尤其是电器的辐射已成为目前较突出的一种污染。印度笆巴原子研究人员在老鼠实验中得到这一结论,并表示可以应用到人类。⒎咖啡的保健医疗功能。咖啡具有抗氧化及护心、强筋骨、利腰膝、开胃促食、消脂消积、利窍除湿、活血化淤、息风止痉等作用。⒏咖啡对情绪的影响力。实验表明,一般人一天吸收300毫克(约3杯煮泡咖啡)的咖啡因,对一个人的机警和情绪会带来良好的影响。</p><p><b>咖啡时尚</b></p><p>咖啡,可以陪伴自己度过许多惬意的时光。清晨起床后喝一杯醒脑,白天工作时轻咽一口提神,更有闲暇里饮一杯咖啡、吃几块蛋糕,和朋友聊天小聚。咖啡丰富着我们的生活,也缩短了你我之间的距离。美餐之后,泡上一杯咖啡,读一份报纸,或是和恋人、朋友及家人在一起共享温馨舒适、乐趣无穷的咖啡时光,是一种幸福。传统的咖啡讲究的是咖啡的种类,调配方法,如今在这个速度和效率至上的时代,人们创造出了许多新的口味,新的喝法。如麦斯威尔咖啡就创造出了咖啡奶茶,巧克力咖啡,奶特咖啡,香草咖啡.....等新口味。在这个"速溶"的时代,咖啡所带给我们的,不仅仅是香浓的口味,我们要的,是一种感觉,我们会疯狂地沉浸在那种感觉中。也许那只是街角的一个不起眼的门脸,也许它的咖啡并不是那么好喝,但是,我们迷恋那儿的空气,光线,声音,忘记时间地沉浸在那里,在一群跟自己一样的人当中,也许继续一个人,但大家都心照不宣。男的,女的,开朗的,忧郁的,一群来的,孤自独坐的,抽烟的,喝浓咖啡的,或者根本不喝咖啡的。我们凭感觉找到彼此,凭盯着屋角或咖啡杯的眼神找到彼此,就算你望着窗外,却未必在看什么...我看着你,我知道,我和你不一样,和所有的人不一样,现实主义者会来咖啡馆,但不会属于这里,更不会一直坐到打烊,自己把椅子放到桌子上才走。咖啡馆跟"现在"这个词无缘,于是所有异想天开的人就全找到了这里.</p><img src="data:images/kafei.jpg"><p><b>咖啡与心情</b></p><p>你是心情好还是心情不好的时候想喝杯咖啡呢?每个人的答案都不一样,但因为咖啡是心情好的时候喝的饮料,所以唯有在情绪不错时,想看看蓝蓝的天与晒晒温柔的阳光时才能品尝出咖啡的香醇美味。心情不好时你应该去酒吧喝酒解闷。咖啡馆里慵懒的爵士、扣人心弦的歌剧、浪漫的法国香颂或轻柔的钢琴演奏是你最常会听到的音乐。当然这和咖啡馆老板的品位有关。你可以和亲密的朋友或三五知己在一起聊聊天,探讨一下各自感兴趣的话题,随着时间的深入,你会发现心情渐渐的平静,甚至有一些感动,所有的理由都很单纯、随兴。当你感觉今天心情不错时来一杯咖啡吧,你会发现咖啡最美好的一面。</p> </div></div><div class="footer"><p> 版权所有@夏季甜点-原色咖啡 </p><p> 京ICP备12345678号</p></div><script src="js/changimages.js" type=text/javascript></script><script src="js/prototype.js" type=text/javascript></script><script>var bigswitch = new SwitchPic({bigpic:"SwitchBigPic",switchnav:"SwitchNav",selectstyle:"selected",objname:"bigswitch"}) ;bigswitch.goSwitch(bigswitch,0);bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000);</script>
</body>
</html>
web网页设计实例作业 :美食坊网站设计——美食坊美食购物主题(15页) HTML+CSS+JavaScript相关推荐
- 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 明星个人主页介绍(10页) HTML+CSS+JavaScript
HTML5期末大作业:个人网站设计--明星个人主页介绍(10页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设计 ...
- 学生网页作业 web网页设计实例作业 家乡旅游网站设计——家乡旅游-榆林子州(8页) 出游旅游主题度假酒店 计划出行网站设计
HTML5期末大作业:家乡旅游网站设计--家乡旅游-榆林子州(8页) 出游旅游主题度假酒店 计划出行网站设计 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶 ...
- HTML5期末大作业:美食主题网站设计——美食主题(6页) HTML+CSS+JavaScript 学生dreamweaver网页设计作业成品
HTML5期末大作业:美食主题网站设计--美食主题(6页) HTML+CSS+JavaScript 学生dreamweaver网页设计作业成品 常见网页设计作业题材有 个人. 美食. 公司. 学校. ...
- 静态HTML网页设计作品 仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计
HTML5期末大作业:仿唯品会购物网站设计--仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计 常见网页设计作业题材有 个人. 美食. 公司. ...
- web前端期末大作业:文化网站设计——中国风文化html源码(6个页面) HTML+CSS+JavaScript...
web前端期末大作业:文化网站设计--中国风文化html源码(6个页面) HTML+CSS+JavaScript 期末作业HTML代码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到 ...
- HTML5期末大作业:仿唯品会购物网站设计——仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计
HTML5期末大作业:仿唯品会购物网站设计--仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计 常见网页设计作业题材有 个人. 美食. 公司. ...
- HTML5期末大作业:旅游出行网站设计——旅游网设计(15页) HTML+CSS+JavaScript 学生DW网页设计作业成品 学生旅游网站模板
HTML5期末大作业:旅游出行网站设计--旅游网设计(15页) HTML+CSS+JavaScript 学生DW网页设计作业成品 学生旅游网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...
- html期末作业代码网页设计——美食主题(6页) HTML+CSS+JavaScript 学生dreamweaver网页设计作业成品
HTML5期末大作业:美食主题网站设计--美食主题(6页) HTML+CSS+JavaScript 学生dreamweaver网页设计作业成品 常见网页设计作业题材有 个人. 美食. 公司. 学校. ...
- HTML5期末大作业:化妆品购物商城网站设计——电商类化妆品购物商城(1页) HTML+CSS+JavaScript 关于电商类的HTML网页设计-----化妆品
HTML5期末大作业:化妆品购物商城网站设计--电商类化妆品购物商城(1页) HTML+CSS+JavaScript 关于电商类的HTML网页设计-----化妆品 常见网页设计作业题材有 个人. 美食 ...
- html大作业网页代码 化妆品购物商城网站设计——电商类化妆品购物商城(1页) HTML+CSS+JavaScript 关于电商类的HTML网页设计-----化妆品
HTML5期末大作业:化妆品购物商城网站设计--电商类化妆品购物商城(1页) HTML+CSS+JavaScript 关于电商类的HTML网页设计-----化妆品 常见网页设计作业题材 文章目录 HT ...
最新文章
- tf.keras.layers.MaxPool2D 最大池化层 示例
- gcn语义分割_ICCV Oral 2019:152层GCN大幅加深图卷积网络的方法,点云分割任务效果显著...
- java while do循环_c语言中,while 和 do while 循环的主要区别是( )
- 【物联网工厂大揭秘】电路板、数传模块 是怎么生产制造出来的?
- quartz获取开始结束时间_Springboot集成quartz
- 知识即战斗力!数学家华罗庚投入特殊抗战,一夜译破日军密码
- sqlplus登录缓慢的问题分析过程及解决小记
- anaconda哪个版本是 python3.6_windows10(64位)Anaconda3+Python3.6搭建Tensorflow(cpu版本)及keras...
- Android中如何实现无缝切码流
- 技术要扎扎实实的做,业余功夫也要修炼
- Java强制删除java程序占用的文件
- 搜狗输入法按shift键切换到英文时会清空已输入字符的问题
- 人民币升值与A股之我见
- 4.1-4.30推荐文章汇总
- labview中前面板如何设置背景图片
- 激光雷达学习笔记(一)数据采集
- 【分页存储管理】将十六进制的虚拟地址0A5C、103C、4251转换成物理地址
- 关于时区您了解多少呢?在中国我们使用的是哪个时区?
- android设置图片长宽比例,【教程】安卓保证图片长宽比的同时拉伸图片
- 莫比乌斯(mobius)笔记