鲜花店网站设计新.docx
《鲜花店网站设计新.docx》由会员分享,可在线阅读,更多相关《鲜花店网站设计新.docx(14页珍藏版)》请在冰豆网上搜索。
鲜花店网站设计新
鲜花店网站设计
1.实验目的:
因为我很喜欢鲜花,如果以后有机会希望能开一家鲜花店,因此运用所学的Dreamweaver知识规划网站和制作网页,并完成网页的测试,虽然所做的网站只是初步形态,我希望通过此次实验能让我把所学的知识恰当的运用在所制作网站中。
2.内容:
(1)静态网页设计
3.主要设备、仪器:
计算机,DreamWeaver软件
4.实验步骤:
①新建一个站点名为“鲜花店”的网站,存放在E:
/盘目录下的企业网站文件夹中;
网站目标:
网站名为“礼之尚鲜花旗舰店”,该网站的目标是介绍鲜花店的产品,最近热卖的花束,以及不同品种的花所代表的的意义,送鲜花时的贺卡留言,让更多的顾客了解鲜花店,增加鲜花销售量。
②分析目标用户对站点的需求:
浏览该网站的用户覆盖全国,根据网站的内容从以下几方面划分:
首页、浪漫花语、热卖花束、贺卡留言、配送范围等。
5.新建一个名为“鲜花店”的站点:
6.修改→页面属性,设置背景颜色为#FFCCCC,标题设为“礼之尚鲜花旗舰店”;
7.采用布局→布局表格绘制主体部分,然后往布局表格里添加图片:
下图为本地文件夹下的目录:
8.如下的几幅图为网站的主题部分:
9.在布局表格中插入表格,设置插入的文字部分背景颜色为#66CC00,字体颜色为#FFFFFF,插入→HTML→水平线;
10.如下几幅图为相应的链接:
10.下图为贺卡留言的页面:
11.如图所示为商品详细介绍,并且运用表单→按钮功能,布局表格等功能:
下图为热卖花束页面,复制浪漫花语页面,然后在主体部分设计布局表格,添加图片;
选择插入→表单,分别添加文本域,按钮,文本区域等功能,并设置性别中的单选按钮选定值为相应的性别,初始状态都为已勾住选;