一、确定网站主题 1. 分析网站的功能，并重新记录网站的所有功能。
2. 分析网站主题，选择符合网站主题的解决方案。
二、搜集材料 1. 通过与网站上相关人员的联络和沟通确定网站所需的模组，并将这些模组反映在文件中; 2 。
收集相关图片、文字、视频等信息； 3. 使用相应的软件编辑图片，文字，视频等资料 (必须做)； 4. 整理图片，文字，视频等等。
5. 例如，网站根资料夹中的 images 资料夹储存 web 介面影像（图片型别为 jpg，jpeg，gif，png），pic 资料夹储存照片素材，flash 资料夹储存动画素材。
; 6. 所有材料的档名必须是非中文字元，要检视档名，您需要知道它是哪张图片。
三、规划网站 1. 网站的结构 (目录结构) 、主页的名称 (index.html) 、子页面的名称 (1.html 、 2.html 、 3.html) 以及它所在的目录必须反映在文件中 (绘制目录地图)； 2 、列设置、列必须在文件中反映； 3 、网站的风格； 4，色彩搭配（主色和辅色以及醒目色彩的 RGB 值，需在文件中体现）当然，还要根据产品的性质和行业的颜色搭配，如食物要温暖颜色; 5 。
布局布局（如国家字型和工厂字型）和结构应反映在文档中。
6. 绘制第一页介面图 (草图) 。
四. 设计工具的选择 1, PHOTOSHOP + Dreamweaver + flash; 2firework＋dreamweaver＋flash； 3. 其他工具或直接编码。
五、制作网页 1. 在计算机硬碟上设置一个目录作为网站的根目录，如：e：www 目录； 2. 使用影像设计软件设计网页的主页（根据主页介面的草图）; 注：(1) 每个附加的介面元素都应该分层。
(2）严禁使用暖色和冷色。
(3）当您新增图片时，请小心 (4）不应新增网页介面，例如某些文字。
如果文字不需要特殊效果，则在设计介面时无需新增它。
(5) 介面尺寸：宽 780 画素，高 435 画素 3 、储存 注意：1 首先将原始档储存为*。
PSD 文档，例如：index.psd 目录是网站的根目录，例如：e：www ②严禁合并图层 4. 使用切片，切片由 Photoshop 设计的 PSD 文档 注意：1 个切片从左到右，从上到下跟随过程切片（2）对整个介面进行切片，严禁留有切片间隙。
3. 请注意，每个切片应该与周围的片对齐。
4 、切片时注意每个切片的独立性，单独切割功能切片。
切片后，应考虑 5 个切片是否易于在 Dreamweaver 中编辑 5 、储存切片 注：1 。
储存时，选择要输出 HTML 和 GIF 的型别。
2 档名是索引。
3 目录的根目录，其中路径可供您储存网页 4 index.html 和 images 资料夹应出现在最终的根资料夹中。
必须保留这两个资料夹。
6 。
使用 Dreamweaver 编辑主页 注意：1 首先建立站点，使用 Dreamweaver 连线到网站目录的根资料夹，例如：e：www，站点根目录的连线方法设置为 E：www，网络设置为 None； 2 网站与根目录连结良好后，编辑 index.html 首页； 3 在 index.html 上新增必要的内容，文字，图片，动画，连结（连结子页面，目录必须使用相对目录）等，并整体中心对齐，目录必须使用相对目录，主页设计完成了;（4）主页设计完成后，以主页为基础设计子页。
方法是：首先将主页储存为 1.html，目录储存为网站根目录（e:www），开启 1.html，将页面的主要内容改为子页面的主要内容，并储存。
其他子页也是如此。
7 、本地测试 开启 index.html，浏览所有页面以检查正确的错误 (内容完整，介面合理，连结正确) 。
六、上传测试 1. 上传网站根目录下所有内容的对应资料夹下的服务器，如第三次实验，将 E：www 中的所有内容复制到相应资料夹的目录 3 服务器上； 2，资料夹 3 这个目录应该包含以下文档和资料夹：index.html（主页），1.html，2.html（子页面）…….，影像（介面影像资料夹），索引.psd（主页影像原始档）; 三。
使用 IP 地址测试网站。
如果没有问题，网站测试是成功的。
七、推广宣传 1. 申请域名和域名； 2 、网页上传空间； 3. 促进优化和推广，增加流量。
