（精品完整版）零基础学Dreamweaver.CS3.ppt

第1章 网站开发基础知识 一个专业的网页设计师（Web Designer）在准备开发网站之前，必须先要对整个站点进行整体规划和设计。明确该网站建设的目的和功能，确定网站在各阶段的运作规模与费用投入。而对于初学者来说在着手开发前更要全面考虑到这些影响因素，定制出合理的开发流程。这就要求设计师必须先要掌握一些网站开发中所可能遇到的基础知识。 1.1 网站开发规范 任何一个网站在开发之前都需要定制一套开发约定和规则。这类规则可以实现对网站整体风格的统一，代码编写的维护和后续扩展。网站项目的开发有一系列的特点：分散性、独立性、整合的交互性等。考虑到这些开发特点，所以定制一套完整的开发规范就显得尤为重要。 网站开发规范中涉及的这些规则和约定需要与开发人员、设计人员和维护人员共同讨论制订。在网站的开发过程中都将严格按照规则或约定进行开发。一个优良可行的规范可以使网页设计师在工作中得心应手，取得事半功倍的效果。 1.1.1 网站的目标定位 网站的目标定位要掌握相关的技巧，并不是随意找些合作伙伴，建一个站点就能够成功的。做出一个符合自己网站的合理定位对今后的发展就有着举足轻重的作用。这类行之有效的目标定位都有着如下的共性： 1．目标定位必须有明确的依据 2．目标定位必须了解哪些资源可被利用 3．目标定位在规模上要具有可扩展性 4．目标定位必须了解目标人群的特征 1.1.2 网站的风格和创意 网站的风格(style)是指站点的整体形象给浏览者的综合感受。一个拥有自己独特风格的网站，就会使网站浏览者愿意花更多的时间去品尝该站。这个“整体形象”可以从以下诸多方面来确立： 1．色彩运用 2．版面设计 3．程序开发 4．特效使用 1.1.3 网站的形象设计与配色 一个好的形象设计，首先要有一个好的视觉效果。检验网站是否有一个好的形象设计，下面就介绍一种最为简单的方法——感观判别法。下面将介绍一些网站形象设计中配色的使用技巧： 1．了解网站所要传达的讯息和品牌 2．了解网站的目标人群 3．配色过程中不要滥用颜色 4．阅读主体内容部分建议使用对比色 6．配色要有时效性 1.1.4 网站的框架与布局 网站的框架与布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型。在做设计的时候要抓住客户的需求，把握网站的定位做出合理的框架布局。下面列出了一些在网站的框架与布局设计时应该注意的地方。 1．分辨率是设计网页时必须考虑的问题 2．空间的合理利用也极为重要 3．合理的广告布局 1.1.5 网站信息的收集和准备 建立一个行之有效的网站决不能马马虎虎，草率行事，随便准备点资料给网页设计师。需要提醒注意一点，网站信息的收集和准备应该派专人负责整理。最好是熟悉市场营销并有一定文字组织能力的人，他们能够站在企业、市场和消费者的多角度考虑文字的组织方式。 在收集信息时要了解网站的目标访问者，要清楚浏览者访问该站点的理由，也就是要考虑这些目标访问者的需求问题。只有针对性地提供网站信息内容，才能更好地吸引访问者。 收集了各方面的内容，确定了相应的交互功能后，下一步就是这些内容的分组。分组的目的是为了根据浏览者的访问习惯，有序地展示内容，吸引访问者看下去，同时在分组过程中还可发掘潜在的信息内容。信息分组的最终目的是为了确定整个网站的导航系统。 1.2 网站开发流程 在任何网站项目开始实施之前都应该有一个工作步骤也就是工作流程。有的网站设计师一拿到项目就急于开发写代码，往往忽视了评审和测试这两个环节，结果造成返工。下面列出了一个网站常用的较为合理的开发流程图，能够比较好地体现开发的整个环节，如图1.1所示。 1.2.1 定义站点及配置服务器 站点可以理解成一组具有同一主题、统一风格的关联文档和资源的集合。下面就详细介绍如何在Windows 2003服务器平台上，通过IIS来定义站点，以及Web服务器和文件传输服务器安装及配置的具体方法。 1.2.1 搭建网站 网站搭建过程中，虚拟主机提供了一个同时向大量用户提供安全的网络应用环境。在这过程中必然会碰到一些由此环境而导致的问题，所以安全搭建网站环境就显得极为重要。下面就详细介绍一些搭建网站过程中必须掌握的安全配置技巧。 1.2.3 测试与调试 在任何一个软件项目开发末期，系统测试与调试是保证整体项目质量的重要一环。而针对网站项目的测试与调试一般需要注意以下几个方面的内容： 1．模块功能测试 2．整体性能测试 3．系统安全性测试 4．运行稳定性测试 5．浏览器兼容性测试 6．操作易用性测试 7．链接有效性测试 8．代码合法性测试 1.2.4 发布及维护 网站文件进行整体检查和整理后，系统经过完整性测试后，网页设计师就可以借助Dreamweaver CS3来实现对整个网站的