HTML+CSS鲜花静态网页设计---子悦花店 1页
⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 鲜花网页设计 | 鲜花商城网页制作 | 在线花店网站 | 盆栽网 | 花卉网等网站的设计与制作 | HTML鲜花网页设计 | HTML期末大学生网页设计作业
HTML：结构
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为
文章目录
- 前端学习路线
- 网页基本结构
- 网页演示
- HTML结构代码
- 学的反而越迷茫
- 学习更多
前端学习路线
（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构
(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
网页演示
HTML结构代码
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>子悦花店</title><link rel="stylesheet" type="text/css" href="css/common.css"/><link rel="stylesheet" type="text/css" href="css/index.css"/></head><body><div class="box"><div class="header"><ul><li class="title">子悦花店</li><li>当季新品</li><li>全部宝贝</li><li>鲜花礼盒</li><li>花语大全</li><li>配送服务</li></ul></div><div class="banner"><img src="img/banner.jpg" ></div><div class="content"><div class="items"><div class="item"><div class="item-img"><img src="img/flower1.jpg" ></div><div class="item-text">莫妮卡贝鲁奇是一款非常优秀的小型灌木月季花。它株高有40-120公分。它直立生长，树形紧凑美观，可以用于庭院片植造景、盆栽观赏或鲜切花等等。</div></div><div class="item"><div class="item-img"><img src="img/flower2.jpeg" ></div><div class="item-text">朱丽叶是1999年英国培育的一种切花品种，它的花型属于比较圆润饱满的。花朵中心是杏色的，花周围则是淡淡的白色，花香也是淡淡的茶香。朱丽叶的耐阴性很强，如果家里的光线不是很充足，那么，养一盆朱丽叶是非常好的选择。</div></div><div class="item"><div class="item-img"><img src="img/flower3.jpg" ></div><div class="item-text">红苹果的颜色是那种非常炽热的深红色，就和熟透了的红苹果一样，非常的具有吸引力，花期非常长，瓶插可在十天以上，花开的很多长势很好，叶子小巧精致又油亮，抗病性好，开花性非常好，多头开花，开花不停，带有老玫瑰和茶叶混合的香味，主要用来做切花，也可以做庭院灌木种植。</div></div><div class="item"><div class="item-img"><img src="img/flower4.jpg" ></div><div class="item-text">红双喜 Double Delight是世界上最著名的月季之一，是一款极好的混合茶玫瑰，具有极其芳香，非常大，花径达5英寸（12厘米），高中心的花朵。令人陶醉的辛辣香气花，奶油般的白色花瓣（最多30个花瓣），带有轻微褶边的草莓红花瓣边缘。</div></div><div class="item"><div class="item-img"><img src="img/flower5.jpg" ></div><div class="item-text">“粉色龙沙宝石”，是一种单季开花、花开浅粉色、善于攀援生长的藤本月季，也是最经典一款龙沙宝石。它的花型非常典雅而明媚，一般在春夏之际开花，可地栽或盆栽制作花墙、拱门、花架、花柱等等。</div></div><div class="item"><div class="item-img"><img src="img/flower6.jpg" ></div><div class="item-text">真宙是一款灌木月季，日月的一种，诞生于2009年，自上市以来就受到众多花友的喜爱，如今已经风迷全世界。真宙的花色，春花是杏粉色，夏花是柠檬粉色，花型是标准的玫瑰花型，很圆很包，充满仙气，是中型花，一朵花的直径在8－10公分，初开是玫瑰花型，慢慢的会散开呈株状，但是不易散开，即使是炎热的夏季，花型也很标准。</div></div><div class="item"><div class="item-img"><img src="img/flower7.jpg" ></div><div class="item-text">瑞典女王是奥斯汀培育的一款月季，它是那种直立性强、非常高大的灌木品种，也可以当作藤本月季培养(这也是很多奥斯汀月季的共有特性)，它的花非常的大，浅粉色的杯状花朵，粉嫩而又优雅，吸引了一大波的瑞典女王粉丝。</div></div><div class="item"><div class="item-img"><img src="img/flower8.jpg" ></div><div class="item-text">蓝色阴雨是一种小女生看了都会少女心爆棚的花儿，原产于德国，紫白色的花朵淡雅而美丽，一点都不花哨，简单又大方，还有淡淡的香味让人为之着迷，种在家里就是一种美的享受；蓝色阴雨它的花是紫色的，月季品种中是没有蓝色的花朵的，带蓝色字眼的月季品种多是浅紫色的。</div></div></div></div><div class="footer"><p>作者：张三 学号：092224141</p><p>2022年春季学期《web前端开发基础》期中测试</p><p>xxxxxxxxxxxxx</p></div></div></body>
</html>学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
HTML+CSS鲜花静态网页设计---子悦花店 1页相关推荐
- HTML+CSS鲜花静态网页设计
- div+css静态网页设计——千与千寻-电影图文(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计
HTML5期末大作业:网页设计作业网站设计--千与千寻-电影图文(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网 ...
- div+css静态网页设计—绿色温泉度假酒店(8页) 旅游主题度假酒店 计划出行温泉网站设计
HTML5期末大作业:温泉度假酒店网站设计--绿色温泉度假酒店(8页) 旅游主题度假酒店 计划出行温泉网站设计 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. ...
- HTML+CSS美食静态网页设计——八大菜系介绍舌尖上的美食5页
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 精彩专栏推荐 美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 ...
- HTML+CSS美食静态网页设计——美食餐厅8页(页面好看)
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 精彩专栏推荐 美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 ...
- div+css静态网页设计——电影售票平台(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品
HTML CSS 网页设计作业:电影在线观看网站设计--电影售票平台(8页) HTML+CSS 文章目录 HTML CSS 网页设计作业:电影在线观看网站设计--电影售票平台(8页) HTML+CSS ...
- HTML+CSS粮食静态网页设计--五常大米 3页
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 精彩专栏推荐 美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 ...
- 学生DW静态网页设计—西安旅游-高质量(9页) HTML+CSS+JavaScript 学生DW网页设计
HTML5期末大作业:出行网站设计--西安旅游-高质量(9页) 文章目录 HTML5期末大作业:出行网站设计--西安旅游-高质量(9页) 一.作品展示 二.文件目录 三.代码实现 四.获取更多源码 一 ...
- div+css静态网页设计—全球旅游私人订制(6页) HTML+CSS+JS网页设计期末课程大作业
HTML5期末大作业:全球旅游网站设计--全球旅游私人订制(6页) 文章目录 HTML5期末大作业:全球旅游网站设计--全球旅游私人订制(6页) 一.作品展示 二.文件目录 三.代码实现 四.获取更多 ...
最新文章
- 如何提高做事效率，达成目标协作？
- 积木赛尔号机器人_《赛尔号大电影7》2019年暑期重磅回归 继《熊出没》之后再掀国产动画浪潮...
- Android开发--Json数据的解析
- Leading and Trailing（数论题）
- MySQL简单查询性能分析
- sql中的case when
- 手机技巧：手机丢了记住这四步操作，让你的损失降到最低！
- 44年前的一个数学猜想终被破解
- 【软件工程】极限编程
- Android 系统（87）---常见的内存泄漏原因及解决方法
- 设计模式（十）外观模式
- 扇贝有道180903每日一句
- 安卓手机当电脑摄像头(DroidCam网盘及使用方法)
- linux下串口（serial）和串口驱动
- editorMd插件的使用总结（包括开启图片上传及拖拉粘贴上传图片）
- KDJ指标公式的应用要则是什么KDJ指标公式的使用技巧是什么
- WMB系列-消息流中节点监视与MM+的使用注意事项
- 晶体晶振小结（XTAL与TCXO/VCXO/VC-OCXO等）
- 解决执行hive语句时出现虚拟内存不够的问题
- 知乎python小项目_python项目知乎