陈其鑫

陈其鑫

计算机网络与多媒体

二、 Internet及其应用

主要内容

Internet 的接入

TCP/IP 协议基础

网络互连和广域网技术

• Internet 服务提供者（ ISP， Internet Service Provider）能为用户提供 Internet 接入服务。一方面，它是用户接入 Internet 的入口点；另一方面， ISP 还能为用户提供多种信息服务。如电子邮件服务、信息发布代理服务等。

• ISP和 Internet 相连，它位于 Internet 的边缘。用户借助于 ISP 便可以接入 Internet 。目前，各个国家和地区都有自己的 ISP 。我国的四大互联网运营机构CHINANET、 CERNET、 CSTNET、 GBNET 在全国的大中型城市都设立了 ISP 。例如， CHINANET的“ 163” 服务， CERNET 对各大专院校及科研单位的服务等。除此之外，还有许多由四大互联网延伸出来的ISP 。

Internet 的接入 -(1)ISP 与接入网

• 用户的计算机必须通过某种通信线路连接到 ISP ，再借助于 ISP 接入Internet 。

• 接入网在一般意义上是指骨干网络到用户终端之间的所有设备，其长度一般为几百米到几千米，因而被形象地称为“最后一千米”。

Internet 的接入 -(1)ISP 与接入网

汇聚2

汇聚3汇聚1

汇聚4

中心汇聚

中心汇聚

中心机房中心机房

中心汇聚

中心汇聚

社区B

社区A

1GB

100MB

绿色区域属于接入网部分

接入方式 :

ISDN、 DDN、 LAN、 ADSL 等。网络接入方式的结构，统称为网络的接入技术，其发生在连接网络

与用户的最后一段路程。目前， Internet 接入技术有很多种，按大类分为窄带接入和宽带接

入。采用 Modem 通过电话线拨号接入和采用 ISDN 通过电话线和网络终端 NT1 接入一般认为属于窄带接入。目前宽带接入技术分为以下几种： – 1、 ADSL； 2 、以太网；– 3、 HFC（ Hybrid Fiber Coaxial ，指光纤同轴电缆混合网

）； – 4、 DDN（ Digital Data Network ，即数字数据网）； – 5 、帧中继（ Frame Relay ）； 6 、无线接入技术。

Internet 的接入 -(2 ）接入方式和技术

• ADSL是 Asymmetric Digital Subscriber Loop （非对称数字用户回路）的缩写，它的特点是能在现有的普通铜双绞电话线上提供高达 8Mb/s 的高速下载速率和 1Mb/s 的上行速率，而其传输距离为 3km到 5km 。

• 其优势在于可以不需要重新布线，充分利用现有的电话线网络，只需在线路两端加装ADSL 设备即可为用户提供高速高带宽的接入服务，它的速度是普通 Modem 拨号速度所不能及的，就连 ISDN 的传输率也只有它的百分之一。

Internet 的接入 -(2 ）接入方式和技术

1、宽带拨号接入 Internet 是现今家庭用户常见的Internet 接入方式，在完成硬件设备的准备和物理连接后（这些可以由 ISP 提供并完成安装），我们就可以进行宽带拨号设置了。

Internet 的接入 -(3 ）接入设置

2、局域网接入 Internet

Internet 的接入 -(3 ）接入设置

一般是大单位用户，比如学校、研究所、工厂等企事业单位。因为这些单位有自己的路由器和交换机等网络连接设备以及网络管理技术员，终端用户只需设置好本地连接中的 TCP/IP 协议就可以了。

WWW 服务

• World Wide Web( 全球资讯网 )

两种基本方式。• 一种是手工直接编写，即使用记事本等纯文

本编辑器直接编写网页脚本，存为 .htm或 .html格式；

• 另一种是使用可视化 HTML编辑器如FrontPage、 Dreamweaver 等可视地生成Web页面。

WEB 网页设计 - 基本方法

WEB 网页设计 - 常规方法 1

自顶向下的设计方法

根首页

一级目录1 一级目录2 一级目录3

二级目录21 二级目录22 二级目录23

页面1 页面2 页面3


自底向上的设计方法

根首页

一级目录1 一级目录2 一级目录3


页面页面页面页面页面页面…… ……


不断增补的设计方法根首页

一级目录1 一级目录2


页面页面页面

• <html>

• <head>

• <title>HTML语言的基本结构 </title>

• </head>

• <body>

• HTML 是使用特殊标记来描述文档结构和表现形式的一种语言。

• </body>

• </html>

HTML 语言 - 基本结构

• 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。

• 长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素（ pixel ）和百分比（ % ），像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。

HTML 语言 - 长度单位

• <html>

• <head>

• <title>HTML语言的长度表示 </title>

• </head>

• <body>

• HTML 是使用特殊标记来描述文档结构和表现形式的一种语言。

• <hr width="500"> <!绝对长度的声明 >

• <hr width="50%"> <! 相对长度的声明 >

• </body>

• </html>

HTML 语言 - 长度单位

和长度单位一样，颜色单位也是描述页面表现形式的一种很重要的数据类型。颜色单位有三种表示方法：16 进制颜色代码、 10 进制 RGB码、直接颜色名称。这三种表示方法不同，但是效果却是一样的。

HTML 语言 - 颜色单位

<html> <head> <title>HTML语言中颜色的不同表示方法 </title> </head> <body> 静夜思 <!红色 > 窗前明月光 <!绿色 > 疑是地上霜 <!蓝色 > 举头望明月 <!黄色 > 低头思故乡 <!栗色 > </body></html>

URL 路径是一种互联网地址的表示法。在这个数据里可以包括以何种协议连接、要连接到哪一个地址、连接地址的端口（ Port ）号以及服务器（ Server ）里文件的完整路径和文件名称等信息。在 HTML中， URL 路径分为两种形式：绝对路经和相对路径。

HTML 语言 -URL 路径

<html> <head> <title>HTML语言中颜色的不同表示方法 </title> </head> <body> 静夜思 <!红色 > 窗前明月光 <!绿色 > 疑是地上霜 <!蓝色 > 举头望明月 <!黄色 > 低头思故乡 <!栗色 > </body></html>

• 绝对路径是将服务器上磁盘驱动器名称等完整的写出来，同时也会表现出磁盘上的目录结构。

• 语法格式：<scheme>:<scheme_dependent_information>

• 其中， <scheme> 是某一种传输协议，而 <scheme_dependent_information> 则是连接的位置信息。

• 例如：• <a href="http://www.frontfree.net"> • <a href="file:///D:/test/html.htm">

HTML 语言 -URL 路径 - 绝对路径

• 相对路径是相对于当前的 HTML文档所在目录或站点根目录的路径。

• 语法格式：相对关系 / 部分路径 / 文件名• 根据相对路径的参照点又可以分为相对文档的相对路径以及相对根目录的相对路径。

• 相对文档的相对路径这种路径的表现形式是根据目标文档所在目录和当前文档所在目录之间的关系的一种表现形式。“ ../”表示上一级目录，没有“ ../”表示当前目录。例如当前文档的路径是： test/project1/index.htm 。我们要找 test 目录下的 index.htm 。而当前的目录是 project1 ，我们要回到上一级目录中，所以路径是“ ../index.htm” 。

• 相对根目录的相对路径是根据目标文档相对于根目录的关系的一种表现形式。在这种表达式中的第一个字符是“ /” ，这个符号表示这个路径是一个相对于根目录的表达式。例如： <a href="/test/html.htm">

HTML 语言 -URL 路径 - 相对路径

谢谢！

Documents

陈其鑫