网页制作实验报告.docVIP

网页制作 学院： 班级： 姓名： 学号： 日期： 综合网站的开发及其设计方案 一、确定网站主题及风格创意 (1)网站的主题是什么？ 网页主题是情侣空间， (2)网站的用户是谁？有哪些功能？ 网站的用户面向广大消费者，可以网上购买珠宝首饰等。 (3)网站的风格定位是什么? 风格是浪漫。以红色、棕色和银色为主色调，中间嵌以相同色系，不失浪漫之情又给人融洽整洁之感。 二、网站功能模块规划 （1）画出站点地图，例： （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 class=bt1 id=button3 onclick=MM_effectAppearFade(apDiv4, 1000, 0, 100, false);MM_effectShake(apDiv4) value= new3 / br / input name=