《第1部分网页设计基础》.ppt

第1章 网页设计基础 1.1 WWW的基本概述 1.2 网页设计相关概念 1.3 HTML语言 1.4 一个简单的HTML实例 1.1 WWW的基本概述 WWW是World Wide Web的缩写，是建立在Internet上的信息资源网络，具有以下特点： 是一种超文本链接信息系统 是图形用户界面，内容不局限于文本形式 与系统平台无关 是分布式的 可动态、及时更新网页信息 采用交互式的浏览方式 1.1 WWW的基本概述 浏览Web内容是Internet提供的主要服务，它以HTTP协议(Hyper Text Transfer Protocol) 在网上传送以HTML (Hyper Text Markup Language)语言编写的网页内容，从而进行信息交流。 浏览器(Brower)是安装在客户端用于阅读WWW上内容的软件。浏览器有多种，目前常见的有Microsoft的 Internet Explorer (简称IE)与Netscape的Communicator(简称NC)。 1.1 WWW的基本概述 WWW的工作过程 WWW是以HTML和HTTP为基础的信息浏览系统，系统结构采用C/S模式。工作步骤如下： 通过客户端浏览器输入URL向WEB服务器发出服务请求。 服务器解析浏览器请求的URL，找到相应的网页文件。 网页中包含JavaScript等脚本，它将随HTML文档一起下载到客户端；若网页中嵌套有ASP等程序，服务器将执行这些程序并将运行结果以HTML标记形式发送给客户端。 浏览器解释HTML文档，并显示结果。 1.1 WWW的基本概述 HTTP协议 超文本传输协议(HTTP)是WEB浏览器与WEB服务器应用层之间的通信协议。 HTTP会话过程包括4个步骤： 建立链接(connection)。 发送请求(request)。 响应请求(response)。 关闭链接(close)。 1.2 网页设计相关概念 1.2.1 统一资源定位器(URL) 1.2.2 超链接 1.2.3 网站 1.2.4 网页 1.2.5 主页 1.2.6 静态网页 1.2.7 动态网页 1.2.8 网页布局 1.2.9 网页设计原则 1.2.1 统一资源定位器(URL) URL(Uniform Resource Locator )：统一资源定位器 ，即各个网页在Internet上的地址。通俗地讲，URL就是网址，用于指定Internet资源的位置。 URL的结构：http://网站地址/目录路径/文件名称 例子：/qk/83461A/200901/index.shtml 访问怀化学院学报网站的qk/83461A/200901目录路径中的index.shtml 。 1.2.2 超链接 超链接：实现超文本的主要技术。它指向WWW的资源，如不同站点的网页、同一站点的其它网页、网页的其它段落。 作用：在浏览网页时，如果用鼠标单击超链接，就会跳转到超链接所指向的资源，就可以从WEB上下载信息。 判断方法：当鼠标的光标箭头移动到超链接上，光标会变成手的形状。 1.2.3 网站 网站是一个存放在网络服务器上的完整信息的集合体。 网站包含一个或多个网页，这些网页以一定的形式链接在一起，成为一个整体。 1.2.4 网页 网页是网站的组成部分，是一张页面，可以看成是一个单一体，是网站的一个元素。 网页里可以有文本、图片、声音、视频、动画等元素。 文本是构成网页的主体。对文本元素的设计包括字体、字型、颜色、段落设置以及定位等。 图片是实现网页图文并茂的主要手段。常用的图形文件格式有GIF、JPEG、PNG、矢量格式。使用图片的原则：图形文件小、数量少，图像质量高，合理使用动画。 1.2.5 主页 主页，也称之为首页。 主页是一个殊性的网页，是整个网站的起始点和汇总点。 主页是浏览者浏览一个网站的入口。 1.2.6 静态网页 静态网页，指这个网页不论在何时从何地浏览，都将显示相同的画面和内容，且用户仅能浏览，而无法提供信息给网站，让网站作出响应 。 静态网页编程语言有HTML、CSS等。 HTML(超文本标记语言)是网页设计的基础，是表示网页的一种规范，通过标记符来定义网页内容的显示格式； CSS(层叠样式表)技术是HTML功能的扩展，使用它能设计出更具表现力的网页。 在网页中添加相关的动画，并不代表它不是静态网页。 1.2.7 动态网页 动态网页，是指网页能够按照用户的需求做出动态响应。常见的动态网页有留言板、论坛等。 常用的网页动态/特效脚本语言有JavaScript和VBScript。其中JavaScript是一种基于对象的、动态的、跨平台的、具有简单性与安全性的脚本语言，简单而功能强大，主要表现在：