文档介绍：网页制作
学院:
班级:
姓名:
学号:
日期:
综合网站的开发及其设计方案
一、确定网站主题及风格创意
(1)网站的主题是什么?
网页主题是情侣空间,
(2)网站的用户是谁?有哪些功能?
网站的用户面向广大消费者,可以网上购买珠宝首饰等。
(3)网站的风格定位是什么?
风格是浪漫。以红色、棕色和银色为主色调,中间嵌以相同色系,不失浪漫之情又给人融洽整洁之感。
二、网站功能模块规划
(1)画出站点地图,例:
主页index
guanggao
(contacts)
Index-6
(On-line shop)index-5
(ourcatalog)
Index-4
(watches)
index-3
(wedding)index-2
(jewelry
)index-1
Watch1
watch
wedding
Jewelry1
jewelry
pintuyouxi
(2)画出链接结构图
一级目录
二级目录
三级目录
对应资源/链接/说明
主页index
guanggao
回到二级目录
链接回二级目录
(jewelry)index-1
jewelry
可链接到Jewelry1,(jewelry)index-1
和(On-lineshop)index-5,可链接回二级目录
Jewelry1
可回到(jewelry)index-1可链接回二级目录
(wedding)index-2
wedding
链接(On-lineshop)index-5,(wedding)index-2
可链接回二级目录
(watches)index-3
watch
链接(On-lineshop)index-5, Watch1可链接回二级目录
Watch1
可链接回二级目录
(ourcatalog)Index-4
回到二级目录
选择需要购买的产品并进入相应页面
(On-lineshop)index-5
回到二级目录
在线购物
(contacts)Index-6
回到二级目录
提交建议
(3)阐述各模块的布局特点及技术实现
布局技术
采用模板技术,使网站的设计效率增加,方便。布局方面采用表格和div层,
运用div层进行排版,为了方便控制,排版时总要先添加一个总的div来控制布局,位置和大小,外层的div不需要设置浮动,也就是float的值。在这个外层里再设置内div,切记要设置浮动,即float值为left或right,根据设计需要来定,否则布局会发生混乱。表格会使你的设计整齐,排版相当方便。
各静态模块的功能特点及内容呈现
静态模块呈现了向导内容,解释各个动态模块的目的和操作方式。
动态模块的功能实现及技术(包括ASP核心代码的解释)
A index页运用了效果行为
a 在添加行为的地方加入5个buttom控件,设置value的值就是控件上显示的文字;
b 在显示行为的地方绘制AP div,在布局下选中绘制AP div,按住ctry健连续绘制5个AP div层;
c 在5个AP div层里插入图片,并调整AP div的大小与图片一致,拖动AP div层将其放在你预先安排的地方并隐藏即可;
d 选中new1健,在行为里添加效果-显示/渐隐,在目标元素中选择AP div1,效果选择显示然后单击确定;
e 选中new1健,在行为里添加效果-增大/收缩,在目标元素里选择AP div1,效果选择增大然后单击确定即可,当然还可以进行其他属性的设置;
f 剩余4个控件进行相同的操作,只是效果不同,分别为滑动、遮帘、晃动、高亮颜色。
g <input name="button" type="button" class="bt1" id="button" onclick="MM_effectAppearFade('apDiv1', 1000, 0, 100, false);MM_effectGrowShrink('apDiv1', 1000, '0%', '100%', false, false, true)" value="new1" />
<input name="button2" type="button" class="bt1" id="button2" onclick="MM_effectAppearFade('apDiv2', 1000, 0, 100, false);MM_effectSlide('apDiv2', 1000, '0%', '100%', false)" value=" new2 " />
<input name="button3" type="button"