第一步：做好策划与草图
凡事预则立，要谋划的每一件事情都必须从策划开始，策划是最体现才华和创造力的了。这要求动手打开PS或FW制作界面之前的必须动作，这将直接决定网站的成败。那些优秀的网站，不只是做得很漂亮，还要非常方便用户浏览，简单来说就是可读性强，显得简洁明快!
我认为网站的风格、用色等哪怕是每个很细小的图标都不要放过，必须经过精雕细琢以及深思熟虑。风格设计主要依赖于做网站的用户群体和职业构成、文化高低和个人爱好等，有一个诀窍就是投其所好;此外，还取决于公司的类型和企业领导者的喜好。
第二步：精心设计与制作
加入草图绘制得已经相当完美，就可以打开PS或FW开工了，进行界面的设计。我的偏好是使用PS，它没有FW的高效和专业，但比较自由和灵活，这我非常喜欢。在新建778*600页面中先搭建一个基本的框架，次之逐项细化。我有一些独特的手法推荐，另外再专文叙述了，例如设计一个透明的玻璃水晶按钮就可以显示出特别的风格。我认为千万别细节刻画，哪怕1*1的5%透明度的阴影，也会为都页面带来意想不到的效果。
第三步： 关于切割与导出的技法
一是根据大致框架实施切割，要注意页面的完整性；那些需输入的文字板块、面积较大的色块或独立图片和flash动画等等，有必要单独切割，使其成为非图片格式的切片，以备用于插入；那些添加内容需长区域的要采用伸缩性的切割，如果有图案，还要保证能够重复排列；实施切割工作时，切勿空留单行或列一单位象素间隙，必须放大使切片都能够对齐，不能留下空隙；还有其它情况，比如按钮和空白处等通过自动方式生成的那种切片，创建需调整图片外观的切片等等；在切割工作做完，应选择文件并另存为WEB页的命令，将其导出为HTML文件，等候用DW来进行编辑。
第四步：编辑与模板
打开DW，导出HTML文件，然后开始编辑；文件编辑完毕，将其添加CSS样式，包括TD和ALINK等基本的标签，随后再存为模板DWT文件，并^+alt+v新建可编辑得区域；以模板来新建各页面，添加入与之对应的内容
第五步：动画与广告
设计制做FL动画广告条，运用对应的文字内容和广告语，新建文件于FL中；拷贝和粘贴广告语到场景之中，再进行排版，将其转换为元件578*104；增添对应的背景和动画，调试好节奏之后，将其发布为SWF文件；插到DW中的目标模板页，大小需要调整，再存盘，其他页面会随之自动更新。
第六步： 链接与上传
好啦，剩下的就是重新设置模板页的导航链接。这一步骤是可以在第四节完成的；可在本地找到首页检查链接与文字内容，认真核对直到没有差错，以确保链接是可以正常访问的；然后就是最好的一步了，就是上传空间，一旦域名解析成功，就可以在浏览器中测试效果，做后期的测试与维护。