网页设计与制作期末大作业报告——大学生线上花店

2.关于板块

3.分类板块

4.特产板块

5.价格板块

6.联系板块

网站规划思想

网上花店属于一种新的店面形式，主要以实现在线销售鲜花为主，一般没有实体店面，收到顾客订单后将订单转手给实体商户，具有快速，方便的特点。

美好的事物总是受人们的欢迎，鲜花更是不例外。开花店是不错的选择，如何开网上花店？开网上花店的人也很多，怎样才能让你的鲜花店与众不同呢？

开网上花店对于鲜花店投资多少?鲜花店装修、经营以及鲜花店利润都要有一个全面的了解才行，这样你才知道究竟该怎样开鲜花店。

如何开网上花店?

花的成本较低，一次性进货的数量不会很多，所以先期投资不是很大，主要是店铺的租赁和装修。如果要开一家规模较大、格调高雅、技术水平较高的花店，那么就需要在店面的基础上加上一间仓库。昂贵的铺位租金、庞大的装修费用、技术人员培训费用和薪金以及较大的流动资金算在一起就需要10多万元。但是如果只是开一家小花店，几千元也可以搞定。

鲜花店的装修应注意尽量节省空间,在这个基础上在以自己的风格来做.花店的布置很重要，精巧、美丽的布置，不但能吸引消费者的视线，引领其走进花店，而且巧妙的布置可以刺激顾客的购买欲。要在激烈竞争中脱颖而出，花店装修便成了花店是否能扩充顾客。

网站的目录结构如下：

------存放图片文件

js -------存放js文件

music ------------------存放单曲详情页

index.html ---------------首页

.html -----------推荐页面

rank.html --------------榜单页面

.html-----------分类页面

style.css ------CSS文件

.css ----------css文件

1. index.html 是网站的首页，内置的链接有about.html、.html、.html、.html、.html、cart.html。网页中head，及右侧侧边栏可以通用到其他页面，节省了其他页面的编写时间。

2..html是商品的详细页，中间左侧内容为商品的详细信息介绍。

3. cart.html 是购物车的界面，绘制了一张表格完成了运费和总价的计算。

4. .html 是关于页面，简介“初心花店”创始人李强的卖花创业故事。

5. .html 是特色爆款页面，主要介绍本店主打的爆款鲜花。

6. .html 是联系页面，提供了一个留言表单。

网页总体布局和版式设计：

其中、和右侧侧边栏的版式是固定不变的，各个页面的主体内容根据所要表达的主题内容采取多种灵活地版式设计。网页整体采取淡雅、自然、温馨的和鲜花颜色映衬的色系。

网页所采用的技术

在制作过程中，使用的ide是，网站初步测试事在浏览器上完成。开始时候并不顺手，随着课堂的深入以及知识的学习，慢慢熟悉起来。

网页采用了纯html+css+，在完成网页的过程中，顺便补充了方面的知识，方便自己编写动画特效，发现相对于js，封装之后的使用的确方便了许多，许多方面本来应该十分繁复的地方，封装之后再进行使用就变得十分的轻便，而且解释起来也十分的方便。

在运用js的过程中也调用了课上教的一部分内容。

CSS样式用的最多的是文字以及布局的一些设置，常常因为一个样式的大小位置调来调去。

整体的HTML，采用了网页互通，串成了一个整体。

主要网页截图