网站开发基础知识
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.1 网站开发规范
• 任何一个网站在开发之前都需要定制一套开发约 定和规则。这类规则可以实现对网站整体风格的 统一，代码编写的维护和后续扩展。网站项目的 开发有一系列的特点：分散性、独立性、整合的 交互性等。考虑到这些开发特点，所以定制一套 完整的开发规范就显得尤为重要。
• 网站开发规范中涉及的这些规则和约定需要与开 发人员、设计人员和维护人员共同讨论制订。在 网站的开发过程中都将严格按照规则或约定进行 开发。一个优源自文库可行的规范可以使网页设计师在 工作中得心应手，取得事半功倍的效果。
• 没有高效、创新的设计开发工具想在激烈的竞争 中生存，并成为一名优秀的网页设计师是很难的。 好的设计开发工具就好比嘴巴，可以把心里想的 表达出来告诉对方。网页设计意图的准确表达就 需要依赖优秀的设计开发工具。
2.1 Dreamweaver CS3概述
• Dreamweaver CS3是一款优秀的网站开发工具，是 网页设计师在选择开发工具时一个不错的选择。 网页设计师使用Dreamweaver CS3能更为高效地设 计、开发和维护基于网站标准化的网站。它集成 了众多网站开发中所涉及到的最新技术，扩展了 页面设计与制作、多媒体开发和动画设计这类丰 富实用的功能。
1.1.2 网站的风格和创意
• 网站的风格(style)是指站点的整体形象给浏览者 的综合感受。一个拥有自己独特风格的网站，就 会使网站浏览者愿意花更多的时间去品尝该站。 这个“整体形象”可以从以下诸多方面来确立：
• 1．色彩运用 • 2．版面设计 • 3．程序开发 • 4．特效使用
1.1.3 网站的形象设计与配色
1.1.1 网站的目标定位
• 网站的目标定位要掌握相关的技巧，并不是随意 找些合作伙伴，建一个站点就能够成功的。做出 一个符合自己网站的合理定位对今后的发展就有 着举足轻重的作用。这类行之有效的目标定位都 有着如下的共性：
• 1．目标定位必须有明确的依据 • 2．目标定位必须了解哪些资源可被利用 • 3．目标定位在规模上要具有可扩展性 • 4．目标定位必须了解目标人群的特征
• 收集了各方面的内容，确定了相应的交互功能后，下一步 就是这些内容的分组。分组的目的是为了根据浏览者的访 问习惯，有序地展示内容，吸引访问者看下去，同时在分 组过程中还可发掘潜在的信息内容。信息分组的最终目的 是为了确定整个网站的导航系统。
1.2 网站开发流程
• 在任何网站项目开始实施之前都应该有一个工作 步骤也就是工作流程。有的网站设计师一拿到项 目就急于开发写代码，往往忽视了评审和测试这 两个环节，结果造成返工。下面列出了一个网站 常用的较为合理的开发流程图，能够比较好地体 现开发的整个环节，如图1.1所示。
1.1.5 网站信息的收集和准备
• 建立一个行之有效的网站决不能马马虎虎，草率行事，随 便准备点资料给网页设计师。需要提醒注意一点，网站信 息的收集和准备应该派专人负责整理。最好是熟悉市场营 销并有一定文字组织能力的人，他们能够站在企业、市场 和消费者的多角度考虑文字的组织方式。
• 在收集信息时要了解网站的目标访问者，要清楚浏览者访 问该站点的理由，也就是要考虑这些目标访问者的需求问 题。只有针对性地提供网站信息内容，才能更好地吸引访 问者。
1.1.4 网站的框架与布局
• 网站的框架与布局大致可分为“国”字型、拐角 型、“T”字型、“L”字型、综合框架型、Flash 型、变化型。在做设计的时候要抓住客户的需求， 把握网站的定位做出合理的框架布局。下面列出 了一些在网站的框架与布局设计时应该注意的地 方。
• 1．分辨率是设计网页时必须考虑的问题 • 2．空间的合理利用也极为重要 • 3．合理的广告布局
1.2.1 定义站点及配置服务器
• 站点可以理解成一组具有同一主题、统一风格的 关联文档和资源的集合。下面就详细介绍如何在 Windows 2003服务器平台上，通过IIS来定义站点， 以及Web服务器和文件传输服务器安装及配置的具 体方法。
1.2.1 搭建网站
• 网站搭建过程中，虚拟主机提供了一个同时向大 量用户提供安全的网络应用环境。在这过程中必 然会碰到一些由此环境而导致的问题，所以安全 搭建网站环境就显得极为重要。下面就详细介绍 一些搭建网站过程中必须掌握的安全配置技巧。
1.2.3 测试与调试
• 在任何一个软件项目开发末期，系统测试与调试
是保证整体项目质量的重要一环。而针对网站项
目的测试与调试一般需要注意以下几个方面的内
容：
• 1．模块功能测试
2．整体性能测试
• 3．系统安全性测试 4．运行稳定性测试
• 5．浏览器兼容性测试 6．操作易用性测试
• 7．链接有效性测试 8．代码合法性测试
2.2 Dreamweaver CS3的特点和新增功 能
• Dreamweaver CS3在实用功能上和操作流程上的都 有了显著的改进。修正了以往版本中软件本身设 计上的一些缺漏，新增功能更是发挥了其高效开 发的特点。它允许网页设计师依据个人开发习惯， 选择在设计环境或是编码环境下进行快速编辑。 下面就分别从实用功能、操作模式与最新技术这3 个方面介绍Dreamweaver CS3的一些特点和新增功 能。
1.2.4 发布及维护
• 网站文件进行整体检查和整理后，系统经过完整 性测试后，网页设计师就可以借助Dreamweaver CS3来实现对整个网站的发布操作。
第2章 网站开发工具
• 要想成为一名优秀的网页设计师需要具备哪些条 件？独特的设计风格、紧跟潮流的设计语言、娴 熟的技术。当然任何创作艺术设计创作都要靠一 定的工具来实现，网页开发设计也不例外。
• 一个好的形象设计，首先要有一个好的视觉效果。 检验网站是否有一个好的形象设计，下面就介绍 一种最为简单的方法——感观判别法。下面将介 绍一些网站形象设计中配色的使用技巧：
• 1．了解网站所要传达的讯息和品牌 • 2．了解网站的目标人群 • 3．配色过程中不要滥用颜色 • 4．阅读主体内容部分建议使用对比色 • 6．配色要有时效性
• 任何一个网站在开发之前都需要定制一套开发约 定和规则。这类规则可以实现对网站整体风格的 统一，代码编写的维护和后续扩展。网站项目的 开发有一系列的特点：分散性、独立性、整合的 交互性等。考虑到这些开发特点，所以定制一套 完整的开发规范就显得尤为重要。
• 网站开发规范中涉及的这些规则和约定需要与开 发人员、设计人员和维护人员共同讨论制订。在 网站的开发过程中都将严格按照规则或约定进行 开发。一个优源自文库可行的规范可以使网页设计师在 工作中得心应手，取得事半功倍的效果。
• 没有高效、创新的设计开发工具想在激烈的竞争 中生存，并成为一名优秀的网页设计师是很难的。 好的设计开发工具就好比嘴巴，可以把心里想的 表达出来告诉对方。网页设计意图的准确表达就 需要依赖优秀的设计开发工具。
2.1 Dreamweaver CS3概述
• Dreamweaver CS3是一款优秀的网站开发工具，是 网页设计师在选择开发工具时一个不错的选择。 网页设计师使用Dreamweaver CS3能更为高效地设 计、开发和维护基于网站标准化的网站。它集成 了众多网站开发中所涉及到的最新技术，扩展了 页面设计与制作、多媒体开发和动画设计这类丰 富实用的功能。
1.1.2 网站的风格和创意
• 网站的风格(style)是指站点的整体形象给浏览者 的综合感受。一个拥有自己独特风格的网站，就 会使网站浏览者愿意花更多的时间去品尝该站。 这个“整体形象”可以从以下诸多方面来确立：
• 1．色彩运用 • 2．版面设计 • 3．程序开发 • 4．特效使用
1.1.3 网站的形象设计与配色
1.1.1 网站的目标定位
• 网站的目标定位要掌握相关的技巧，并不是随意 找些合作伙伴，建一个站点就能够成功的。做出 一个符合自己网站的合理定位对今后的发展就有 着举足轻重的作用。这类行之有效的目标定位都 有着如下的共性：
• 1．目标定位必须有明确的依据 • 2．目标定位必须了解哪些资源可被利用 • 3．目标定位在规模上要具有可扩展性 • 4．目标定位必须了解目标人群的特征
• 收集了各方面的内容，确定了相应的交互功能后，下一步 就是这些内容的分组。分组的目的是为了根据浏览者的访 问习惯，有序地展示内容，吸引访问者看下去，同时在分 组过程中还可发掘潜在的信息内容。信息分组的最终目的 是为了确定整个网站的导航系统。
1.2 网站开发流程
• 在任何网站项目开始实施之前都应该有一个工作 步骤也就是工作流程。有的网站设计师一拿到项 目就急于开发写代码，往往忽视了评审和测试这 两个环节，结果造成返工。下面列出了一个网站 常用的较为合理的开发流程图，能够比较好地体 现开发的整个环节，如图1.1所示。
1.1.5 网站信息的收集和准备
• 建立一个行之有效的网站决不能马马虎虎，草率行事，随 便准备点资料给网页设计师。需要提醒注意一点，网站信 息的收集和准备应该派专人负责整理。最好是熟悉市场营 销并有一定文字组织能力的人，他们能够站在企业、市场 和消费者的多角度考虑文字的组织方式。
• 在收集信息时要了解网站的目标访问者，要清楚浏览者访 问该站点的理由，也就是要考虑这些目标访问者的需求问 题。只有针对性地提供网站信息内容，才能更好地吸引访 问者。
1.1.4 网站的框架与布局
• 网站的框架与布局大致可分为“国”字型、拐角 型、“T”字型、“L”字型、综合框架型、Flash 型、变化型。在做设计的时候要抓住客户的需求， 把握网站的定位做出合理的框架布局。下面列出 了一些在网站的框架与布局设计时应该注意的地 方。
• 1．分辨率是设计网页时必须考虑的问题 • 2．空间的合理利用也极为重要 • 3．合理的广告布局
1.2.1 定义站点及配置服务器
• 站点可以理解成一组具有同一主题、统一风格的 关联文档和资源的集合。下面就详细介绍如何在 Windows 2003服务器平台上，通过IIS来定义站点， 以及Web服务器和文件传输服务器安装及配置的具 体方法。
1.2.1 搭建网站
• 网站搭建过程中，虚拟主机提供了一个同时向大 量用户提供安全的网络应用环境。在这过程中必 然会碰到一些由此环境而导致的问题，所以安全 搭建网站环境就显得极为重要。下面就详细介绍 一些搭建网站过程中必须掌握的安全配置技巧。
1.2.3 测试与调试
• 在任何一个软件项目开发末期，系统测试与调试
是保证整体项目质量的重要一环。而针对网站项
目的测试与调试一般需要注意以下几个方面的内
容：
• 1．模块功能测试
2．整体性能测试
• 3．系统安全性测试 4．运行稳定性测试
• 5．浏览器兼容性测试 6．操作易用性测试
• 7．链接有效性测试 8．代码合法性测试
2.2 Dreamweaver CS3的特点和新增功 能
• Dreamweaver CS3在实用功能上和操作流程上的都 有了显著的改进。修正了以往版本中软件本身设 计上的一些缺漏，新增功能更是发挥了其高效开 发的特点。它允许网页设计师依据个人开发习惯， 选择在设计环境或是编码环境下进行快速编辑。 下面就分别从实用功能、操作模式与最新技术这3 个方面介绍Dreamweaver CS3的一些特点和新增功 能。
1.2.4 发布及维护
• 网站文件进行整体检查和整理后，系统经过完整 性测试后，网页设计师就可以借助Dreamweaver CS3来实现对整个网站的发布操作。
第2章 网站开发工具
• 要想成为一名优秀的网页设计师需要具备哪些条 件？独特的设计风格、紧跟潮流的设计语言、娴 熟的技术。当然任何创作艺术设计创作都要靠一 定的工具来实现，网页开发设计也不例外。
• 一个好的形象设计，首先要有一个好的视觉效果。 检验网站是否有一个好的形象设计，下面就介绍 一种最为简单的方法——感观判别法。下面将介 绍一些网站形象设计中配色的使用技巧：
• 1．了解网站所要传达的讯息和品牌 • 2．了解网站的目标人群 • 3．配色过程中不要滥用颜色 • 4．阅读主体内容部分建议使用对比色 • 6．配色要有时效性