HTML5期末大作业：HTML+CSS+JS制作鲜花网站(学生网页设计作业源码)
️ 精彩专栏推荐
作者主页: 【进入主页—获取更多源码】
web前端期末大作业： 【HTML5网页期末作业 (1000套) 】
程序员有趣的告白方式：【HTML七夕情人节表白网页制作 (110套) 】
二、网站介绍
网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。
网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。
网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）html文件包含：其中index.html是首页、其他html为二级页面；
（2） css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3） js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。
三、网站效果
▶️1.视频演示
2.图片演示
四、 网站代码
HTML结构代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>花卉网店</title> <meta name="description" content="花卉网店领先品牌,专注鲜花速递服务15年,销量居鲜花礼品网站首位！鲜花网可24小时预订鲜花，同城送花、异地送花服务,网上订花后最快1-3小时即可将鲜花快递上门,送花网站覆盖中国2000多城市！" /> <meta name="keywords" content="花卉网店,中国鲜花礼品网,鲜花,鲜花网,鲜花快递,网上订花送花,中国鲜花网,网上订花,送花网站" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="web"><div class="main"><div class="top"><div class="logo"><img src="img/logo.png"></div><div class="nav"><ul><li><a href="index.html"><h1>首页</h1><h2>Home</h2></a></li><li><a href="store.html"><h1>店面介绍</h1><h2>Store introduction</h2></a></li><li><a href="product.html"><h1>产品介绍</h1><h2>Product introduction</h2></a></li><li><a href="learning.html"><h1>花卉学习</h1><h2>Flower learning</h2></a></li><li><a href="message.html"><h1>留言板</h1><h2>Message Board</h2></a></li><li><a href="contact.html"><h1>联系我们</h1><h2>Contact Us</h2></a></li></ul></div> <div class="tright"> <div class="xiaotu"><img src="img/ico1.png" /><img src="img/ico2.png" /><img src="img/ico3.png" /> </div> </div></div><div class="index-banner"> <img src="img/banner.jpg" /> </div> <div class="index-box1"><div class="index-box1-left"><img src="img/img10.jpg" /></div><div class="index-box1-right"><h1>店面介绍</h1><h2>Flower shop introduction</h2><p>浪漫花语,花为物语.回忆悠长.如果你有需要,只要一个电话,我们会及时把美丽的鲜花送到你的手中.爱上花语,爱上生活.我们传递的不仅是一种商品,我们更加传递的是一种生活的艺术,鲜花让我们生活变得更加的美好,我们应该去感受鲜花的清香,享受生活的美好.</p> <p>花卉网店主要经营生日鲜花、爱情鲜花、开业花篮,庆典花篮,求婚鲜花,鲜花盆景,婚礼婚庆鲜花,巧克力花束,卡通花束等.本花店承诺"顾客至上",锐意进取的经营理念.坚持"顾客第一"的原则为广大客户提供优质服务,欢迎广大客户惠顾.</p><a href="store.html"><div class="index-box1-btn2">点击查看更多</div></a></div> </div> <div class="index-tit"><h1>新品推荐</h1><h2>New Product</h2> </div> <div class="index-box2"><ul><li><img src="img/img9.jpg" /><h1>美丽有约<span>￥208.00</span></h1></li><li><img src="img/img11.jpg" /><h1>香妃<span>￥168.00</span></h1></li><li><img src="img/img12.jpg" /><h1>致美丽的你 <span>￥366.00</span></h1></li><li><img src="img/img13.jpg" /><h1>赢在未来 <span>￥268.00</span></h1></li><li class="marr0"><img src="img/img14.jpg" /><h1>感恩有你 <span>￥228.00</span></h1></li><li><img src="img/img15.jpg" /><h1>浪漫告白 <span>￥265.00</span></h1></li><li><img src="img/img16.jpg" /><h1>纯美的时光 <span>￥208.00</span></h1></li><li><img src="img/img17.jpg" /><h1>如初 <span>￥205.00</span></h1></li><li><img src="img/img18.jpg" /><h1>感恩情怀 <span>￥199.00</span></h1></li><li class="marr0"><img src="img/img19.jpg" /><h1>甜美公主 <span>￥188.00</span></h1></li></ul> </div></div><div class="foot"><div class="foot-ner"><div class="foot1"><div class="flogo"><img src="img/flogo.png"></div><div class="ilx"><h1>联系我们</h1><p>鲜花店客服中心电话：400-888-666</p><p>联系邮箱33333333@qq.com </p><p>配送鲜花时间 : 9:00-22:00 </p><p>16年品牌鲜花店 16年品质口碑，年销200万束</p></div><div class="weix"><ul><li><img src="img/weima1.jpg" /><P>关注微信更多惊喜</P></li><li><img src="img/weima2.jpg" /><P>一个好玩的鲜花APP</P></li></ul></div></div><div class="foot2">copyright 2021 © 花卉网</div></div></div></div> </body> </html> 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
五、更多源码
1.如果我的博客对你有帮助 请 “点赞” “✍️评论” “收藏” 一键三连哦！
2.【关注我| 获取更多源码】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、等!
以上内容技术相关问题欢迎一起交流学习
相关知识
html5期末大作业鲜花花卉主题网页设计html网页模板源码？
HTML5期末大作业：鲜花网站设计——网上鲜花网页设计(5页) HTML+CSS+JavaScript 期末作业HTML代码
HTML5期末大作业：网上花店/鲜花网站设计——大气的鲜花预订商城(6页) HTML+CSS+JavaScript
大学生网页设计作业 html+css+js网上鲜花售卖网站(期末网页设计作业)
HTML5期末大作业：鲜花超市网站设计——鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品
HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板 学生简单体育运动网站设计成品
Web前端期末大作业
学生花卉网网页设计作品 学生鲜花网页模板 简单在线花店主页成品 鲜花网页制作 HTML学生花店商城网站作业设计
用DIV+CSS技术设计的鲜花网站（web前端网页制作课作业）
鲜花静态HTML网页作业作品 大学生鲜花网页设计制作成品 简单DIV CSS布局网站
网址: HTML5期末大作业：HTML+CSS+JS制作鲜花网站(学生网页设计作业源码) https://m.huajiangbk.com/newsview554878.html
| 上一篇: 园林植物病害的调查方法 |
下一篇: 【网页设计】期末大作业html+ |
