网页制作设计报告1.doc

物流网页管理课程 关于设计报告网站设计说明书姓 名： 学 号： 班 级： 完成时间： 2011年 04 月 25日一、 网站框架结构图温馨家居（富之岛）富之岛家具商城网上购买注册名牌家具展示了解现代家居餐台详细介绍穿衣镜详细介绍床详细介绍组合柜详细介绍沙发详细介绍梳妆台详细介绍衣柜详细介绍2、 网站设计理念简洁，舒适，淡雅，精致，3、 网站设计过程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列插入MenuBarItemSubmenu26行文本超级链接。第4行拆分单元格2列，第2列主页链接。第5行插入图片，第6行插入文本。最后一行实现单选。在餐台、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的子网页的排版方式相同。四、设计风格色系风格：所设计的页面背景颜色一粉红为主调，主要为了突出该网页家具产品的浪漫轻松的风格。图标设计风格：以富之岛富丽为特点，从而突出了富之岛的独特魅力。特效风格：页面使用了HTML、Flash、Word文字处理，增强了页面的动感，从而使浏览者增加了深刻的印象。架格风格：每一个页面只是简单的介绍了富之岛系列的简单信息，让浏览者大体的掌握富之岛的基本情况做铺垫，只为了突出通俗易懂的这样一个目的。内容风格：网站主题、主题实用性、文件关联性、内容切合度，都是用一些简单易懂的词语，就是为了读者掌握我所介绍该产品的简单信息。五、设计感受在这次网页设计中，我综合运用了以前专业所学课程的理论和生产实际知识，进行这这次网页设计比赛，从而也进一步提高了我的设计能力，巩固与扩充了我网页设计的等课程所学的内容，更灵活的掌握了网页设计的方法和步骤，懂得了这样分析软件的综合运用，怎样确定设计方案，了解了网页的基本结构，提高了设计能力，熟悉了规范和标准，最重要的是我的独立思考的能里也有了提高。在这次设计过程中让我觉得自己在平时的观察中不大注意，观察的太少，然而让平时在百度中作为浏览者的我，开始对网站页面排版动态设计开始留意和关注。现在知道要做好一个网站并不是想象中的那么简单，需要我们平时多积累多操作，一个网站的整体性当然包括色彩图片的搭配，所以还需要提升自己的审美观。最主要的设计一个网站必须要先制定一个完整合适的框架图，使浏览者对整个页面有种和谐、简易、明了的感觉。同时要收集丰富的主题素材，以展示网页的可读性。由于我的设计能力有限，在设计过程中难免会出现错误，望在此比赛总评委多多指教，我十分乐意接受您的批评与指正