第四章计算机网络基础及应用 ( 二 )

1

第四章计算机网络基础及应用第四章计算机网络基础及应用(( 二二 ))

4.2 4.2 局域网局域网

2

4.2.1 4.2.1 局域网特点及传输介质局域网特点及传输介质

3

1. 1. 局域网的基本特点局域网的基本特点（ 1 ）连网范围较小

一般距离在几百米到十几公里。如：公司、校园、厂区或一个建筑物等。

（ 2 ）传输速率高它的传输速率范围为 0.1Mbps~155Mbps 。目前，数据传输速率高达 1000Mbps 的高速局域网正在发展之中。

（ 3 ）误码率低误码率低至 10-8~10-11。

（ 4 ）保密性好可靠性高，便于安装和维护。

4

22 ．常用传输介质．常用传输介质（ 1 ）双绞线（ 2 ）光纤（ 3 ）无线介质

1 ）微波通信2 ）卫星通信3 ）蜂窝无线通信

（ 4 ）同轴电缆

5

4.2.2 Ethernet4.2.2 Ethernet 网络网络 1. 什么是以太网

Ethernet （以太）网是一种局域网络适用于作办公自动化、分布式数据处理、终端访问等；

以太网的拓朴结构为总线型；以太网的数据传输速率为 10Mbps ；高速以太网速率可达 1000Mbps ；以太网采用 CSMA/CD 介质访问控制；用历史上表示传播电磁波的以太（ Ether ）命名

6

22 ．． CSMA/CDCSMA/CD 协议协议局域网要解决介质访问控制问题总线局域网采用 CSMA/CD—— 载波侦听多路访问／冲突检测的介质访问控制方案

是用来解决多站点如何共享公用总线传输介质的问题；

可以将以上工作过程简单地概括为四点：先听后发，边听边发，冲突停止，随机重发。

7

3. 3. 以太网的发展以太网的发展从 10Mbps~100Mbps~1000Mbps 1998 年制定了第一个千兆以太网协议目前，千兆以太网已经发展成为主流网络技术。大到成千上万人的大型企业，小到几十人的中小型企业，在建设企业局域网时都会把千兆以太网技术作为首选的高速网络技术。千兆以太网技术甚至正在取代ATM 技术，成为城域网建设的主力军。

8

4.2.3 4.2.3 网络互连网络互连把网络与网络连接起来，在用户之间实现跨网络的通信与操作的技术

目的：扩大网络服务的范围和内容

802. 5LAN

网关

X. 25 WAN

SNA WAN

网关

网关网关网桥

802. 3 LAN 802. 4 LAN 802. 3 LAN

LAN- - LAN LAN- - WAN LAN- - WAN- - LAN

WAN- - WAN

9

互连的类型互连的类型1. 局域网（ LAN ）—－局域网（ LAN ）。2. 局域网（ LAN ）—－广域网（ WAN ）。3. 局域网（ LAN ）—－广域网（ WAN ）—－局域

网（ LAN ）。4. 广域网（ WAN ）—－广域网（ WAN ）

不同类型的互联采用不同的互联设备

10

互连设备——中继器互连设备——中继器中继器（ repeater ）是物理层的互连设备用于连接两个相同的局域网，其作用是把局域网中传输的电信号增强后送到另一个局域网上。它要求网络是同类型的，而且具有相同的协议和速率，它起到了维持通过局域网的信号电平，从而扩展了局域网段的长度。

11

互连设备——集线器互连设备——集线器集线器（ HUB ）也工作在 OSI模型的第一层，即物理层

作用与中继器类似，是网络的中心连接点。它的多个端口可用来连接多台计算机和服务器

形式上看是星型的连接，内部实际是总线结构，采用 CSMA/CD 协议

12

互连设备——交换式集线器互连设备——交换式集线器交换机和交换式集线器均被称为交换机（ switc

h HUB ）；能动态分配总线上的带宽到结点对；交换机和集线器只是在工作方式上不同，而在其他方面则完全一致，例如，在连线方式、物理拓扑结构、故障指示、组网功能，以及网卡、传输介质和速度选择等方面完全一致；

13

互连设备——路由器互连设备——路由器路由器 (Router) 是网络层的互连设备，工作在 OSI 协

议的下三层；路由器是在 80 年代后期流行起来的，由于当时互连网

络的规模越来越大，更多的异种网需要互连，而网桥已无法适应这种环境

路由器实现了具有相同类型和不同类型的网络互连，包括局域网—局域网、局域网—广域网、广域网—广域网的互连；

具有简单的安全管理、减少广播通信量以及处理特殊地址限制等功能

Linksys 无线路由器

14

互连设备——网关互连设备——网关网关 (Gateway) 是传送层及其以上层次的互连设备；

网关实现不同网络协议之间的转换是通过使用适当的硬件与软件；

硬件提供不同网络的接口，软件实现不同的互连网协议之间的转换。

朗威华环 V.35 转以太网设备

15

第五章网页制作第五章网页制作

网页和网站网页和网站HTMLHTML 超文本标记语言超文本标记语言

网页制作工具网页制作工具

16

5.15.1..1 1 网页制作语言网页制作语言 HTML ( Hyper Text Maker La

nguage) 是一种超文本标记语言，用来描述WWW 上的超文本文件。

<html> 

<head> 

<title>个人网站</title> 

</head> 

<body> 

< bgproperties="fixed" background="file:///D:/bj2.jpg">



<h1 align="center">

<font face="方正舒体" size="7">站长欢迎你</font></h1>

<!—用方正舒体、1级标题，居中显示页面文字-->

<h2 align="right">

<font face="华文隶书"> 欢迎欢迎</font></h2>

<!—用华文隶书、2级标题，右对齐显示页面文字-->

</body> 

</html> 

17

HTMLHTML文本的基本结构文本的基本结构

＜Html＞

＜Head＞

＜Ti tle＞页头标题＜/Ti tle＞

…

＜/Head＞

＜Body＞

…

＜/Body＞

＜/Html＞

<html> 

<head> 

<title>个人网站</title> 

</head> 

<body> 

<p>进入<a href="df1.htm">古典文学</a></p> 

<p align="center"><a href="http://www.sina.com"><img border="2" src=" tp2.jpg" width="100" height="93"></a></p>

<!—图像超级链接到 http://www.sina.com-->

</body>＜/Html＞ 

18

HTMLHTML文本的基本结构文本的基本结构 <table border="4" cellspacing="1" width="249" id="AutoNumber1" bordercolorlight="#808000"

bgcolor="#FFFFFF" bordercolordark="#800080"> <!—定义整个表格格式-->

caption>课程表</caption> <!—定义整个表格标题-->

<tr> <!—定义表格行-->

<th width="180">时间</th> <!—定义单元的标题-->

<th width="344">课程内容</th> <!—定义单元的标题-->

</tr>

<tr>

<td width="180">1月</td> <!—定义表格内的一个列上的数据项-->

<td width="177">图像处理</td> <!—定义表格内的一个列上的数据项-->

</tr>

<tr>

<td width="180">2月</td>

<td width="177">动画</td>

</tr>

19

5.1.2 5.1.2 网页制作工具之一网页制作工具之一

20

55．． 2 2 网页制作步骤网页制作步骤

5.2.15.2.1 网站与网页网站与网页

21

网站与网页网站与网页万维网 (WWW) 上用浏览器观看的每个屏幕页面都是“网页”；

网站是能够被人用浏览器访问并包含组织好的一组网页，也称为“站点”；

网站一般由硬件和软件两部分组成，我们教材中主要讨论这“组织好的一组网页”的软件部分；

例如：“ google.htm” 是网页加上” google.files”才是完整的；

演示无” google.files”打开网页的情况；

22

网站与网页网站与网页网站需要服务器驱动，网页则只需要服务器空间。网站支持邮件服务器，网页无法提供该功能。

综上所述网站是以数据为核心，以服务器为基础的浏览者 -管理员 -系统管理员相互关联、相互促进、有机制约的信息化整体。网页则是静态页面各自为政，仅仅提供链接的 HTML文件。

23

网站的制作流程网站的制作流程

决定网站主题

规划内容与搜集资料

建立网站架构图

制作网页

网页上传与维护

24

网页内容及版面布局的设计网页内容及版面布局的设计

美术字：计算机应用基础

展示自己的风采显示自己的能力

字幕：自己设计网页

超级链接： HTML 和网页的关系超级链接：网页的设计和制作超级链接：个人网页的发布

一张动画

25

网页内容的设计网页内容的设计HTML 文件名： "index.htm"网页名称： " 网页的设计和制作 "网页背景：带有纹理的灰色大理石网页上有文字： " 计算机应用基础课程 "

" 展示自己的风采 " 、 " 显示自己的能力 "

上面两句话之间插入一张恰当的图形滚动的字幕内容： " 自己制作网页 "超级勾链文字：“ HTML 和网页的关系”

勾链到另一网页： "html 和网页 .htm"超级勾链文字：“网页的设计和制作”

勾链到另一网页： " 设计和制作 .htm"超级勾链文字：“个人网页的发布”

勾链到另一网页： " 网页发布 .htm”

26

布局注意的原则布局注意的原则页面布局的平衡，不要太挤也不要太空；页面色彩的平衡，重点突出，不要太单调，也不要太花里胡哨；

页面不宜过长，不便于观察；选用的图像内容要恰当，应该有助于内容的展开；适当使用动画可以增加网页页面的美观和生动；等等

27

收集素材收集素材网上下载一些材料，特别是适用的图片或者从一些光盘的资料库、图片库中挑选，在本例中：

背景采用文件 "bg.gif" ；动画采用文件 "0861.gif" ；为了使文字比较美观，采用艺术字表现文字

可以预先在 Word 软件或 PowerPoint 软件中制作好，以备使用

艺术字被粘贴到网页中将变成一张图片素材选用的内容在网页制作过程中可以不断改变，以期达到最好的效果。

28

素材图例素材图例

背景用的 bg.jpg 动画用的 0861.gif

用艺术字写的标题文字

用艺术字写的左右用文字

29

注意事项注意事项一般来说这些素材所涉及的文件应该放在同一个子目录以及它的下级子目录中

便于调用和管理便于该网页的浏览便于向 Web Server 上传发布除了内容编辑、实验 12 是最基本的要求

Documents

第四章 计算机网络基础及应用 ( 二 )

第四章计算机网络基础及应用 ( 二 )