网页制作设计报告1

关于设计报告

网站设计说明书

姓名：

学号：

班级：

完成时间： 2011年 04 月 25日

一、 网站框架结构图

二、网站设计理念

简洁，舒适，淡雅，精致，

三、网站设计过程

1.首页设计过程

先插入一个4行3列表格，在第1行的第2

列拆分2行，分别插入图片。第2背景颜色

设置，34

行2列嵌入表格插入布局图片，手绘墙画及

画第4行

3列嵌入表格分别实现了

首页实现技术详述

2.富之岛家具商城设计过程

插入16行两列，第一行合并单元格插

入图片。第2行1列拆分单元格插入图片

2列插入

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.了解现代家居设计过程

首页布局结构说明、首页实现技术详述、

首页动态效果描述

插

6.餐台的详细介绍、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的设计过程（七个子页面）

插入9行1列，1、2列分别插入图片。第3

行拆分单元格8列，第1列插入

超级链

接。第4行拆分单元格2列，第2

5行插入图片，第6行插入文本。最后一行实现单选。在餐台、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的子网页的排版方式相同。

四、设计风格

色系风格：所设计的页面背景颜色一粉红为主调，主要为了突出该网页家具产品的浪漫轻松的风格。

图标设计风格：以富之岛富丽为特点，从而突出了富之岛的独特魅力。特效风格：页面使用了HTML、Flash、Word文字处理，增强了页面的动感，从而使浏览者增加了深刻的印象。

架格风格：每一个页面只是简单的介绍了富之岛系列的简单信息，让浏览者大体的掌握富之岛的基本情况做铺垫，只为了突出通俗易懂的这样一个目的。

内容风格：网站主题、主题实用性、文件关联性、内容切合度，都是用一些简单易懂的词语，就是为了读者掌握我所介绍该产品的简单信息。

五、设计感受

在这次网页设计中，我综合运用了以前专业所学课程的理论和生产实际知识，进行这这次网页设计比赛，从而也进一步提高了我的设计能力，巩固与扩充了我网页设计的等课程所学的内容，更灵活的掌握了网页设计的方法和步骤，懂得了这样分析软件的综合运用，怎样确定设计方案，了解了网页的基本结构，提高了设计能力，熟悉了规范和标准，最重要的是我的独立思考的能里也有了提高。

在这次设计过程中让我觉得自己在平时的观察中不大注意，观察的太少，然而让平时在百度中作为浏览者的我，开始对网站页面排版动态设计开始留意和关注。现在知道要做好一个网站并不是想象中的

那么简单，需要我们平时多积累多操作，一个网站的整体性当然包括色彩图片的搭配，所以还需要提升自己的审美观。最主要的设计一个网站必须要先制定一个完整合适的框架图，使浏览者对整个页面有种和谐、简易、明了的感觉。同时要收集丰富的主题素材，以展示网页的可读性。

由于我的设计能力有限，在设计过程中难免会出现错误，望在此比赛总评委多多指教，我十分乐意接受您的批评与指正，我讲会认真听取你的指正，使我以后网页设计的机会中设计的更好。

在此感谢计协给我这次展示的机会。

六、参考资料

教材：网页制作技术（三剑课）

素材文章：百度，谷歌

素材图片：搜狗，谷歌，百度