完整网页设计的步骤

完整、界面是否合理，链接是否正确)
六、上传测试
将E:
\WWW中的内容全部复制到服务器对应文件夹3这个目录下。
2、文件夹3这个目录要包含如下文件和文件夹：
index.html（首页）、
1."html、
2.html（子页面）…….、images(界面图像文件夹)、index.psd（首页图像源
文件）
3、使用http:
必须全部使用相对目录，将首页设计完成
④首页完全设计好以后，在首页的基础上设计子页面，方法为：首先将首页另存为
\WWW），打开
1."html，
将网页的主体内容换为子页面的主体内容，保存。其他的子页面也
是同样的方法。
8、本地测试
打开index.html，然后将所有的网页浏览一遍，检查是否右错误(内容是否
注意：
①切片遵守从左到右，从上到下的过程切片
②切片要将整个界面全部切片，严禁留下切片缝隙
③注意每个切片都应和周围切片对齐
④切片的时候要注意每个切片的独立性，单独功能的切片单独切。
⑤切片的时候要考虑切片以后在dreamweaver中是否容易编辑
5、保存切片
注意：
①保存的时候，保存类型选输出html和gif
//
192."
168."
七、推广宣传
1、申请域名、空间
2、网页上传空间
3、宣传推广、提高访问量
②文件名为index
③保存路径为你所准备好的存放网页的目录的根目录
④最终根文件夹中应出现index.html和images文件夹，这两个文件
夹都必须保留
7、使用dreamweaver编辑网页首页
注意：
如：
E:
\WWW，网络设
置为无
③在index.html上添加必用的内容，文字、图片、动画、链接（链
接子页面，目录必须采用相对目录）等，并且整体居中对齐，目录
③图片添加的时候要注意过渡
④网页的界面不该加的东西不要加，例如一些文字，如果文字不需
要特殊效果，在设计界面的时候不需要添加
⑤界面的大小：
宽一般为780象素，高不小于435象素
3、保存
注意：
①首先将源文件保存为*.psd文件，例如：
根目录，例如：
E:
\WWW
②严禁合并图层
4、使用切片，将用photoshop设计的psd文件进行切片
道是哪张图片
1."html、
2.html、
3."html），以及其所在的目录等，必须再文档中体现（绘制目录地
图）
2、栏目的设置，栏目必须再文档中体现
4、颜色搭配（主色调和辅助色调以及点睛色的RGB值是多少，要再文档
中体现）
5、版面布局（例如：
国字型、厂字型），结构要再文档中体现
6、绘制首页界面图（草图）
四、设计工具的选择
1、photoshop＋dreamweaver＋flash
2、firework＋dreamweaver＋flash
3、其他工具或者直接编码
五、制作网页
E:
\WWW
目录。
2、使用图象设计软件设计网页首页界面（根据首页界面草图）。
注意：
①每加一个界面元素都要分层。
②颜色严禁暖色调和冷色调混用。
完整网页设计的步骤
二、搜集材料
模块再文档中体现
2、收集相关图片、文字、视频等资料
3、将图片、文字、视频等资料使用相应的软件进行编辑备用（必须做）
4、对图片、文字、视频等资料分别分类整理
5、例如：
jpg、jpeg、gif、png），pic文件夹存放Leabharlann Baidu片素材，flash文件夹存放动画
素材
6、所有素材的文件名都必须是非中文字符，并且要做到看到文件名就知