dreamweaver网页设计 作品说明书.docx
- 文档编号:30671653
- 上传时间:2023-08-19
- 格式:DOCX
- 页数:13
- 大小:5.47MB
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软件的基本操作(软件界面介绍)网页设计的一些基础知识。
首先,要设计一个好的网页,不仅仅要掌握好软件技术,同时也要具备一定的网页设计基础。
(例如:
网页设计的基本原则、色彩的搭配、主色调、辅色调、字体与图片排版等都会直接影响到一个网页的设计。
)教导方式:
以一种简单轻松的交流方式来教导,大家共同研究,共同进步。
觉得时间过得快,不知不觉的都一学期过去了,接触了这门课程,每当做成功后都有一种成就感。
我会继续努力的!
!
需要程序的联系我
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dreamweaver网页设计 作品说明书 dreamweaver 网页 设计 作品 说明书