网页设计与制作案例教程（HTML+CSS+DIV+JavaScript）全套PPT课件.pptx

了解网页的构成；

了解网页的相关概念；

熟悉常用的浏览器；

熟悉网页制作的工具软件;第1章网页设计概述;为了使初学者更好地认识网页，首先看一下新浪网的网站。

从下图可以看到，网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。;网页显示什么内容以及怎样显示网页内容是由网页源代码决定的。在浏览器中右键单击鼠标，选择“查看源代码”命令，在打开的窗口中便会显示当前网页的源代码。;网页源代码文件，是一个纯文本文件，是由一些网页标记构成的。源文件被浏览器显示出来后，便是我们看到的网页。

除了首页之外，一个网站通常还包含多个子页面，通过点击首页上的超链接，可以进入其他子页面。网站其实就是多个网页的集合。

网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。动态网页显示的内容可以通过后台实现即时更新，更新内容很方便。动态网页在服务器端有数据库进行存储信息。

我们初学者学习网站制作时通常先学习静态网站的制作，然后再学习动态网站的制作。

;对于从事网页制作的人员来说，与互联网相关的一些专业术语是必须要了解的，例如IP地址、URL、HTTP、HTML等概念。

IP地址

IP地址(InternetProtocolAddress)用于确定Internet上的每台主机，它是每台主机唯一性的标识。在Internet上，每台计算机或网络设备的IP地址是全世界唯一的。

IP地址的格式是xxx.xxx.xxx.xxx，其中xxx是0到255之间的任意整数。

例如，某台主机的IP地址是32。;域名

由于IP地址是数字编码，不易记忆，所以我们平时上网所使用的大多是诸如之类的地址，即域名地址。www表示的是万维网。

例如，是山东信息职业技术学院的域名。为了使初学者更好地认识网页，首先看一下新浪网的网站。

URL

URL是UniformResourceLocator的缩写，中文译为“统一资源定位符”，其实就是WEB地址，俗称“网址”。在WWW上的所有文件都有唯一的URL，只要知道资源的URL，就能够对其访问。

URL格式：协议名：//主机域名或IP地址/路径/文件名称

例如，/index.asp就是山东信息职业技术学院网站首页的URL地址。;HTTP

HTTP是HyperTextTransferProtocol的缩写，中文译为“超文本传输协议”。

超文本传输协议(HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。

网站、网页与主页

在浏览网站时看到的每个页面像是书中的一页，我们称之为“网页”。

把一系列逻辑上可以视为一个整体的网页叫网站。

主页是网站在WWW上开始的页面，其中包含指向其他页面的超链接。通常用index.htm或index.html表示。;HTML

HTML是HyperTextMarkupLanguage的缩写，中文译为“超文本标记语言”。

是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容的显示。HTML提供了许多标记，如段落标记、标题标记、超链接标记和图片标记等。网页中需要显示什么内容，就用相应的HTML标记进行描述。

;如果在IE浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令，则系统会启动“记事本”，其中大量的HTML标记和一些文本信息等。

;览器是网页运行的平台，网页文件必须要使用浏览器打开才能看到网页所呈现的效果。目前，常用的浏览器有IE、Firefox（火狐）、Chrome（谷歌）、Safari和Opera等。以及Flash等。;1.IE浏览器

IE浏览器是世界上使用最广泛的浏览器，它由微软公司开发，预装在windows操作系统中。所以我们装完windows系统之后就会有IE浏览器。IE有6.0、7.0、8.0、9.0等版本，目前最新的IE浏览器的版本是IE11。

2.火狐浏览器

MozillaFirefox，中文通常称为“火狐”，是一个开源网页浏览器。火狐浏览器由Mozilla资金会和开源开发者一起开发。由于是开源的，所以它集成了很多小插件，开源拓展等功能。发布于2002年，它也是世界上使用率前五的浏览器。

由于火狐浏览器对WEB标准的执行比较严格，所以在实际网页制作过程中火狐浏览器是最常用的浏览器之一。;3.谷歌浏览器

GoogleChrome，又称谷歌浏览器，是由Google（谷歌）公司开发的开放原始码网页浏览器。