文档介绍：一网页、网站的概念
二 Web标准
三网站的规划与设计
四网站开发工作流程
五网站策划书撰写要点
六常用网页制作软件
七实训
第1章网页设计制作概述
.
网页、网站和主页
网页（Web Page）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建，能将文字、图片、声音等各种多媒体文件组合在一起，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转到其他相关网页或是相关网站。
网站由一组相关的HTML文件和其他文件组成，这些文件存储在Web服务器上。当用户访问一个Web站点时，该站点中有一个页面总是被首先打开，该页面称为首页或主页（）。
网页、网站的概念
.
静态网页和动态网页
按照Web服务器的响应方式的不同，可以将Web页分为静态网页和动态网页。
静态网页指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的HTML代码，静态网页通常由纯粹的HTML/CSS语言编写。
网页、网站的概念
.
静态网页和动态网页
按照Web服务器的响应方式的不同，可以将Web页分为静态网页和动态网页。
静态网页指客户端的浏览器发送URL请求给Web服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。
网页、网站的概念
.
静态网页和动态网页
动态网页是指必须经过应用程序服务器处理后才能交给Web服务器送到客户端进行显示的网页文件。这类网页根据所采用的应用程序服务器不一样，其文件名的扩展名也不一样。可以是 hph，jsp，asp等等。
动态网页技术根据程序运行的区域不同，分为客户端动态技术与服务器端动态技术。
客户端动态技术不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中。服务器发送给浏览者后，网页在客户端浏览器上直接响应用户的动作。常见的客户端动态技术包括JavaScript、ActiveX和Flash等。
网页、网站的概念
.
Web标准的概念
WEB标准不是某一个标准，而是一系列标准的集合。
网页主要由三部分组成：
结构（Structure）
结构标准语言有： XML、XHTML
表现（Presentation）
表现标准语言有：CSS
行为（Behavior）
行为标准语言有：DOM、ECMAScript
Web标准
.
建立Web标准的目的
简单地说，建立Web标准的目的是：
提供最大利益给最多的网站用户；
确保任何网站文档都能够长期有效；
简化代码，降低建设成本；
让网站更容易使用，能适应更多不同用户和更多网络设备；
当浏览器版本更新或者出现新的网络交互设备时，确保所有应用能够继续正确执行。
Web标准
.
采用Web标准的优点
1．客户端的优点
文件下载与页面显示速度更快；
内容能被更多的用户所访问（包括失明、弱视、色盲等残障人士）；
内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜素机器人等）；
用户能够根据样式选择定制自己的表现界面；
所有页面都能提供适于打印的版本。
Web标准
.
采用Web标准的优点
2．服务器端的优点
更少的代码和组件，容易维护；
带宽要求降低（代码更简洁），成本降低；
更容易被搜寻引擎搜索到；
改版方便；
提供打印版本不需要复制内容。
Web标准
.
在建设网站之前，需要对网站进行一系列的分析和设计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。
网站的规划与设计一般应遵循以下三个原则：
 最大限度地满足用户需要；
 最有效地进行资源利用；
 使用方便，界面友好，运行高效；
常规的规划与设计方法一般有以下三种：自顶向下、自底向上、不断增补的设计方法。
网站的规划与设计
.