1.1网页的相关概念(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

第1章 网页设计基础 教学任务： 掌握网页的相关概念：网络、Internet、网站、制作网页的基本步骤 学习Dreamweaver CS4的安装与启动、操作环境 学会创建一个新的网站“好可工作室” 教学重点与难点： Dreamweaver CS4的操作环境 创建一个新的网站 1.1网页的相关概念 在制作网页之前应首先了解网络、Internet、网页、网站以及制作网页的基本步骤等相关知识。 计算机网络是将地理位置不同并具有独立工作能力的多个计算机系统和其他设备通过通信线路（网络介质）互连在一起，使用通用的网络协议，实现网络资源共享和互相快速通信的整个信息系统。 1．什么是 Internet  Internet 一词来源于英文 Interconnect Networks，即“互连各个网络” ，中文译名为“因特网” 。Internet 专指全球范围内最大的、由众多网络相互连接而成的、基于 TCP/IP 协议的计算机网络。Internet 是当今世界最大的计算机互连网络系统，由全球 100 多个国家和地区不同功能的计算机、通信骨干网和各种计算机网络通过线路连接在一起的一个世界范围的网络。 2.TCP/IP 协议 TCP/IP（Transmission Control Protocol/Internet Protocol），中文译名为传输控制协议/互联网络协议），是 Internet 最基本的协议，是由底层的 IP 协议和 TCP 协议组成的。 TCP/IP 协议的开发工作始于 70 年代，是用于互联网的第一套协议。 TCP 和 IP 可以单独使用，但经常是协同工作，互相补充。简单地说，IP 提供了数据传输的灵活性，TCP 提供了数据传输的可靠性。 3.Internet 地址 (1)  Internet 地址 Internet 采用一种唯一通用的地址格式，为 Internet 中的网络和主机分配一个地址。Internet 中地址类型有 IP 地址和域名地址两种。  ①IP 地址 除了可以在统一资源定位器中输入域名来访问需要的资源之外，还可以使用IP地址来进行访问。每一台上网的计算机都有一个唯一标识主机的号码，这就是IP地址。IP地址是一组32位的数字，如202.106.185.241。 ②域名 IP地址是一长串的数字号码，这些数字难记又难理解，为了方便用户理解、记忆，科学家们引入了域名的概念。域名是用一些英文字符来代替IP地址，这些英文字符一般都是英文单词，也可能是拼音字母，它们基本上和站点名称一致，因此记忆起来就十分容易了。域名的一般书写格式为主机名.机构名.地区名，如www.sina.com.cn就是新浪站点的域名。 4.万维网、网页和网站 （1）什么是万维网 万维网也称做 WWW，是 World Wide Web（全球信息网）的缩写。万维网提供了非常丰富的信息，各种信息按不同的类型以网页文件的形式分别存放在万维网服务器上，供人们选择查阅。 万维网 WWW 制定了一套标准，有容易掌握的超文本 HTML、统一的资源定位器 URL 和超文本传输协议（HyperText Transfer Protocol，HTTP） 。 浏览 WWW 必须通过浏览器来完成。浏览器是用来访问 Internet 的超文本技术，是使用最广泛的网络软件，它可以提供包括 WWW 的浏览、搜索、网络资讯的打印和收发 E-mail 的功能。 在浏览器中，比较有代表性的有 IE（Internet Explorer） 、Netscape 和 Opera 等。还有国内腾讯公司的TT浏览器。   （2）网页和网站 组成 WWW 的基本元素是网页，网页也称为页面或 Web 页。 ①网页的定义 在网上浏览时看到的一个个页面就是网页。如图1-1所示即为一个网页的界面。 ②网页的分类 按网页在一个站点中所处的位置可将其分为主页和内页（分支页面），主页是指进入一个站点时看到的第一页，内页（分支页面）是指与主页相链接的页面。 按网页的表现形式可将网页分为静态网页和动态网页。 ③网站 通常把一系列在逻辑上可以视为一个整体的页面称做网站，或者说网站就是一个相互链接的网页集合，它们可以共享。网站的概念是相对的，大网站（例如“雅虎网”和“新浪网” ），页面很多，而且位于多台服务器上；小网站可以是一些个人网站，可能只有几个网页，仅在一台服务器上占据很小的空间。 ④网站标志（Logo） 利用一切可利用的视觉元素和方法针对主题概括出高度简洁并集中体现站点特色和内涵的图像与文字。 在设计网站标志时，可以有代表性的人物、动物和花草作为蓝本进行设计，如新浪的眼睛标志和迪斯尼的米老鼠等。最简单的方法是用网站的英文名称作标志，如新浪用