《网页制作》实训报告模版Word格式.doc

《网页制作》实训报告模版Word格式.doc

《《网页制作》实训报告模版Word格式.doc》由会员分享，可在线阅读，更多相关《《网页制作》实训报告模版Word格式.doc（4页珍藏版）》请在冰点文库上搜索。

电子商务

班级：

1001

姓名：

张爱丽

学号：

104090110

湖南现代物流职业技术学院

2011年下学期

一、网站设计思路

正文

我做的大致算是一个大型超市主页的小型网站。

一般包括首页，企业情报，永续发展，最新消息，主题馆，服务中心，好康特区等链接，一些都是剪贴某个网站的图片，里面有我设计的图片。

二、网站规划（绘制网站框架图）

三、网站制作工具

Dreamweaver

Photoshop

Flash

四、网站设计步骤

1、首页

设计思路、布局方式、实现技术、素材获取或制作方式。

需要首页截图

准备了一些基本的素材，开始主页布局。

我的网站素材是一边做一边找的，因为前期并不知道应该怎么把自己的超市网站应该怎么做，所以也不知道需要什么素材。

因为还没有学动态网页的制作方法，所以全部都只能做成静态网页了。

找了几个素材图片，用PS简单地处理，次页面包括如下些内容：

首页、简单地介绍了我们超市。

这些页面是用样式做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着企业情报的风格，背景图一样，字体与样式一样，图片风格一样。

在所有的页面导航条下面，插入层对象制作了一个层动画，从右至左移动层，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“快来购娜吧www.GoNB-”，做布局大多使用表格布局，使用了少量的css样式，字体，字号，颜色都统一套用相应的样式。

首页是链接的页面，动画背景用了浮动框架背景透明，让人看上去就像是一个页面。

1.logo:

我使用的我自己的名字，背景色用红色，绿色字“G”代表激情、青春有活力、新鲜、环保

2.上面一部分同一页面，不同的跳转

3.下面一部分，使用的是主题曲展示

4.左侧上面，是打吹风机的特价广告与图的展示，

5.左侧下角：

我使用的是图像经过，这样具有生动、活泼性

6.

2、其他页面

实现技术，特色页面可详细说明描述。

可适当加入部分页面截图

使用的Flash动画制作我个人的购娜吧

五、设计特色及心得体会

在制作这个网站的时候，是参考某一个网站的设计，在它的设计中，我稍微的改了几个设计。

这个网页真正只用了一个半星期，前三天根本毫无头绪。

完全不知道该怎么做，该放些什么东西，而这些东西又该放在那里；

想做的更加漂亮，试着用了flash，后来却发现，单个页面再怎么漂亮，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，只会让自己迷失了方向。

其实，这就是一个关于“设计”的问题，最后还是仿造某个网站制作完成的。

参考资料

参考……www.rt-大润发

4