网页制作设计报告1.docVIP

关于设计报告 网站设计说明书 姓 名： 学 号： 班 级： 完成时间： 2011年 04 月 25日 网站框架结构图 温馨家居（富之岛） 富之岛家具商城 网上购买注册 名牌家具展示 了解现代家居 餐台详细介绍 穿衣镜详细介绍 床详细介绍 组合柜详细介绍 沙发详细介绍 梳妆台详细介绍 衣柜详细介绍 网站设计理念 简洁，舒适，淡雅，精致， 网站设计过程 1.首页设计过程 先插入一个4行3列表格，在第1行的第2列拆分2行，分别插入图片。第2背景颜色设置，3行合并单元格设置随机广告。第4行2列嵌入表格插入布局图片，手绘墙画及复式家具潮流图片设置图片扩大。画第4行3列嵌入表格分别实现了flash文本、flash按钮、电子邮箱及插件音乐。 首页实现技术详述 2.富之岛家具商城设计过程 插入16行两列，第一行合并单元格插入图片。第2行1列拆分单元格插入图片及各标题的超级链接。第2列插入flash图片查看器。3、5、7、9、11、13、15行的第1列图片分别设置行为打开浏览器，第二列文本同时分别说明超级链接主页。 3.网上购买注册设计过程 注册表单插入14行2列表格。第3、7、8行2列插入文本域，4、5行2列插入隐藏域，6行2列插入单选，9行2列插入复选框，10、11行2列插入文本域，12行2列插入跳转菜单，13行2列插入列表/菜单。注册表嵌入移动层，在页面中设计路径图片并设置隐藏层，注册表单下插入关于富之岛广告的视屏播放器 4.名牌家居展示设计过程 布局左侧和嵌套的顶部框架，在顶部框架插入1行8列的表格分别插入图片，在左侧框架插入2行1列的框架在第2行超级链接返回主页 5.了解现代家居设计过程 首页布局结构说明、首页实现技术详述、首页动态效果描述 在本子网页中实现了图文并茂效果每个子标题都设置命名锚记同时在每个子标题后插top链接。在标题下面插入可移动时间轴同时插入行为停止时间轴及播放时间轴。同时在时间轴的每一个图片中设置了图片热点链接。 6.餐台的详细介绍、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的设计过程（七个子页面） 插入9行1列，1、2列分别插入图片。第3行拆分单元格8列，第1列插入MenuBarItemSubmenu2~6行文本超级链接。第4行拆分单元格2列，第2列主页链接。第5行插入图片，第6行插入文本。最后一行实现单选。在餐台、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的子网页的排版方式相同。 四、设计风格 色系风格：所设计的页面背景颜色一粉红为主调，主要为了突出该网页家具产品的浪漫 物流网页管理课程