网页设计参考流程

《网页设计参考流程》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计参考流程一、文件夹创建1、在桌面上新建文件夹mysite;2、在mysite中新建文件夹img.二、网页baner标题制作：1、打开fireworks软件；2、新建一个宽度650像素，高度200像素的画布；3、选择矢量工具中的矩形工具，在属性检查器中设置笔触颜色为空,填充颜色为图案（选取一种图案或一张图片来填充），设置边缘为羽化50像素，（可选择一种纹理：如“水平线2”）。在画布上画出矩形。4、选择文字工具，在属性检查器中设置字体为方正姚体，字号为70,根据背景选择字体颜色。然后在画布上添加标题文字。5、选择钢笔工具，在画布上绘制一条曲线，作为文字的

2、路径。6、按住shift键，同时选定文字和钢笔路径，选择“文本”菜单下的“附加到路径”，做出文字形状效果。7、保存标题图片。选择“文件/导出预览”命令，设置格式为JPEG,导出。路径为桌面/mysite/img,文件名为“标题”，保存。关闭fireworks软件。三、创建网页logo1、打开flash2004软件；2、新建一个flash文档；在属性检查器中设置舞台宽为200像素，高为200像素，根据情况设置舞台颜色；3、选择文字工具，在属性检查器中设置字体为华文行楷，字号为65,并设置好适当的颜色。在舞台上添加与网页主题相关的文字，并按两次Ctrl+B,将文

3、字分解。4、在时间轴40帧的位置，单击鼠标右键，插入空白关键帧。选择文字工具，修改字体颜色，在40帧的舞台上添加与网页主题相关的其他文字，并按两次Ctrl+B,将文字分解。5、在时间轴20帧的位置，单击鼠标右键，插入空口关键帧。使用椭圆工具在舞台中心绘制一个小圆形，设置圆的颜色。6、单击第…帧，在属性检查器中设置补间为形状。7、在时间轴上单击第20帧，在属性检查器中设置补间为形状。8、测试影片，关闭测试窗口;9、选择“文件/导出/导出影片”，路径为“桌面/mysite/img",文件名为“logo”,保存类型为swf。将影片导出。10、关闭flash2004

4、软件。四、建站操作1、打开dreamweaver软件2、新建站点（mysite）:选择“站点/管理站点”,在弹出的对话框中选择“新建/站点”命令。并根据提示创建站点。文件存储的位置为：C:DocumentsandSettingsAdministrator桌面mysite。3、将所需要用到的图片/动画等对象复制到站点文件夹中的img文件夹下（如标题、logo以及网页中将要插入的图片或对象）；4、新建网页；“文件/新建/基本页/HTML”5、保存网页到站点文件夹下，取名为default,htmlc五、网页设计1、插入表格（2行2列，宽850,在属性检查

5、器中设置对齐方式为“居中对齐“）2、在表格左边笫一个单元格中插入logo：单击该单元格，选择“插入/媒体/flash",将制作好的网页logo插入该单元格中。3、在表格笫一行笫二个单元格中插入baner标题：单击该单元格，选择“插入/图像”，将制作好的标题插入到网页中。4、在第二行第一个单元格中制作导航：（左侧，字号36,字体楷体）5、制作二级页面（二级页面制作方法同上1-4步，并以不同的文件名保存，如1.html,2.html等），并在各个页面上插入链接：defauIt.html,1.html,2.html）5、重制二级页面（将制作好的二级页而另存（如：制

6、作好l.html后选择“文件”一“另存为”命令,保存为2.html,然后修改2.html中的具体内容（另存之前应当确定l.html已保存）），然后修改文字内容）。三、组织内容1.分别在default,html,1.html,2.html三个页而组织内容和图像。2.如果从网上下载图像，请一定复制到img目录。四、压缩提交对站点整体压缩，提交。