2022年2022年计算机网络技术及应用复习资料 .pdf

《2022年2022年计算机网络技术及应用复习资料 .pdf》由会员分享，可在线阅读，更多相关《2022年2022年计算机网络技术及应用复习资料 .pdf（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1 / 17 计算机网络技术及应用总复习一、网络方面网络概念提要1通讯传输依据传输的方向是单向或双向，可分为单工传输（simplex)、半双工传输（half-duplex )、及全双工传输（ full-duplex ) 等三种 2通讯传输按同一时间传输的资料多少，可分为并行传输（parallel)及串行传输（ serial )两种。3串行传输若按资料是否同步，可再区分为同歩传输及非同步传输两种；其中，同歩传输一次可传送多位二进制数（ characters)的资料量；非同步传输一次只能传送一位二进制数。4网络的传输媒介可分为有线传输媒介及无线传输媒介两大类。下表为各种常见传输媒介的比较表：传送媒

2、介优点缺点双绞线1.成本低2.安裝容易1.信号衰减程度高2.易受电磁波干扰同轴电缆1.成本低2.安装容易3.扩充容易1.可靠性差（部分线路故障，整个网络就会瘫痪）2.网络维护困难光纤1.传输距离远2.传输速率高1.安裝不易2.成本较高微波1.不需要使用缆线2.传输速度较同轴电缆快1. 接近地面时，传输信号易受建筑物阻扰红外线1.价格低廉2.不受无线传输及声波的干扰3.只能一对一传输资料1.传输距离较短2.传输的资料易受其它物件或光源阻隔5当数台电脑之间的数据要透过传输媒介传输，或是两个以上的网络要相互连接时，就必須使用特定的连接装置；這些连接装置的功能列表说明如下：连接设备功能说明调制解调器用

3、来转换数据信号（模拟数字或数字 模拟）网卡用来定义电脑在区域网络中的地址，并将所要传送的资料转换成串行序列形式集线器用來连接星状网络上的电脑设备（同一时间只允许两台电脑设备相互进行资料传输的工作）交换机用来连接星状网络上的电脑设备（同一时间可以有多台电脑设备相互进行资料传输的工作）中继器用来增强传输信号，以延长信号传输距离网桥用來连接使用相同通讯协议的子网络，可避免子网络之間的信息干扰，使网络的传输效率更佳路由器用来提供资料的最佳传输路径，使资料能够快速地送达目的地网关用來连接不同类型的网络，让使用不同通讯协议的网络能名师资料总结 - - -精品资料欢迎下载 - - - - - - - - -

4、 - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 17 页 - - - - - - - - - 2 / 17 夠相互传送与接收信息6区域网络常见的网络拓扑结构树形网络、星形网络及环形网络3 种。7通讯协议（ communication protocol )是一个约定的通讯标准法则，用来规范电脑之间传递信息的方式，以减少信息传输过程中所发生的错误。8国际标准组织（ISO）制定了一套网络通讯标准OSI，作为电脑厂商开发通讯产品的依据标准，下表为 OSI各层所负责处理的工作内容：层次OSI阶层负责的工作第 7 层应用层负责提供网络应用程序与网络之间的沟通

5、界面第 6 层表示层负责信息转换成电脑系统所能识别、处理的格式第 5 层会话层负责协调及建立传输双方的连接第 4 层传输层负责确保信息能够正确无误地传达目的地址第 3 层网络层负责规划或选择信息的最佳传输路径第 2 层链路层负责监督整个信息传输的过程第 1 层物理层负责将传输的信息转换成传输媒介所能负载的信号9无线通讯协议802.11b 可在 100 米的范围内，以无线传输的方式传递信息，传输速度最高可达11Mbps；802.11g 传输速度为54Mbps；新一代的无线通讯协议为802.11n 传输速度为128Mbps 。10蓝牙无线通讯协议，主要应用在短距离（10 米内） ，的数据及语音上，

6、其传输速度约为1Mbps。重点整理计算机网络的定义计算机网络的基本特征，它主要表现在3 个方面：（1）计算机网络建立的主要目的是实现计算机资源的共享。计算机资源主要指计算机硬件、软件与数据。用户不但可以使用本地计算机资源，而且可以通过网络访问连网的远程计算机资源，调用网中几台计算机共同完成某项任务。（2）连网计算机是分布在不同地理位置的独立的“自治计算机”。连网计算机之间可以没有明确的主从关系，每台计算机既可以连网工作，也可以独立工作。连网计算机可以为本地用户提供服务，也可以为远程网络用户提供服务。（3）连网计算机之间的通信必须遵循共同的网络协议。连网计算机之间需要不断地交换数据，要保证这些计

7、算机能有条不紊地交换数据，必须要求每台计算机在交换数据的过程中遵守事先约定好的通信规则。计算机网络分类按照网络覆盖的地理范围分类，计算机网络可以分为3 种类型。（1）局域网（ Local Area Network ，LAN)用于将有限范围内（例如一个实验室、一幢大楼、一个校园）的各种计算机、终端与外部设备互连成网。局域网又可以分为共享局域网与交换局域网。局域网技术发展迅速，应用日益广泛，是计算机网络中最活跃的领域之一。图 1-2 当前的广域网结构（2）城域网（ Metropolitan Area Network，MAN）是介于广域网与局域网之间的一种高速网络。城域网设计的目标是要满足几十km

8、范围内的大量企业、机关、公司的多个局域网互联的需求，以实现大量用户之间的数据、语音与视频等多种信息的传输功能。随着Internet 接人技术的发展，城域网在概念、技术与结构上有很大变化，宽带城域网逐渐取代了传统意义上的城域网。（3）广域网（ Wide Area Network ，WAN)覆盖的地理范围从几十到几千km，它可以覆盖一个国家、地名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 17 页 - - - - - - - - - 3 / 17 区，甚至横跨几个洲，形成国

9、际性的远程网络。广域网的通信子网主要使用分组交换技术。广域网的通信子网可以利用公用分组交换网、卫星通信网和无线分组交换网，将分布在不同地区的计算机系统互联起来，以便达到资源共享的目的。域名服务的概念IP 地址解决了Internet 的全局地址问题，通过IP地址可以找到唯一的一台主机。像日常生活中使用的电话号码一样，IP 地址也有由一连串数字组成的，例如“202. 113. 19.122 ” ，人们通常是难以记住这些数字的。相比 IP 地址来说，人们更喜欢使用名字表示一台主机，例如“www. scut. edu. cn ” ，每个字符都代表一定的意乂，并且在书写上有一定的规律。这样用户就容易理解

10、，同时也容易记忆。因此Internet 采纳了这种命名机制，这就是我们常说的域名机制。如果 Internet 主机之间需要通信，在发送与接收数据时必须使用IP地址。尽管人们可以用名字来表示一台主机， 但是在向这台主机发送数据之前，需要将它的名字转换为对应的IP地址。 Internet 提供了将主机的名字转换为IP 地址的服务。域名（Domain Name) 就是主机的名字。域名系统（Domain Name System，DNS)就是将域名转换为IP 地址的服务。当应用程序遇到一个域名时，它利用域名系统将该域名转化为IP 地址，并在接下来的通信中使用得到的IP地址。域名服务的工作过程如果源主机要

11、访问域名为“www. nankai. edu. cn ”的目的主机，首先向局域网中的DNS服务器（称为主DNS服务器）发送查询请求。如果主DNS服务器査到该域名对应的IP地址为“ 202.113. 29. 66 ” ，向该主机返回包含有IP 地址的查询响应；否则，主DNS 服务器向其他DNS服务器发送査询请求。源主机得到目的主机的 IP地址后，将会在后面的通信过程中使用该IP地址。因此，域名服务的核心技术是借助分布在各处的 DNS服务器完成查询。常用二级域名的意义二级域名名称域名类型ac 科研机构com 商业公司edu 教育机构gov 政府部门int 国内组织net 网络中心org 非贏利性组

12、织Internet 服务类型Internet 可以提供各种类型的服务，其中大多数服务是免费的。本章主要介绍Internet 服务类型，包括WWW 服务、电子邮件、文件传输、远程登录、新闻与公告类服务，以及基于的网络应用。1WWW 服务WWW 通常被简称为Web。WWW 服务是指用户通过浏览器访问Internet 中的网页。 实际上， Web 可以看作一个分布式的超媒体系统，网页是其中信息的基本组织单位，通过它可以访问其链接的各种类型的信息，可能包括文本、图片、音频、视頻等各种文件。基于 WWW 的应用有：（1）电子商务应用（2）电子政务应用（3）远程教育应用（4）博客应用名师资料总结 - -

13、-精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 17 页 - - - - - - - - - 4 / 17 （5）播客与网络电视（6）搜索引擎应用2电子邮件服务电子邮件服务是指用户通过Internet 收发电子形式的邮件。电子邮件是一种非常方便、快速和廉价的通信手段，这是电子邮件所具有的基本特点。在传统通信中需要几天完成的投递过程，电子邮件服务仅用几分钟甚至几秒钟就能完成。3文件传输服务文件传输服务采用文件传输协议（Protocol, FTP)，因此它又被称为FTP服务。文件传输服务允许用户在

14、两台计算机之间传输文件，并保证文件在Internet 中传输的可靠性。文件传输基本概念FTP服务采用的是客户机/服务器模式。FTP服务包括两个组成部分：FTP客户机与FTP服务器。其中，FTP服务器是提供FTP服务的计算机；FTP客户机是用户的本地计算机。图2-35 给出了下载与上载的概念。下载是将文件从FTP 服务器传输到客户机；上载是将文件从FTP客户机传输到服务器。如果用户使用FTP服务传输文件，则不需要对文件进行复杂的转换工作，因此这种服务的工作效率很髙。如果用户要使用FTP服务器提供的FTP服务，首先要从FTP客户机登录到FTP 服务器 ,这时需要输入FTP服务器名与账号。每个FTP

15、服务器都有自己的服务器名，并保证FTP服务器名在全球范围内的唯一性。例如， FTP服务器名为ftp. pku. edu. cn 。 其中， ftp 表示提供 FTP服务， pku. edu. cn 表示北京大学的主机。当用户登录到FTP服务器时，通常需要提供用户账号(包括用户名与密码） 。有些 FTP服务器是专用的，只允许拥有合法账号的用户使用。Internet 提要1Internet是由许多个网络所组成，彼此之间以快速的骨干网络连接起来，并遵循相同的沟通信息方式，称为通讯协议。2 Internet 上有各式各样的服务器提供形形色色的网络服务，最常见的有全球信息网WWW、 电子邮件 E-mai

16、l、文件传输FTP 、电子广告牌BBS 、 P2P下载等。3目前 Internet 上采用的通讯协议为TCP/IP 。4网址可分为IP地址及域名地址2 種。 IP地址是由4 个小于 256 的数字组成，例如：202.113. 29. 66。5IPv6是新一代的IP 地址规格，与IPv4相比，具有地址数量多、自动设定安全性高路由效率佳等优点。6网络地址分为IP 地址（主机名称）和域名地址（域名名称），域名地址又依次包含机构、类别和地理三种名称。例如：www. nankai. edu. cn 7通常我们以完整域名名称来表示主机的IP位置，再通过域名服务器翻译成电脑可识别的IP地址。8电子邮件地址是

17、由主机地址加上收件人在该主机上的账号所组成，例如：abc。二、 Fireworks 方面1位图和矢量图位图是由分配了特定位置和颜色值的点（像素）的排列组成。位图的色彩和色调变化丰富，但占用空间较多。位图的质量与分辨率有关。如果在屏幕上以较大的倍数放大显示图像，在图像边缘可能产生锯齿。2矢量图矢量图用一组绘图指令来描述图形的内容，这些指令根据图形的几何特征定义图形的轮廓，并用颜色进行描边和填充。矢量图和分辨率无关，它们在不同分辨率的输出设备上显示效果相同。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - -

18、 - - - 第 4 页，共 17 页 - - - - - - - - - 5 / 17 重点整理 网页上常用图像格式的特点及其应用原则1GIF图像文件格式GIF图像是一种包含有帧、调色板、优化方案等工作信息的位图格式。最多只支持256 种颜色，支持透明色。采用无损压缩的方法，产生的文件很小。GIF图像在网络上使用广泛。网络图像中色彩简单、内容不很复杂、动画及包含透明区域的图像比较合适使用该图像格式。2JPEG图像文件格式JPEG图像支持多达2 的 24 次方种颜色，可以描绘真实场景图像或颜色丰富、内容细腻的图像。JPEG图像采用有损压缩的方法，图像质量与采用压缩比相关，经过高倍压缩的JPEG

19、图像文件比较小，是目前使用最广泛的图像格式之一。3PNG图像文件格式PNG 图像是一种专门针对网络发布而开发的无损压缩图像文件格式，可以保存灰度模式、索引颜色模式、图层、帧等图像信息，并提供从2 的 8 次方 2 的 32 次方种颜色的支持，同时支持透明背景和动态效果。256 色的 PNG图像格式具有GIF图像格式的全部功能，文件大小比GIF图像格式小。支持2 的 24 次方或 2 的 32 次方种颜色的PNG图像格式提供高压缩比的无损图像压缩。PNG 图像使用的高速交替显示方案，显示速度很快，只需要1/64 的图像信息就可以显示出低分辨率的预览图像。Fireworks 的切片与文件优化1切片

20、的概念和意义切片顾名思义就是将一幅大图像分割为一些小的图像切片，在网页中可以将这些小的图像切片放入一个表格， 将表格的单元格之间的间距设为0，从而将这些小的图像切片没有缝隙地重新组合起来，还原为一幅完整的图像。从而可以加快网页加载的速度。使用切片还可以在切片上加各种动作，创造出交互的效果，如翻转图像和弹出菜单等，每个切片都可以有自己的超链接。在网页上使用切片还可以进行各种图像替代，使图像的显示更灵活。2文件的优化概念Fireworks 在保存图像文件时有很强的文件优化功能，文件优化功能能够减少图像文件的大小，但同时也会损失图像的质量。对图像采用切片后，每一个切片上都可以采用不同的优化方式，图像

21、中不重要的部分降低图像的质量，减少文件大小，图像中重要的部分则多考虑图像的质量，达到兼顾减少整个图像文件的大小和保持图像的总体质量的效果。RGB色彩模式和Web 安全色网页制作中使用最广泛的是RGB色彩模式的十六进制显示模式。即用 3 个 00FF的十六进制数来表示组成颜色的红、绿、蓝的颜色值。例如：000000 表示黑色， FFFFFF 表示白色， FF0000 表示红色， 00FF00表示绿色， 0000FF表示蓝色，总共有2 的 24 次方种颜色。我们把在不同的操作系统和浏览器中显示效果一致的216 种颜色称为网络安全色。辨别一种颜色是否是网络安全色的方法是看其颜色值，任何由00、33、

22、66、99、CC和 FF组合而成的颜色值都是Web 安全色。例如003366、0066FF、33CC99 等。通常在软件中如图所示的颜色拾取框中可以直接选取的颜色都是Web安全色。蒙版的概念名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 17 页 - - - - - - - - - 6 / 17 “ 蒙版 ” 也叫 “ 遮罩 ” ， 可以视为是一种特殊的图层。蒙版覆盖在图层上，决定被覆盖图层的隐显。Fireworks中的对象都可以作为蒙版，蒙版和它下面的图层形成一个蒙版组

23、合，蒙版的形状决定了蒙版组合的形状。蒙版的灰度着色决定了蒙版组合的不透明度。蒙版的种类根据用做蒙版时对象的不同，蒙版可以分为位图蒙版、矢量蒙版和文字蒙版。Fireworks 制作动画Fireworks 具有很强的动画制作功能。动画是连续播放具有一定差别的静态画面，利用人的视觉暂留产生动感而形成的。每一静态画面称为帧，如果一个动画中的所有帧都由人工完成，则称为逐帧动画。除了逐帧动画以外，Fireworks 还可以在两个帧之间自动产生过渡帧，形成补间动画。三、 Flash 方面重点整理【时间轴】的概念1 时间轴面板包括两个区域，图层区和帧区。如图所示（1）图层区：该区域位于时间轴面板的左边，它是用

24、来显示图层和对图层进行操作和管理的区域，在该区域中不但可以显示各图层的名称、类型、状态，图层放置的顺序和当前图层所在位置等，而且还可以对图层进行各种操作，如插入图层、添加引导层、删除图层、隐藏图层、锁定图层等。（2）帧区：该区域位于时间轴面板右边，它是在Flash 中进行动画创建和编辑的重要区域。主要由时间轴标尺，时间轴，代表着的小方块、帧指针、信息提示栏和一些用于控制帧显示操作的工具按钮组成。2帧的几种类型及用法【空白帧】：帧中不包含任何Flash 对象，相当于一帧空白的影片如图所示。【关键帧】：关键帧是一个包含有内容，或是对动画的变化起决定性作用的帧。【普通帧】（又称为静止帧） ：时间轴上

25、的静止帧是相邻关键帧的延续，普通帧中内容与其相邻的一个关键帧的内容相同。【空白关键帧】 ：用来准备制作关键帧的空白帧。【运动渐变帧】 ：在两个关键帧之间用淡蓝色填充并带有实线箭头连接的帧，如图所示。表示这段动画属于运动渐变型动画。【形状渐变帧】 ：在两个关键帧之间用淡绿色填充并带有实线箭头连接的帧，如图所示。表示这段动画属于形状渐变型动画。【不可渐变帧】 ：在两个关键帧之间用淡蓝色或者淡绿色填充并带有虚线连接的帧，如图所示。表示帧的渐变不符合要求或者没有相连的下一关键帧。【动作帧】：在关键帧中显示一个“a”字母，如图所示。它表示该帧添加了Flash 的 ActionScript 脚本程序。名师

26、资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 17 页 - - - - - - - - - 7 / 17 3Flash 文件的保存与导出（1）保存源文件在动画制作过程中或者制作完成后，可以选择保存命令，将当前编辑的动画文件保存为扩展名是.fla 的flash 源文件，打开源文件可以重新编辑修改动画。（2）文件的导出与发布在动画制作完成后， 可以将动画文件导出或发布为Flash播放器播放的.swf 文件和超文本文件.html 。 .swf文件可以直接用Flash Player

27、播放器程序播放，也可以插入的网页中在浏览器上观看。4元件的概念Flash 元件可以是图形图像、按钮或者是一小段动画。元件主要有三种类型，它们分别是图形元件、按钮元件和影片剪辑元件。元件创建后自动保存在库中，当把库中的元件拖到舞台上时，舞台上就增加了一个该元件的实例。一个元件可以反复调用，也就是说一个元件可以对应多个实例。修改舞台上某个实例，不会影响库中与它对应的元件，但是修改库中某个元件，该元件在舞台中所有实例都会得到修改。【图形元件】 ：图形元件是动画中可以多次使用的图像，一个图形元件可以由一帧静止图像组成，图形元件无法完成行为进行控制，也不能直接在该元件中直接插入声音。在制作运动渐变型动画

28、时，若要改变对象的颜色、亮度、不透明度等参数，或要使对象翻转、旋转，必须将对象设置为图形元件。【按钮元件】 ：Flash 中的按钮元件主要作用是为动画提供交互功能。按钮元件是能够响应鼠标事件，并完成交互动作的对象。它有【弹起】 、 【鼠标经过】 、 【按下】和【点击】4 种状态（即4 个帧）在按钮的每种状态上可以添加不同的内容，每种状态可以是一幅图形，一行文字，也可以是一段动画。动画中的按钮实例可以对鼠标的操作做出响应，可以根据添加在按钮上的事件完成交互动作。【影片剪辑】 ：影片剪辑是一段小的独立的动画，它可以包含动画的各种元素，具有独立的时间轴。在Flash 动画中影片剪辑元件相对独立，也就

29、是说假设一段动画有30 帧，如果它被设置成影片剪辑，那么即使动画的时间轴停止播放，影片剪辑也会继续播放完全部30 帧动画。在 Flash动画中，影片剪辑元件的实例是可以命名的，这样就可以利用行为命令对该影片剪辑元件的实例进行控制，创造出许多特殊的动画效果。5Flash 的三种基本动画Flash动画分为两大类：逐帧动画和渐变动画。渐变动画又可分为运动渐变动画和形状渐变动画。【逐帧动画】是由若干个连续的关键帧所组成的动画。由于每一帧中的内容并不完全相同，在播放这种动画时，是按帧的顺序而播放，从而产生的连续动画效果。【运动渐变型】动画制作运动渐变型动画的原则是：运动的对象必须是元件，元件可以是图形元

30、件、按钮元件和影片剪辑元件。如果把图形对象制作为运动渐变型动画就需要把图形先转换为元件，才能制作运动渐变型动画。【形状渐变型】动画制作形状渐变型动画的原则是：形状变化的对象必须是图形，如果把文本或位图对象制作为状渐变型动画，就需要把文本或位图进行先进行分离或转换为图形，才能制作状渐变型动画。四、 Dreamweaver网页设计与制作重点整理名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 17 页 - - - - - - - - - 8 / 17 网站与站点的概念网站通常是

31、以某些主题而设计的网页集合，网站通常也是以超链接形式连接各种页面的集合。站点是制作网站时在本地硬盘上设置存储文件的个物理位置，创建站点是为了在制作、修改网页时能够方便地管理各种文件。创建本地站点是网页设计的第一步操作，而且是至关重要的操作，本地站点创建的正确与否直接影响到网页设计是否成功。初学者必须牢记：设计的网页和页面上用到的文字、图像、声音、视频等各种元素都必须保存到本地站点之中。所谓本地站点就是在本地计算机的硬盘上创建一个文件夹，并把这个文件夹设置为本地站点的根文件夹。在网页制作中将会使用大量的图片、照片、动画文件和文本文件，一个成熟的网站会有很多各种类型的文件，为了便于管理可在本地站点

32、的根文件夹中分门别类地建立子文件夹，然后按类型把不同的文件存放在不同的子文件夹中，这样站点结构清晰明了，文件管理更加方便。网页的种类网页类型分为：静态网页和动态网页两大类。（1） 【静态网页】 ：就是在浏览器中网页的内容及形式所呈现的效果与事先设计的完全一致。（2） 【动态网页】 ：就是客户端与服务器能够发生交互信息的网页。网页内容能够自动更新或因时而变。 网站的设计与制作的一般过程与步骤1. 规划网站设计一个网站，首先要明确主题，确定设计目标和网站类型，根据网站设计的基本原则作好项目规划，列出设计方案。2. 组织内容与制作素材根据主题要求收集、组织相应的资料和素材，如文章、图像、动画、多媒体

33、信息等。3. 制定网站结构根据设计目标和内容考虑整个网站的文件结构，页面的布局、色调、表现风格等。4. 创建站点站点创建后，用户可用其进行管理站点中的所有文件，如新建、修改、删除文件等。利用站点也可以方便制作网页，如插入图像，指向文件超链接等。5. 制作首页首页是网站的门户，是网站的“脸面”，要给用户留下美好的第一印象，就要重视首页的设计。主页的结构一般可以分为标题、导航条、内容提要、页脚栏目等几个部分。页面布局一般采用表格、框架和层等三种方式。6. 制作其它页面一个网站往往由多个页面组成，各页面应该保持相同的结构、色调和风格。7. 网页之间的链接测试页面制作完成后，可以把各页面链接起来，然后

34、对各个页面的链接、效果、功能等进行全面的测试，以保证整个网站中运作自如。8. 发布到 Internet 网上网站制作、测试完成后，可以直接在Dreamweaver 站点上传，也可使用FTP软件等上传到Web 服务器上进行网页发布。网页采用的布局方式制作网页采用的布局方式主要有3 种：（1）表格布局名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 17 页 - - - - - - - - - 9 / 17 （2）框架（3）层布局HTML 基本语法编写符合标准和规范的网页必须正

35、确掌握HTML 的语法。 HTML 语言的基本语法和规范要求如下。1HTML 文档是由HTML 标记组成。 HTML 标记是以“ ” 符号括起来的字符，构成一个标记，如： 、 和等。2标记不区分大小写，如写成 、 和都可以。为符合规范建议全部采用小写。3标记分有双标记和单标记，双标记是由开始标记和结束标记组成，例如： ，标记中的 “/ ”符号表示结束的意思。单标记只有开始标记，例如：、和 等。在 HTML 中属于单标记的为数不多，大部分属双标记。4使用标记时一般都以成对方式出现，例如：“ 网页标题 ”。单标记因无结束标记，因可直接使用，例如： “在文本后面换行” 。为符合规范，对于单标记，可在

36、标记名后加上空格和斜杆符“/ ” ，如： 表示结束这个标记。5为进一步扩展标记的用法，在开始标记中可加入属性。加入多个属性时，属性之间以空格间隔。属性名和属性值必须小写，属性值也需要加上引号。格式如下： 例如： 6标记与标记可以嵌套使用，格式如： ，而不能写成： 。7HTML 语言和其他语言一样也有注释标记，注释方法是，在注释的前后加上“” 标记。格式如下：单行注释： 多行注释： 8在 HTML 语言的字符串中有多于两个以上的空格符只会当作一个空格处理，回车符也不起作用。这是因为 HTML 有专门的符号和标记替代，空格符使用“ ” 符号，回车符使用标记替代。例如：多个空格： 只会空一

37、格 只当一个空格处理：只会空一格 使用回车符： 欲穷千里目，（回车符）更上一层楼。 回车符不起作用： 欲穷千里目，更上一层楼。 文档结构名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 17 页 - - - - - - - - - 10 / 17 HTML 文档由 HTML 标记语言组成，其组成有一个基本的结构模式。HTML 文档的基本结构： 网页标题 网页内容 一个 HTML 文档最基本的标记是标记， 它以 标记为开始， 以 标记为结束， 来表示它们之间的文本是一个超文本

38、文档，不是一个简单的ASCII 文本文档，有了这个标记，浏览器才能正确地以HTML 文档方式解释代码。HTML 文档分“头部”和“主体”两部分，文档以标记为开始，以标记为结束，用来定义文件的“头部”部分。文档的“头部”部分主要用来放置描述HTML 文档相关信息的标记，比较常见的标记有 、等。除用 标记定义网页的标题外，其它描述信息都不会显示在浏览器的页面上。 标记用于定义网页的标题，它是网页中不可缺少的元素，被定义的标题显示在浏览器上方的标题栏上。文档的“主体”部分以标记为开始，以标记为结束。该主体部分用来放置文本、表格、图像、多媒体等各种网页内容，这些内容均以HTML 标记格式严格定义。以上

39、介绍的几个标记均为构成网页最基本的标记，下面使用这些标记构建网页的例子。链接标记1标记格式： 2标记说明：链接是 HTML 语言的一大特色，使浏览用户灵活地从一个页面跳转到另一个页面。就是定义链接标记，它必须带heref 属性一起使用，href 的值是 URL形式，它可链接到网页、网址、邮箱、FTP等。例如： 跳转到另一个页面 华南理工大学 电子邮箱 FTP 服务器 下载文件 标记还可以使用target 属性指出浏览的目标窗口。例如：以新的窗口打开另一个页面 targe 属性说明：属性示例说明target=_self 在同一窗口打开页面，超链接的默认选项。target=_blank 新建窗口打

40、开页面。target=_parent 在上一层的窗口框架中打开页面。target=_top 脱离目前窗口框架，在最上层的窗口框架中打开页面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 17 页 - - - - - - - - - 11 / 17 HTML 超文本标记语言提要1HTML 是网页基本的构成要素，想要学好网页的制作，应先了解HTML 语法，例如当网页发生任何问题时，便可直接检查或修改HTML 源代码来维护网页。2一个标准的HTML 文件架构包括以下4 标签

41、： 、 、。运用此架构所建立的 HTML 文件，能确保网页正常显示。3HTML 的每个标签名称都是以英文表示，符號中的字母並沒有大小写之分。此外，标签通常都是成双成对的出现，但其中也有部分的标签是以单个出现。4一个 HTML 文件可分为文件头部和文件主体2 個部分。文件头部就是标签所包含的內容，文件主体则是用 标签来定义的。5HTML 文件必须用特定的标签来定义文件的格式，浏览器并不会显示你在编辑软件中自行设定的文件格式，例如：换行、文字加粗、对齐等等。6HTML 指定 RGB色彩方式可以通过6 位的 16 进制数表示，或是直接指定顔色的名称。7绝对路径可以明确地指定图片的位置，让电脑依循此固

42、定路径寻找图片；相对路径则是以相当于目录的方式制定图片的位置，电脑只会在网页所在的目录中寻找图片。若您想在网页中指定链接，最好以相对路径的方式，如此一来，即使文件存放的目录改变了，电脑仍可利用相对的方式找到该文件。8在 標籤中最常使用的就是 标签，此标签中定义的文字会成为该网页的标题。9记熟网页中常用标签的意义： 为网页最基本的标记，标记网页的开始和结束。为网页最基本的标记，标记网页的头部。 为网页最基本的标记，标记该网页的标题。 为网页最基本的标记，标记网页的主体。设置网页的背景色。设置网页的背景图。标记文本的标题字大小。标记文本为一个段落。标记文本在此位置换行显示，属于单标记。标记在网页中

43、插入图片，属于单标记。标记网页中的一个超链接。文本内容 标记网页文本的大小和颜色。 标记插入一个表格。 标记插入一个表单。五、 CSS 方面重点整理CSS的概念和意义CSS是英文 Cascading Style Sheet的缩写，意为“层叠样式表”。它能提供许多HTML 无法支持的属性，例如网页的文字、图片、表格等，都可以使用CSS来美化，它与HTML 标记嵌套在一起，能使网页产生不同的显示效果。使用 CSS的优点：【美化网页】 ：它是一种可以对网页内容进行精确格式化控制的工具，它能够控制大多数常用的文本格式属性，如字体、字号大小、对齐方式等，还可以控制位置、特殊效果、鼠标翻转等很多网页元素的

44、属性。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 17 页 - - - - - - - - - 12 / 17 【精简代码】 ：定义的样式表还可以重复调用，避免重复撰写语句，使程序代码更精炼。【维护方便】 ：利用 CSS样式可自动格式化网页文档，可以为部分文件、整个文件和整个网站定义样式，当一个定义好的CSS样式被修改后， 使用这个CSS样式的网页文档的格式也就自动更新。因此只要修改部分代码就可以改变网页的某些部分或者是整个网页，甚至整个网站的所有页面，大大减轻网站

45、的维护工作。CSS与 HTML 的关系HTML 和 CSS都是网页设计的基础，只有熟练掌握这两种技术的运用才能编写高质量的网页。CSS虽然可以实现HTML 部分功能，但是却不能替代HTML，在网页设计中两者互有分工，HTML 作用于网页的结构上，也就是说HTML 代码负责告诉浏览器在这个网页上要显示什么内容；而CSS作用于网页的外观形式上，也就是说CSS 负责告诉浏览器在这个网页上以什么形式显示内容；从而使网页的结构分明，设计更加合理和有效。1样式表的基本格样式表的基本格式如下：选择符 属性 : 属性值 样式表也可以带有多个属性格式如下：选择符属性 1 : 属性值 1; 属性 2 : 属性值

46、2; . 说明：属性与属性之间使用分号“;”间隔。例如：p font-style:italic;color:red 2样式表创建方式（1）定义标记选择符格式：标记名称属性 :属性值 例如：h3 color:red; p font-family: 幼圆 ; color:#0000ff 说明：此例的样式表定义标题为红色，段落字体为幼圆，颜色蓝色。这里h3 和 p 是 HTML 标记，使用HTML 标记作为选择符，称为标记选择符，HTML 的所有标记都可以定义为标记选择符。（2）定义类选择符格式： .类名称属性 :属性值 例 1：.text font-family: 幼圆 ; .color colo

47、r:#0000ff 例 2：p.text font-family: 幼圆 ; p.color color:#0000ff 说明：定义类选择符的规则是：在自定义的名称前面加上“.符号。例 1 中定义了两个类text 和 color。例 2 中，在“ .”的前面加上标记符p，则表示这个类是专门为标记提供使用的。（3）定义 ID 选择符格式： #ID 名称属性 :属性值 例如：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 17 页 - - - - - - - - - 13

48、/ 17 #p1 text-indent:3em; color:#00ff00 #p2 text-indent:6em; color:#0000ff 说明：定义ID 选择符的规则是：在自定义的名称前面加上“#符号。例中定义了两个ID 选择符 p1 和p2。3样式表引用方式（1）嵌入式嵌入式是把样式表嵌入文档头部内。前面所举之例都是把样式表嵌入在文档头部的标记之间的，例如： h3 color:red; p font-family: 幼圆 ; color:#0000ff （2）内联式：内联式是把样式表直接写在HTML 标记内。例如： 例中 h3 是 HTML 标记， style=. ，是定义内联式

49、样式表的格式，样式写在引号. 内。（3）外部式：外部式是把样式表作为外部文件保存，后缀名为.css。CSS作为一个外部文件引入的方式有两种，一种是做链接，另一种是导入。链接方式： 导入方式： import url( 文件名 .css) CSS层叠样式表提要1当我们需要一次设置大量网页的样式时，通常会把css 从网页中分离出来，另外保存为一个css 文档，这么一来，需要设置或修改时只要将各网页连接到该css文件，或将该css文件导入网页即可，而不用一页页去修改。2css的基本表示法是：选择器（选择符） （selector） 属性（ property ） :値（ value）; 3选择器有4 种常

50、见形式（1）标签选择器pcolor:#0000FF （2）类选择器.p1 color:#0000FF （3） ID 选择器#p2 color:#0000FF （4）复合选择器#box pcolor:#0000FF 4若您要在HTML 中使用 CSS ，最常见的表示方式就是在段落中使用 标签来定义CSS 。5引用 CSS有以下 3 種方法。（1）在 中用标签定义CSS （称为内部式）（2）在个别标签中使用style 属性（称为嵌入式）名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13