《Dreamweaver应用与网页设计案例教程 普通高等教育十一五 国家级规划教材 教学课件 PPT 作者 杨长安 沈大林 孟昭勇 第1章Internet和使用HTML》由会员分享，可在线阅读，更多相关《Dreamweaver应用与网页设计案例教程 普通高等教育十一五 国家级规划教材 教学课件 PPT 作者 杨长安 沈大林 孟昭勇 第1章Internet和使用HTML（70页珍藏版）》请在金锄头文库上搜索。
1、 1 第 1 1 章 Internet 和使用 HTML 制作网页 1.1 Internet 和 HTML 简介 【相关知识】Internet 简介 Internet 是当今世界最大的计算机网络系统，将全球 100 多个国家和地区不同功能的计算机、通 信骨干网和各种计算机网络通过线路连接在一起。 在 Internet 中，资源是存放在服务器上的。服务器存储着各种各样的信息，提供多种服务功能。 2 用户通过客户机（个人计算机）访问服务器，从而获取资源。Internet 服务器的资源主要有超级计算 中心、图书文献中心、技术资料中心、公共软件库、科学数据库、地址目录库和信息库等。Internet 服
2、务器的主要信息服务有万维网（WWW）服务、电子邮件（E-mail）服务、远程登录（Telnet）服务、 文件传输（FTP）服务、网络新闻（Usenet）服务和电子公告板（BBS）服务，还有网上购物、网上会议、 网上聊天、网上炒股、网上交友、网上书店、网上报刊、网上广播、网上画廊、网上电影和网上音乐等。 各服务器之间通过网络协议相互连接，配合工作，资源共享。当用户与其中一台服务器建立连接后，便 可以以连接的方式访问整个网络，服务程序可以根据用户的需要自动从一台服务器转移到另一台服务 器。一旦进入了 Internet，无论所需要的信息是在哪一个国家或地区的服务器上，只要是合法的登录 者，就可以享用
3、所需要的信息和资源。 3 【相关知识】Internet 地址 Internet 采用一种通用的地址格式， 为 Internet 中的每一个网络甚至每一台主机都分配了一个地 址。Internet 中的地址类型有 IP 地址和域名地址两种。 1IP 地址 连接在 Internet 上的每台计算机都有一个唯一的地址， 即 IP 地址。 发送方计算机在通信之前必须 知道接收方计算机的地址，这和人们日常邮寄普通信件是一样的道理。IP 地址由 4 个以小数点隔开的 十进制整数组成，每个整数的范围是 0255。Internet 上的每一台计算机和路由器都有一个由相关的 管理机构指定的 IP 地址。例如，有一
4、台计算机的 IP 地址为 142.7.1.3，而另一台计算机的 IP 地址为 126.12.3.20。IP 地址分为以下 5 类。 类（A Class） ：0.0.0.0127.255.255.255，适用于大型网络。 4 类（B Class） ：128.0.0.0191.255.255.255，适用于中型网络。 类（C Class） ：192.0.0.0223.255.255.255，适用于小型网络。 类和 E 类：保留做特殊用途。 2计算机域名 由于 IP 地址是数字型的，不方便记忆，也难以理解，所以 Internet 还采用了另一套字符（可以有 英文字母、数字和汉字等）的地址方案，即域名
5、地址。它用具有一定意义的字符串来标记主机地址。IP 与域名地址两者相互对应，而且保持全网统一。在网络中，一台主机的 IP 地址是唯一的，但它的域名 却可以有多个。Internet 的域名要通过申请，并需每年交纳一定的费用。 域名系统（Domain Name System，DNS）负责将 Internet 上每台主机的域名转换成 IP 地址的系统。 输入要查找的主机的域名， 只有在 DNS 系统把它转换成 IP 地址后， 计算机才能够根据 IP 地址进行查找。 5 当然，并不是每一台在 Internet 上的主机都有域名的，例如，拨号上网的用户每次链接 Internet 时， 只需要一个“动态”
6、的 IP 地址，不需要域名。也就是说，Internet 上的每台主机都有一个 IP 地址， 但不一定有域名。 【相关知识】万维网、网页和网站 1什么是万维网 万维网（World Wide Web，WWW）是欧洲粒子物理研究所（CERN）的科学家 Tim Berners-Lee 发明 的。他提出了超文本（Hypertext）的结构体系，该体系是由相互关联的文件组成的一种高级的基于超 文本的浏览和搜索方式， 目的是让大家在不同地方以一种简洁的方式共享信息资源。 万维网提供了非常 丰富的信息，各种信息按不同的类型以网页文件的形式分别存放在万维网服务器上，供人们选择查阅。 万维网使得浏览Interne
7、t上的信息变得非常简单， 它已成为Internet用户使用最广泛的网络服务系统。 6 万维网制定了一套标准，有容易掌握的超文本标记语言（HTML） 、统一的资源定位符（URL）和超文 本传输协议（Hyper Text Transport Protocol，HTTP） 。 超文本传输协议是在浏览器与 Web 服务器间建立链接的协议标准。 超文本由若干互联的超媒体文件 组成， 它实际是通过超链接把一些具有超媒体特性的信息链接起来的一种新型的信息管理技术。 超媒体 不但包括文本内容，还包括图像、动画、声音和视频等。超链接就是通过超文本中的链接点（也叫“参 考点”或“热点” ）建立与其他超媒体文件的链
8、接，用鼠标单击参考点即可调出与之相链接的其他超媒 体文件（如网页） 。 2网页和网站 组成万维网的基本元素是网页，也称为页面或 Web 页。不同的网页通过超链接联系在一起，构成了 万维网的纵横交织结构。 万维网是由无数的 Web 服务器构成的， 用户可以通过浏览器访问这些服务器上 7 的网页。 通常把一系列逻辑上可以视为一个整体的页面叫做网站， 或者说网站就是一个相互链接的可以共享 的网页集合。网站的概念是相对的，大网站（例如有些门户网站）页面多得无法计数，而且位于多台服 务器上；小网站可以是一些个人网站，可能只有几个网页，仅在一台服务器上占据很小的空间。 网页与网页之间的关系并不是完全相同的
9、。 主页是网站中的一个特殊页面， 它是进入网站的第一个 页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如 index.htm 或 index.html 等 （.htm 或.html 扩展名表示是 HTML 文档） 。 【相关知识】了解 HTML 超文本标记语言（Hyper Text Markup Language，HTML）是一种用来制作超文本文档的简单标记语 言， 它是全球广域网上描述网页内容和外观的标准。 HTML 不能算做一种程序设计语言 （像 C/C+、 Visual 8 Basic、Java 之类的程序语言） ，而是一种 Internet 上常见的网页制作标记性（描述
10、文档结构的标注） 语言。它与操作系统平台（例如 Linux 和 Windows 等）的选择无关，只要有浏览器就可以运行 HTML 文 档，显示网页内容。HTML 使用了一些约定的标记，对万维网上的各种信息进行标注。浏览器会自动将 HTML 标记进行翻译，在屏幕上显示出相应的内容，而标记符号不会在屏幕上显示出来。 HTML 是一切网页实现的基础，在网络中浏览的网页一般都是 HTML 文件。这些网页中可以包含有文 字、 图片、 动画和声音， 还可以从当前文件跳转到另一个文件， 与网络中世界各地主机上的文件相链接， 故称为超文本文件。 1HTML 文件特点 HTML 文件是标准的 ASCII 文件，
11、它看起来像是加入了许多被称为标记（也称为标签）的特殊字符 串的普遍文本文件。从结构上讲，HTML 文件由标记组成，通常由尖括号“”以及其中所包含 9 的标记元素组成，例如与就是一对标记，称为文件头部标记，用来记录相关信息。组成 HTML 文件的标记有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数标记是“容器” ，即 它们有起始标记和结尾标记。 很多标记都有名称和可选择的属性。 “属性名” 、 “”和“属性值”结合构成一个完整的属性。一 个标记可以有多个属性， 各个属性之间用空格分开。 一个标记的内部可以包括其他标记。 一般来讲， HTML 的标记有下列 3 种表示方法。 （1）文件或
12、超文本 （2）文本或超文本 （3） 第 3 种写法仅用于一些特殊的标记，例如换行标记，它仅仅通知浏览器在此处换行，因而不需 10 要界定作用范围。 部分标记拥有自己的属性。 属性能够为页面上的 HTML 标记提供附加信息， 它只可加在起始标记中。 属性通常以属性名和值成对出现，格式如下： name=“value“ 其中 name 为属性名称，value 为所设置的属性值。例如： 标记定义了 HTML 页面的主体标记，附加的 bgcolor 属性用于设置网页的背景颜色。上述标 记的意思是将网页的背景色设置为蓝色。 属性值通常被包含在双引号中。在某些情况下，属性值本身包含引号，此时可以使用单引号代
13、替通 常使用的双引号。 标记名称不区分大小写，例如、和表示相同的意思。万维网联盟（World Wide 11 Web Consortium，W3C）在 HTML 4 中提倡使用小写标记。 2网页基本结构标记 HTML 的标记种类很多，常用的标记含义介绍如下。 （1）：它是 HTML 文档中最基本的标记，用来通知客户端该文档是 HTML 文档，该 标记在 HTML 文档中不可缺少。 表示 HTML 文档的开始， 表示 HTML 文档的结束。 注意， HTML 文档中的起始链接标签“：它是网页头部标记，标明文档的头部信息，可以提高网页文档的可读性， 一般包括标题、段落、列表等。它可以忽略，但一般不
14、推荐这样做。 （3）：它是网页主题内容标记，用来指明文档的主体区域，其中包含了网页的正 文内容，一般不可缺少。 12 上述 3 个标记用于描述页面的整体结构，它们不影响页面的显示效果，用于对 HTML 文档进行解释 和过滤。 （4）：它是网页的标题，它必须放在标记之内。 TITLE 标记是文件头中的标记，它也只能出现在文件头中。TITLE 标明该 HTML 文件的题目，是对文 件内容的概括。文件的题目一般不会显示在文本窗口中，而以窗口的名称显示出来。除了标记窗口外， 当将某一个网页存入书签或文件时，TITLE 还用作书签名或默认的文件名。其长度没有限制，但过长的 题目会导致折行，因此一般情况下
15、不应超过 64 个字符。 （5）：使用标记中的 BGCOLOR 属性，可以设置网页的背景颜色。 使用的格式有以下两种。 13 在第一种格式中，RR、GG、BB 分别用来表示颜色中的红色、绿色和蓝色成分的多少，数值越大， 颜色越深，它们的取值分别为 00FF 的十六进制数。红、绿、蓝三色按一定比例混合可以得到各种颜 色，如 RR=FF，GG=FF，BB=00，表示为黄色；RRGGBB 取值为 000000 表示为黑色；取值为 FFFFFF 表示为 白色；取值为 FF8888 表示为浅红色。 第二种格式是直接使用颜色的英文名称来设定网页的背景颜色。例如： ：设置网页的背景颜色为蓝色。 ：设置网页的
16、背景颜色为红色。 ：设置网页的背景颜色为白色。 （6）：图像标记，用来加载图像与 GIF 动画。标记最重要的属性是 SRC，用来指明图像 与 GIF 动画文件的路径，其格式如下。 （7）：换行标记，表示以后的内容移到下一行。它是单向标记，没有。 14 （8）：它是保留文本原来格式的标记，用于将其中的文本内容按照原来的格式显示， 否则浏览器会自动取消文本中的连续多个空格、回车换行等内容。 （9）：粗体标记，可使其中的文字变为粗体。 3其他常用标记 （1）：正文的标题标记，它有第一、二、三、四、五、六级标题标记，分别为 、和。一般情况下，浏览器 对标题做如下解释。 H1：黑体，特大字体，居中，上下各有两行空行。 H2：黑体，大字体，上下各有一到两行空行。 H3：黑体（斜体） ，大字体，左端微缩进，上下空行。 15 H4：黑体，普通字体，比 H3 更多缩进，上边一空行。 H5：黑体（斜体） ，与 H4 相同缩进，上
