HTML与CSS网页设计概述
Web基本概念
认识网页
名词解释
WWW WWW(英文World Wide Web的缩写)中文译为“万维网”是Intertnet提供的一种网页浏览服务。
URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符” URL其实就是Web地址,俗称“网址”。
DNS (英文Domain Name System的缩写)是域名解析系统。将好记的域名转换成IP的过程被称为域名解析
HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议,是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
Web Web通常指互联网的使用环境。但对于网站制作者来说,它是一系列技术的复合总称,通常称之为网页。
W3C组织 W3C(英文World Wide Web Consortium的缩写)中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。
了解Web标准
结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTML两个部分。
使内容更清晰,更有逻辑性
XML(英文The Extensible Markup Language 的缩写)是一种可扩展标记语言。XML最初的目的是为了弥补HTML的不足,它具有强大的扩展性,可用于数据的转换和描述。
XHTML(英文The Extensible HyperText Markup Language的缩写)是可扩展超文本标识语言。XHTML是基于XML的标识语言,是在HTML4.0的基础上,用XML的规则对其进行扩展建立起来的,它实现了HTML向XML的过渡。
表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
用于修饰内容的样式
CSS(英文Cascading Style Sheet的缩写)是层叠样式表。CSS标准建立的目的是以CSS为基础进行网页布局,控制网页的表现。CSS布局与XHTML结构语言相结合,可以实现表现与结构的分离,使网站的访问及维护更加容易。
行为标准:行为是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两个部分。
内容的交互及操作效果
DOM(英文Document Object Model的缩写)是文档对象模型。W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。
ECMAScript是ECMA(英文European Computer Manufacturers Association的缩写)国际以JavaScript为基础制定的标准脚本语言。JavaScript是一种基于对象和事件驱动,并具有相对安全性的客户端脚本语言,广泛用于Web开发,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
网页制作入门
HTMl简介
HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。
HTML之所以称为超文本标记语言,不仅是因为他通过标记描述网页内容,同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来,构成了丰富多彩的Web页面。
XML虽然数据转换能力强大,完全可以替代HTML,但是面对互联网上成千上万基于HTML编写的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的语法规则对其进行扩展,得到了XHTML。
目前国际上,网站设计推崇的Web标准就是基于XHTML的(即通常所说的DIV+CSS)。
CSS简介
CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。
CSS非常灵活,既可以嵌入在HTML文档中,也可以是一个单独的外部文件,如果是独立的文件,则必须以.css为后缀名。