dreamweaver网页设计 作品说明书.docx

dreamweaver网页设计 作品说明书.docx

《dreamweaver网页设计 作品说明书.docx》由会员分享，可在线阅读，更多相关《dreamweaver网页设计 作品说明书.docx（13页珍藏版）》请在冰豆网上搜索。

dreamweaver网页设计作品说明书

目录

一、设计概况

二、设计思路

三、操作步骤

四、个人体会

一、设计概况

要设计制作的是自己创新的网页。

1.网页色调以暖色调为主，冷色调为辅，体现出篮球的火热，篮球的激情

2.网页以背景，动态LOGO，下拉菜单，导航条，图片滚动效果，闪图，链接等模构成。

网页整体风格创意，色彩搭配鲜明，内容布局合理，有6张自己设计的网页；

3.对装饰品，文字的制作，编排。

4.对图层混合模式的处理

5.调整了各个层的位置，达到整体平衡的目的

此作品素材：

二、设计思路

1.总体框架做好

2.制作背景，制作模板。

3.将几个子页面的框架完成

4.做闪图，图片滚动模式，

5.制作每个页面的导航条

6.制作下拉菜单

7.细节处理

三、操作步骤

1．启动“MacromediaDreamweaver8”新建“HTML”建6个网页，将其保存在同一个文件夹中。

2．插入背景图片，做好框架结构如图

3．启动“MacromediaFireworks8”

1）新建一个1000×120的文件，设置背景颜色为黑色

2）点击工具箱的图标，在图像上画一矩形，并设置填充色为白色

3）选择矩形并按Ctrl+C复制，然后Ctrl+V粘贴。

并用方向键移动复制所得矩形到适当位置，按Shift键选择两者并组合

4）不断重复步骤3）。

这样就做出了一个胶卷的样子了，下一步就为其添加一些"相片"。

5）导入图片，依次操作

6）选择"修改"|"组合"，将所有元素组合成一个对象

7）为了实现滚动效果，需要图像右边移出时，左边有图像能够补进。

需要两幅相同图像来制作滚动效果。

首先选择"修改"菜单，然后选择"画布"|"画布大小"，修改画布大小为2000×120，

8）选择所选组合，按Ctrl+C复制后再按Ctrl+V粘贴，然后排列好两个对象并再次组合

9）按Ctrl+X剪切所选组合，修改画布大小到1000×120，再按Ctrl+V粘贴组合，将所选组合右侧与画布右侧对齐，

10）在开始制作滚动动画。

首先选择"修改"菜单，再其下拉菜单中选择"动画"|"选择动画"，得到如下图所示窗口。

将"移动"设为"1000"，使其恰好能够左右衔接上。

并将"帧"设为70

11）最后一步导出图像，

4．在“MacromediaDreamweaver8”插入做好的胶片滚动，以此类推其他几个页面也是此方法。

5．制作下拉菜单

6．最终效果图

四、个人体会

学了三个月的网页设计学习下来，深有体会，如果要做好网页，那首先还是以对程序的熟悉，学会多听老师讲，本课程注重学习网页设计的基础知识，在Dreamweaver等各种软件的辅助下，将教会你如何去设计一个网页。

课程内容：

Dreamweaver软件的基本操作（软件界面介绍）网页设计的一些基础知识。

首先，要设计一个好的网页，不仅仅要掌握好软件技术，同时也要具备一定的网页设计基础。

（例如：

网页设计的基本原则、色彩的搭配、主色调、辅色调、字体与图片排版等都会直接影响到一个网页的设计。

）教导方式：

以一种简单轻松的交流方式来教导，大家共同研究，共同进步。

觉得时间过得快，不知不觉的都一学期过去了，接触了这门课程，每当做成功后都有一种成就感。

我会继续努力的！

！

需要程序的联系我