HTML5+CSS3网页设计概述
- 第一部分:网页概述
- 1.认识网页
- (1)静态网页
- (2)动态网页
- 2.名词解释
- 3.web标准
- (1)结构标准
- (2)表现标准
- (3)行为标准
- 第二部分:网页制作技术入门
- 1.HTML
- 2.CSS
- 3.JavaScript
- 4.常见浏览器内核
第一部分:网页概述
1.认识网页
- 网页可以看做承载各种网站应用和信息的容器,所有可视化的内容都会通过网页展示给用户。
- 网页主要由文字、图像和超链接(超链接为单击可以跳转的网页元素)等元素构成。当然除了这些元素,网页中还可以包含音频、视频以及动画等。
(1)静态网页
- 用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。
- 静态网页更新不方便,但是访问速度快。
(2)动态网页
- 显示的内容则会随着用户操作和时间的不同而变化。
- 动态网页可以和服务器数据库进行实时的数据交换。
2.名词解释
名词 | 名词释义 |
Internet网络 | 就是通常所说的互联网,是由一些使用公用语言互相通信的计算机连接而成的网络。 |
WWW | WWW(英文World Wide Web的缩写)中文译为“万维网”是Intertnet提供的一种网页浏览服务。 |
URL | URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符” URL其实就是Web地址,俗称“网址”。 |
DNS | DNS (英文Domain Name System的缩写)是域名解析系统。 |
HTTP和HTTPS | HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议,是一种详细规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,要比HTTP协议安全。 |
Web | Web通常指互联网的使用环境。但对于网站制作者来说,它是一系列技术的复合总称,通常称之为网页。 |
W3C组织 | W3C(英文World Wide Web Consortium的缩写)中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。 |
3.web标准
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTML、XHTML、CSS、Javascript等等。
(1)结构标准
结构标准用于对网页元素进行整理和分类,主要包括:HTML、XML和XHTML。
(2)表现标准
表现标准用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
(3)行为标准
行为标准是指网页模型的定义及交互的编写,主要包括两个部分:DOM和ECMAScript。
第二部分:网页制作技术入门
HTML、CSS和JavaScript是网页制作的标准语言,要想学好、学会网页制作技术,首先需要对它们有一个整体的认识。
1.HTML
HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
2.CSS
CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
3.JavaScript
JavaScript是网页中的一种脚本语言,其前身叫做LiveScript,由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后,Netscape公司和Sun公司于1995年一起重新设计了LiveScript,并把它改名为JavaScript。
4.常见浏览器内核