HTML+CSS静态页面网页设计作业——咖啡网站pc端带轮播js (5页) 学生酒水网页作业, 生鲜水果网页作业成品, 零食小吃网页作 美食网页业模板
2024-04-10 02:26:09
HTML5期末大作业：咖啡网站设计——咖啡网站pc端带轮播js (5页)
文章目录
- HTML5期末大作业：咖啡网站设计——咖啡网站pc端带轮播js (5页)
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
一、作品展示
二、文件目录
三、代码实现
<!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>四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
HTML+CSS静态页面网页设计作业——咖啡网站pc端带轮播js (5页) 学生酒水网页作业, 生鲜水果网页作业成品, 零食小吃网页作 美食网页业模板相关推荐
- HTML5期末大作业：网站——个人网站介绍 (7页面带轮播特效)明星赵丽颖 学生DW网页设计作业源码 web课程设计网页规划与设计 大学生个人网站作业模板
HTML5期末大作业:网站--个人网站介绍 (7页面带轮播特效)明星赵丽颖 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合 ...
- HTML5期末大作业：网站——个人网站介绍 (7页面带轮播特效)明星赵丽颖 学生DW网页设计作业源码 web课程设计网页规划与设计 大学生个人网站作业模板...
HTML5期末大作业:网站--个人网站介绍 (7页面带轮播特效)明星赵丽颖 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合 ...
- HTML网页设计期末课程大作业 ~中国茶文化5页面带轮播(HTML+CSS+JS)~ 学生网页设计作业源码
HTML网页设计期末课程大作业 ~ 中国茶文化5页面带轮播(HTML+CSS+JS)~ 学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- HTML网页设计期末课程大作业 ~中国茶文化5页面带轮播(HTML+CSS+JS)~ 学生网页设计作业源码...
HTML网页设计期末课程大作业 ~ 中国茶文化5页面带轮播(HTML+CSS+JS)~ 学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- HTML学生网页设计作业~餐饮美食汉堡企业网站6页面带轮播(HTML+CSS+JavaScript)
HTML学生网页设计作业~餐饮美食汉堡企业网站6页面带轮播(HTML+CSS+JavaScript) 关于HTML期末网页制作,大作业A+水平 ~餐饮美食汉堡企业网页作业HTML+CSS+JavaSc ...
- HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript)...
HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业 ...
- HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript)
HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业 ...
- 关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例 企业网站制作...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例 企业网站制作 临近期末, 你还在为HTML网页设计结课 ...
- web前端期末大作业(月饼美食网站) html+css+javascript网页设计实例 企业网站制作...
web前端期末大作业(月饼美食网站) html+css+javascript网页设计实例 企业网站制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? ...
- HTML5期末大作业：个人网站设计——彭于晏明星(15页)带特效 带登录 带轮播 带音乐 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML (1)
HTML5期末大作业:个人网站设计--彭于晏明星(15页)带特效带登录带轮播带音乐 HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 ...
最新文章
- Windows下FFmpeg高速入门
- java实训周报_实验室周报
- Lintcode--4(1)--A+B
- android 获取sd卡目录失败_树莓派对SD卡的大小，速度有哪些要求？
- JAVA类与对象（一）----基础概念理解
- JavaScript内建对象 (一) ----- Array
- Eclipse中JSP生成的class文件去了哪里？(转)
- Spring Could+Ant Design Pro表格数据加载
- [恢]hdu 2206
- 利用网络Socket和多线程实现一个双向聊天
- vuepress-theme-reco评论管理
- 2011的总结（感谢自己，感恩他人）【转自我的新浪博客】
- 自动量程万用表的实现原理_自动量程万用表的优缺点
- 为啥在VS中使用scanf函数会有警告呢？如何解决此问题？（如何添加#define _CRT_SECURE_NO_WARNINGS 1）
- CATEGORICAL REPARAMETERIZATION WITH GUMBEL-SOFTMAX翻译
- cad批量转换pdf格式
- 医学文献资料档案全文收集攻略
- 网络模型——OSI模型与TCP/IP模型
- PYTHON 解决小学奥数找规律之一
- 关于win10系统电脑加装固态后用AS SSD工具检测显示pciide-bad解决