第一章网页设计制作概述单飞的鞋子.pptVIP

网页设计与制作教程;一 网页、网站的概念 二 Web标准 三 网站的规划与设计 四 网站开发工作流程 五 网站策划书撰写要点 六 常用网页制作软件 七 实训;1.1.1 网页、网站和主页 网页（Web Page）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建，能将文字、图片、声音等各种多媒体文件组合在一起，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转到其他相关网页或是相关网站。 如果在浏览器的地址栏中输入网站地址，浏览器会自动连接到这个网址所指向的网络服务器，并出现一个默认的网页（一般为index.html或default.html），这个最先打开的默认页面就被称为“主页”或“首页”。;1.1.2 静态网页和动态网页 静态网页指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的HTML代码，静态网页通常由纯粹的HTML/CSS语言编写。 动态网页技术根据程序运行的区域不同，分为客户端动态技术与服务器端动态技术。 客户端动态技术不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中。服务器发送给浏览者后，网页在客户端浏览器上直接响应用户的动作。常见的客户端动态技术包括JavaScript、ActiveX和Flash等。 ;1.2.1 Web标准的概念 Web标准不是某一种标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分为三类：结构化标准语言主要包括XHTML和XML，表现标准语言主要为CSS，行为标准主要包括对象模型W3C DOM、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制定的标准，如ECMA（European Computer Manufacturers Association）的ECMAScript标准。 例如，人体模特换衣服和表演。模特就好比数据，衣服则是表现形式，模特的表演动作是行为。模特和衣服是分离的，这样就可以随意换衣服。;1.2.2 建立Web标准的目的 简单地说，建立Web标准的目的是： ? 提供最大利益给最多的网站用户； ? 确保任何网站文档都能够长期有效； ? 简化代码，降低建设成本； ? 让网站更容易使用，能适应更多不同用户和更多网络设备； ? 当浏览器版本更新或者出现新的网络交互设备时，确保所有应用能够继续正确执行。;1.2.3 采用Web标准的优点 1．客户端的优点 采用Web标准后，客户端的好处主要体现在以下方面： ? 文件下载与页面显示速度更快； ? 内容能被更多的用户所访问（包括失明、弱视、色盲等残障人士）； ? 2．服务器端的优点 采用Web标准后，服务器端的好处主要体现在以下方面： ? 更少的代码和组件，容易维护； ? 带宽要求降低（代码更简洁），成本降低； ? 更容易被搜寻引擎搜索到；?; 在建设网站之前，需要对网站进行一系列的分析和设计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。 网站的规划与设计一般应遵循以下三个原则： ? 最大限度地满足用户需要； ? 最有效地进行资源利用； ? 使用方便，界面友好，运行高效； 常规的规划与设计方法一般有以下三种：自顶向下、自底向上、不断增补的设计方法。; 典型的Web开发工作流程包括以下几个阶段。 1）规划站点：包括确立站点的策略或目标、确定所面向的用户以及站点的数据需求。 2）设置开发环境：包括选择Web应用程序服务器、利用Dreamweaver网页制作软件定义站点及数据源。 3）规划页面设计和布局：包括用绘画工具创建页面和界面模型，以及使用Dreamweaver、FrontPage布置页面。 4）创建内容资源：包括使用Fireworks、Photoshop和Flash创建图像、视频等。 5）组合、测试和部署站点：包括使用Dreamweaver设置文本格式、编译资源，测试代码将站点发布到服务器上。 6）维护站点：包括使用Dreamweaver保持内容的更新。;1.4.7 案例一：规划曙光大学网站 【案例综述】规划曙光大学网站的结构。 【案例展示】本书围绕着一个