HTML5期末大作业:美食坊网站设计——美食坊美食购物主题(15页) HTML+CSS+JavaScript

HTML5期末大作业:美食坊网站设计——美食坊美食购物主题(15页) HTML+CSS+JavaScript

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

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>
    </div>
    <div class="lunbo">   
        <div class="flashbox">
            <div id=SwitchBigPic>
                <div><a href="#"><img class="pic" src="images/01.jpg"></a></div>
				<div><a href="#"><img class="pic" src="images/02.jpg"></a></div>
                <div><a href="#"><img class="pic" src="images/03.jpg"></a></div>
				<div><a href="#"><img class="pic" src="images/04.jpg"></a></div>
                <div><a href="#"><img class="pic" src="images/05.jpg"></a></div>                           
            </div>
            <ul id=SwitchNav>
                <li><a href="#"><img src="images/01.jpg"><b>夏天是什么味道?</b></a> </li>
                <li><a href="#"><img src="images/02.jpg"><b>夏季甜点</b></a> </li>
                <li><a href="#"><img src="images/03.jpg"><b>美味香槟</b></a> </li>
                <li><a href="#"><img src="images/04.jpg"><b>各式点心</b></a> </li>
                <li><a href="#"><img src="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="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>


四、获取更多源码

PC电脑端关注我们

五、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述


六、更多源码

HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web领域优质创作者-网页设计

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值