网页设计制作概述(江西新华电脑学院).ppt

《网页设计制作概述(江西新华电脑学院).ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计制作一网页、网站的概念二Web标准三网站的规划与设计四网站开发工作流程五网站策划书撰写要点六常用网页制作软件七实训第1章网页设计制作概述1.1.1网页、网站和主页网页（WebPage）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建，能将文字、图片、声音等各种多媒体文件组合在一起，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转到其他相关网页或是相关网站。

2、如果在浏览器的地址栏中输入网站地址，浏览器会自动连接到这个网址所指向的网络服务器，并出现一个默认的网页（一般为index.html或default.html），这个最先打开的默认页面就被称为“主页”或“首页”。1.1网页、网站的概念1.1.2静态网页和动态网页静态网页指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的HTML代码，静态网页通常由纯粹的HTML/CSS

3、语言编写。动态网页技术根据程序运行的区域不同，分为客户端动态技术与服务器端动态技术。客户端动态技术不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中。服务器发送给浏览者后，网页在客户端浏览器上直接响应用户的动作。常见的客户端动态技术包括JavaScript、ActiveX和Flash等。1.1网页、网站的概念1.1.2静态网页和动态网页静态网页指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做

4、好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的HTML代码，静态网页通常由纯粹的HTML/CSS语言编写。动态网页技术根据程序运行的区域不同，分为客户端动态技术与服务器端动态技术。客户端动态技术不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中。服务器发送给浏览者后，网页在客户端浏览器上直接响应用户的动作。常见的客户端动态技术包括JavaScript、ActiveX和Flash等。1.1网页、网站的概念1.2.1Web标准的概念Web标准不是某一种标准，而是一系

5、列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分为三类：结构化标准语言主要包括XHTML和XML，表现标准语言主要为CSS，行为标准主要包括对象模型W3CDOM、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制定的标准，如ECMA（EuropeanComputerManufacturersAssociation）的ECMAScript标准。例如，人体模特换衣服和表演。模特就好比

6、数据，衣服则是表现形式，模特的表演动作是行为。模特和衣服是分离的，这样就可以随意换衣服。1.2Web标准1.2.2建立Web标准的目的简单地说，建立Web标准的目的是：提供最大利益给最多的网站用户；确保任何网站文档都能够长期有效；简化代码，降低建设成本；让网站更容易使用，能适应更多不同用户和更多网络设备；当浏览器版本更新或者出现新的网络交互设备时，确保所有应用能够继续正确执行。1.2Web标准1.2.3采用Web标准的优点1．客户端的优点采用Web标准后，客户端的好处主要体现在以下方面：

7、文件下载与页面显示速度更快；内容能被更多的用户所访问（包括失明、弱视、色盲等残障人士）；2．服务器端的优点采用Web标准后，服务器端的好处主要体现在以下方面：更少的代码和组件，容易维护；带宽要求降低（代码更简洁），成本降低；更容易被搜寻引擎搜索到；1.2Web标准在建设网站之前，需要对网站进行一系列的分析和设计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。网站的规划与设计一般应遵循以下三个原则：最大限度地满足用户需要；最有效地进行资源利用；使用方便，界面友好，运行

8、高效；常规的规划与设计方法一般有以下三种：自顶向下、自底向上、不断增补的设计方法。1.3网站的规划与设计典型的Web开发工作流程包括以下几个阶段。1）规划站点：包括确立站点的策略或目标、确定所面向的用户以及站点的数据需求。2）设置开发环境：包括选择Web应用程序服务器、利用Dreamweaver网页制作软件定义站点及数据源。3）规划页面设计和布局：包括用绘画工具创建页面和界面模型，以及使用Dreamweaver、FrontPage布置页面。4）创建内容资源：包括使用F