网页设计的基础-网页设计制作概述.ppt

一网页、网站的概念
二 Web标准
三网站的规划与设计
四网站开发工作流程
五网站策划书撰写要点
六常用网页制作软件
七实训
第1章网页设计制作概述
网页、网站和主页
网页(Web Page)是存放在Web服务器上供客户端用户浏览的文件,上传输。网页是按照网页文档规范编写的一个或多个文件,这种格式的文件由超文本标记语言创建,能将文字、图片、声音等各种多媒体文件组合在一起,这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接,可以方便地跳转到其他相关网页或是相关网站。
网站由一组相关的HTML文件和其他文件组成,这些文件存储在Web服务器上。当用户访问一个Web站点时,该站点中有一个页面总是被首先打开,该页面称为首页或主页()。
网页、网站的概念
静态网页和动态网页
按照Web服务器的响应方式的不同,可以将Web页分为静态网页和动态网页。
静态网页指客户端的浏览器发送URL请求给的超文本文件,不加处理直接下载到客户端,运行在客户端的页面是已经事先做好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的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标准的优点

文件下载与页面显示速度更快;
内容能被更多的用户所访问(包括失明、弱视、色盲等残障人士);
内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜素机器人等);
用户能够根据样式选择定制自己的表现界面;
所有页面都能提供适于打印的版本。
Web标准
采用Web标准的优点

更少的代码和组件,容易维护;
带宽要求降低(代码更简洁),成本降低;
更容易被搜寻引擎搜索到;
改版方便;
提供打印版本不需要复制内容。
Web标准
在建设网站之前,需要对网站进行一系列的分析和设计,然后根据分析的结果提出合理的建设方案,这就是网站的规划与设计。
网站的规划与设计一般应遵循以下三个原则:
最大限度地满足用户需要;
最有效地进行资源利用;
使用方便,界面友好,运行高效;
常规的规划与设计方法一般有以下三种:自顶向下、自底向上、不断增补的设计方法。
网站的规划与设计