1.2　制作网站的基本流程

网页设计是一项系统而又复杂的项目，因此，在设计时必须遵循一定的流程，进行规范的操作。这样才能有条不紊地制作网页，并减少工作量、提高工作效率。下面将对网站的策划、制作网站的准备工作和制作及上传网页的相关知识进行介绍。

1.2.1　网站分析与策划

网站分析与策划是制作网页的基础。在确定要制作网页后，应该先对网页进行准确的定位，以确保网页设计效果和功能水平，包括网站的主题和定位、网站的目标、网站的内容与形象规划、素材和内容收集和推广网站等。

●确定网站的主题和定位：确定网站的主题是指在网站规划前，先对网站环境进行调查分析，包括社会环境调查、消费者调查、竞争对手调查、资源调查等。网站定位是指在调查的基础上进行进一步的规划，一般是根据调查结果确定网站的服务对象和内容。需要注意的是，网站的内容一定要有针对性。

●确定网站的目标：网站的目标是指从总体上为网站建设提供总的框架大纲和网站需要实现的功能等。

●内容与形象规划：网站的内容与形象是网站吸引浏览者的主要因素，与内容相比，多变的形象设计具有更加丰富的表现效果，如网站的风格设计、版式设计、布局设计等。这一过程需要设计师、编辑人员、策划人员的全力合作，才能达到内容与形象的高度统一。

●素材和内容收集：在确定好网页类型后，需要搜集和整理网页内容与相关文本，以及图形和动画等素材，并将其进行分类整理，如制作企业或公司的网站就需要搜集和整理企业或公司的介绍、产品、企业文化等信息。

●推广网站：网站推广是网页设计过程中必不可少的环节，一个优秀的网站，尤其是商业网站，有效的市场推广是成功的关键因素之一。因此，在进行网站分析与策划时还需要考虑网站推广的方式。

1.2.2　网页效果图设计

网页效果图设计与传统的平面设计相同，通常使用Photoshop进行界面设计。图1-15为利用其图像处理上的优势制作多元化的效果图，最后对图像进行切片并导出为网页。

图1-15　网页效果图设计软件

1.2.3　创建并编辑网页文档

完成前期的准备工作后，就可以启动Dreamweaver进行网页的初步设计了。此时应该先创建管理资料的场所——站点，并对站点进行规划，确定站点的结构，包括并列、层次、网状等结构，可根据实际情况选择。然后在站点中创建需要的文件和文件夹，并对页面中的内容进行填充和编辑，丰富网页中的内容。本书将主要介绍使用Dreamweaver CC制作网页的方法。

1.2.4　优化与加工网页文档

为了增加网页被浏览者搜索到的概率，还需要适时地对网站进行优化。网站优化包含的内容很多，如搜索关键字的优化、清晰的网站导航、完善的在线帮助等，以最完整地体现和发挥出网站的功能和信息。用户可以从以下几个方面来考虑网站自身的优化。

●尽量多使用纯文本链接，并定义全局统一链接位置。

●标题中需要包含有优化关键字的内容，并且网站中的其他子页面标题不能雷同，必须要能展示当前网页所表达的内容。

●网页关键词要与网站相关，尽量选取较瞩目、热门的相关词汇。

●网站结构要清晰，明确每个页面的具体功能和位置。

1.2.5　测试并发布HTML文档

完成网页的制作后，还需对站点进行测试并发布。站点测试可根据浏览器种类、客户端要求及网站大小等进行测试，通常是将站点移到一个模拟调试服务器上对其进行测试或编辑。测试站点时应注意以下几个方面。

●监测页面的文件大小及下载速度。

●运行链接检查报告对链接进行测试。因为页面在制作过程中可能会使某些链接指向的页面被移动或删除，需要检查是否有断开链接。

●一些浏览器不能很好地兼容网页中的某些样式、层、插件等，导致网页显示不正常。这需要测试人员检查浏览器的行为，将自动访问定位到其他页面。

●页面布局、字体大小、颜色、默认浏览窗口大小等在目标浏览器中无法预览，需要在不同的浏览器和平台上进行预览并调试。

●在制作过程中要经常对站点进行测试，及时发现并解决问题。

发布站点前需要在互联网上申请一个主页空间，指定网站或主页在网络中的位置。然后使用SharePoint Desiger或Dreamweaver对站点进行发布，也可使用FTP（File Transfer Protocol，文件传输协议）软件将文件上传到服务器申请的网址目录下。

1.2.6　网站的更新与维护

将站点上传到服务器后，需要每隔一段时间对站点中的某些页面进行更新，保持网站内容的新鲜感以吸引更多的浏览者。此外，还应定期打开浏览器检查页面元素和各种超链接是否正常，以防止死链接情况的存在。最后还需要检测后台程序是否被不速之客篡改或注入，以便进行及时修正。