网站设计与建设个人心得体会

网

页

设

计

与

制

作

综

合

报

告

网站设计与建设小组总体报告

一、 课题项目：衣之谷女装网上商店

二、 开发平台：Macromedia Dreamweaver MX 2004

三、 主要任务：对衣之谷网站的首页进行相关设计、制作。

这次对衣之谷女装网店的设计是小组分任务进行的，每个人负责不同的工作。

马孟佳主要负责主页的设计：

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1.标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格。

2.内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。

3.图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。

4.网页排版

网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。

5.特色

让自己的网页更有特色一些，可适当地加一些声音、动态网页、java、applet。

张红艳主要负责新品推荐主要工作:

（1）收集相关衣服图片资料：收集风衣、毛衣、裤子等的图片。

（2）在PS中修改收集的图片，按照网页的总体设计对图片的大小、颜色、样式等进行修改。

（3）在DREAMWEAVER中，打开HTML直接设计页面。

（4）起草一个大纲，然后定框架。

（5）根据需要设置背景、插入表格、插入图片。

（6）对商品图片做一些相关说明，添加文字。

（7）做网页的链接。

张清芬主要负责商品推荐工作内容：

1.我们整个网站要展示的商品，对其进行分类。

2.需对分类的每一个页面进行规划，细分等。

3.收集素材。

我选择了Dreamweaver作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，由于Dreamweaver 没有插入艺术字的功能，是我先在photoshop制作好了之后用图片的方式插入的。接着有开始设计页面，我主要用层来设计版面，再适当配合表格，还制作了特效，如闪动的字幕，滚条等。主要要掌握颜色的搭配，整体的规划，以及增色的动画效果。还有不同网页的链接。

李莹芳主要负责购物帮助：

网上购物这个新鲜的名词，对于现在的人来说并不是一个陌生的东西，有的人天天都在网上购物，或多或少、或大或小，但是在网上购物过程当中，总会有人遇到这样那样的问题，我制作的网页就是帮助有疑难的消费者解决问题的。同时有发现不合理的可以举报，购物帮助就是要让消费者了解到我们的热心，在他们需要帮助的时候积极响应，让我们的网站具有吸引力，不断吸引顾客的眼球，让我从中也了解到一些以前没有了解到的东西，对我以后的购物旅程中也有一定的帮助。

袁世燕主要负责客户服务：

关于客户服务中心的制作，利用原图片使用PS制作所需要的图片材料，客户服务中心的内容包括客服首页、常见问题、自助服务等内容，主页中将常用服务列出，方便客户使用，并设置有留言栏，方

便客户提出意见。

这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了网页特效，怎样的特效才能凸现网页主题。

在几节课的网页制作中了解到了合作的重要性，制作是虽然是每人负责一个网页，但也要互相交流，互相帮助，不能只顾自己，要吸取他人的优点，如：网页的排版，网页的特效等等，都值得我去学习。还要听取他人的意见和建议，不能只顾自己，这分数是集体的，不是个人的。如果有什么好的方法和效果要和大家一起分享。这样才能使网页更完整，更优秀。

在作品交流中，其他小组的同学给我们也提供的很好的建议和意见，我们也会虚心接受，在看其他同学的作品时，也给了我很好的启发，要多多吸收他人的优点和长处才能使自己的网站更加完善。在作品的交流中也很好的锻炼了自己的发言和有意义的提议。