当前位置:首页 » 《资源分享》 » 正文

Web大学生网页作业成品——西点蛋糕网页设计与实现(HTML+CSS)(5个页面)

4 人参与  2024年11月14日 14:01  分类 : 《资源分享》  评论

点击全文阅读


??? 常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,画面精明,排版整洁,内容丰富,主题鲜明,非常适合初学者学习使用。???

文章目录

一、作品介绍 ?二、作品演示 ☁️三、代码目录 ?四、网站代码 ?HTML部分代码 五、如何学习网页制作 ❤️六、源码获取 ?


一、作品介绍 ?

?️本套采用HTML+CSS,未使用Javacsript代码,共有5个页面

二、作品演示 ☁️

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录 ?

在这里插入图片描述

四、网站代码 ?

HTML部分代码

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" type="text/css" href="./css/style.css"></head><body><div class="main"><div class="logo"><a href="index.html"><img src="./images/logo.png"></a></div><div class="nav"><ul><li class="on"><a href="index.html">首页</a></li><li><a href="jianjie.html">西点简介</a></li><li><a href="fenlei.html">西点分类</a></li><li><a href="zhanshi.html">西点展示</a></li><li><a href="zuofa.html">西点做法</a></li></ul></div><div class="banner"><img src="./images/banner.jpeg"></div><div class="whitebg"><div class="type"><h3>SWEETY SWEET</h3><div class="type_list"><div class="type_item"><img src="./images/1.png"><div>提拉米苏</div></div><div class="type_item"><img src="./images/2.png"><div>布丁</div></div><div class="type_item"><img src="./images/3.png"><div>芝士蛋糕</div></div><div class="type_item"><img src="./images/4.png"><div>泡芙</div></div><div class="type_item"><img src="./images/5.png"><div>马卡龙</div></div></div></div><div class="desc"><div class="desc_text">西式的甜品花团锦簇,尤以意、法为盛。提拉米苏(Tiramisu)和萨芭雍(Sabayon)这种华丽的甜点一出场,餐桌就变成了春装发布会的天桥。</div></div><div class="img_list"><img src="./images/i1.jpg"><img src="./images/i2.jpg"><img src="./images/i3.jpg"></div></div><div class="footer"><div><img src="./images/logo.png"></div><div class="footer_text">据说品尝一块自己钟爱甜品的幸福感相当于得到心仪汉子的十个熊抱~现在马上就到了春暖花开季节,春季旅游也被许多妹子提上了行程,<br>某甜品站推荐超级有特色甜品咖啡屋,想一想如果来一个甜品之旅是多么幸福,快到甜品店体验甜蜜如初恋的滋味吧~放松心情的时候到了,你还在等什么呢?</div></div></div></body></html>

五、如何学习网页制作 ❤️

?很多刚入门编程的小白学习了基础语法,却不知道语法的用途,不知道如何加深印象,不知道如何提升自己,可以去看一些视频教程,跟着视频一起学习代码,切记一定要自己手动敲一遍代码,不然就算当时看视频学会也会很容易忘记。

六、源码获取 ?

?1、 ~ 关注我,点赞博文~ 每天带你涨知识!
?2、看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
?3、源码获取公众号,点点下方公众号进行获取吧! 网页搜索编号:E0072
在这里插入图片描述


点击全文阅读


本文链接:http://zhangshiyu.com/post/186011.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1