1、1网络应用技术教案第一章 走进网络世界第一节 认识计算机网络教学目标：了解计算机网络的功能、分类；掌握计算机网络的定义、组成。重点：计算机网络的功能、组成、定义。难点：计算机网络的组成教学过程：一、引入计算机网络技术的发展和普及日益改变着我们的学习和生活，各种各样的网络应用让我们眼花缭乱，因特网让我们真正体会到信息爆炸的威力，这节课我们一起来谈谈我们对计算机网络的认识。二、新课讲授（一）计算机网络的功能（阅读课本 P2P3，并填表）活动一：小组讨论总结我们生活中有哪些地方使用了计算机网络。活动二：:结合活动一中列举的计算机网络的具体应用实例,总结归纳计算机网络的功能.总结：计算机网络的应用虽然
2、已经渗透到生活的方方面面,但所有的应用可以归结为三大功能：资源共享、数据通信和分布处理与分布控制。（二）计算机网络的组成与定义活动三：了解学校计算机网络的建设情况。总结两点：、计算机网络组成：(1)、多台地理上分散的独立计算机系统。(2)、通信协议。(3)、传输介质和网络设备。、计算机网络是多台地理上分散的独立计算机系统遵循约定的通信协议，通过传输介质和网络设备互相连接起来，实现数据通信、资源共享的系统。（四）计算机网络的分类 按覆盖的面积的大小来分：名称 网络规模大小局域网 LAN 10 千米以内城域网 MAN 10 千米到 60 千米以内广域网 WAN 100 千米以外交流：除我们了解的校
3、园网、网络实验室这类局域网以外，请与同学们交流，看能否为城域网和广域网举一些实际应用的例子。三、课堂小结四、作业1、学习本节内容之前，你是否认为计算机网络就是因特网，谈谈你的看法。2、浏览网页、收发邮件、网络聊天就是计算机网络的功能，请你谈谈这种说法正确吗？为什么？3、完成在线随堂小测。2第二节 不同的连接策略学习目标：、了解网络类型、网络传输介质、网络连接设备、掌握网络拓扑结构教学重点、难点： 各种网络拓扑结构的认识教学过程：一、根据需求选择网络问题：假如你希望与邻居好友的计算机连接起来，能够共享彼此的文件与打印机，并可以联网打游戏，请问你如何组网？需求分析：计算机数量？实现服务？组网距离？
4、速度？介质？设备？协议？一、网络类型类型 优点 缺点对等网(workgroup)每台计算机能同时提供和使用资源；无须服务器负载大；备份困难密码多服务器(Server)-客户机(Client)对资源集中控制，使用户更容易找到资源需要有专门服务器及网络操作系统（造价高）二、网络传输介质超 5 类双绞线 同轴电缆 光纤图示传输速率 100Mbps/155Mbps 以上 10Mbps/100Mbps 1000Mbps 以上价格 相对便宜 相对便宜 昂贵安装难易度容易安装和管理，需使用RJ-45 连接器。容易安装和管理，需使用BNC 连接器件，线两端需要使用终结器件并有良好接地比较复杂和精细，需使用光纤
5、连接器件和光电转换器件适用场合 100M 内 500M 内 可达 20 公里以上三、网络中的连接设备网络连接设备通常分为两大类：（1）网内连接设备；3（2）网间连接设备。网内连接设备主要有网卡、集线器、交换机及中继器等。网间连接设备主要有网桥、路由器及网关等。同时随着无线局域网产品技术的不断成熟，基于 802.11 系列标准的无线局域网连接设备也开始出现。四、网络的拓扑结构4第二章 网络通信技术与局域网第一节 网络中的数据通信、网络协议学习目标：、了解两种通信信号、信道与带宽及掌握两种信息交换方式、了解网络协议及如何安装网络协议教学重点、难点：分辨两种数字信号和模拟信号，区别电路交换技术与分组
6、交换技术 教学过程：一、网络中的数据通信、通信信号数字信号 模拟信号波形特点抗干扰能力强、便于存储、保密性好、可靠性高保密性差、易失真、易受干扰、通信质量差、信道与带宽信 道 带 宽概念是通信双方之间以传输介质为基础传递信号的通路，由传输介质及其两端的信道设备共同构成。从抽象的角度看，信道实质上是指定的一段频带。 是指通信信道的传输容量。从抽象的角度看，带宽是指信道可用的最高频率与最低频率之差。 单位 传输模拟信号的传输介质则使用频率单位赫兹（Hz）来表示带宽传输数字信号的传输介质则使用比特率（bps）作为带宽的量度。 比特率反映了一个数据传输系统每秒内所传送的信息量的大小。 、信息交换方式5
7、传统电话 IP 电话采用技术 电路交换 分组交换原理预先分配传输带宽。用户在开始通话之前，先要申请建立一条从发端到收端的物理通路。只有物理通路建立之后，双方才能互相通话。在通话的全部时间里，用户始终占用端到端的固定传输带宽。将用户要传送的信息分割为若干个分组（packet） ，以“存储 转发”的形式，每个分组中有一个分组头，含有可供选路的信息和其他控制信息。优缺点 线路利用率低，专线专用，费用较高。 延时短，线路利用率高，费用低，但话音质量低。二、 网络协议、 什么是网络协议 网络协议：通信双方所共同遵循的规则。（如人与人之间交流约定都讲大家能听懂的普通话） 在局域网中通常用 NETBEUI、
8、IPX/SPX、TCP/IP 三种协议。 （阅读 P21 表 1-6 三种协议的比较） 有关上述协议的具体模型详见 P23-26。、安装网络协议软件（1） 、安装网络协议的前提条件：安装网卡及驱动程序1）电脑在断电前提下将网卡插入 PIC 槽2）启动电脑，进入操作系统，安装网卡驱动程序（） 、安装网络协议1）安装 TCP/IP 协议开始设置控制面板网络配置添加协议“microsoft” TCP/IP 确定2）设置 TCP/IP 协议6第二节 接入因特网学习目标：、了解因特网的各种接入方式、掌握 ADSL 虚拟拨号上网的软、硬件配置安装、了解因特网上的服务组织教学重点、难点：ADSL 上网的安装
9、配置教学过程：一、因特网的接入方式1、拨号接入：普通 Modem 拨号接入、ISDN 拨号接入、ADSL 虚拟拨号接入2、专线接入Cable Modem 接入、DDN 专线接入、光纤接入3、局域网接入4、无线接入二、ADSL 虚拟拨号配置1、ADSL 硬件安装2、网卡、网卡驱动程序、TCPIP 网络协议的安装3、ADSL 虚拟拨号软件（PPPoE 拨号程序）的安装WinXP 已自带 PPPoE 软件三、因特网上的服务组织ISP：因特网服务供应商，Internet Service Provider 。ICP：因特网内容提供商，Internet Content Provider。如新浪、搜狐等网站
10、。ASP：网络应用服务商，Application Service Provider。主要为企业、事业单位进行信息化建设，开展电子商务提供各种基于因特网的应用服务，如主机租用、托管、应用系统（邮件，电子商务平台）服务。7第三节 IP 地址及其管理、网络域名及其管理学习目标：、掌握 IP 地址的分类、格式及子网掩码的作用、掌握域名的组成和格式、域名系统的作用、了解客户机域名服务器设置及互联网域名管理教学重点、难点：会区别 IP 地址类别，会判断 IP 格式正确与否，会判断网络号和主机号 教学过程：一、IP 地址及其管理、IP 地址：采用 TCP/IP 协议接入因特网，为了使网上的每一台主机都能够和
11、其他计算机通信，需要有一个全球都接受的方法来标识网上的计算机。因特网上的每台主机都分配了一个唯一的地址，称为互联网地址（Internet address）或 IP 地址（IP address） ，该地址用在所有与该主机的通信中。、IP 格式：IP 地址是由四个用小数点隔开的十进制整数组成的。实际上，一个 IP 地址是一个 32 位的二进制数。每 8 个位可以用一个十进制整数数字来表示，以简化人们的记忆。 例如：某学校网络中的一台计算机 IP 地址为 202.112.81.34，则对应的二进制表示：202.112.81.3411001010.01110000.01010001.00100010、
12、IP 地址分类8二、网络域名及其管理（一） 、域名和域名系统同学们上网的时候在浏览器里有三种输入地址的方法：、输入 IP 地址，如：166.111.4.100、输入英文名称，如：、输入中文名称，如：清华大学其实计算机只能识别 IP 地址，但这种数对人来说太难记，于是引入了后面两种方式（域名），当人们使用域名方式访问某台远程主机时，计算机必须首先将域名“翻译”成对应的 IP地址，然后才能通过 IP 地址与该主机联系。这个翻译的过程称为“域名解析” 。反过来，由 IP 地址得出域名地址的过程称为“域名反向解析” 。因特网采用一种分布式分层机制的域名系统 DNS 来使域名与 IP 地址之间的解析和反
13、向解析能快速有效地进行。（二） 、域名的组成域名的基本格式：主机名 . 机构名 . 网络名 . 地区域或行业域名其域名表示清华大学计算机系的一台主机一台主机 计算机科学系 清华大学校园网络名中国科研教育网的网络名“中国”地区域名（三） 、客户机域名服务器的设置以 windows XP 为例，桌面“网上邻居”右键-属性，在新打开的窗口中的“本地连接”上右键9-属性。（四） 、域名的管理因特网的域名管理方法是：规定顶级域的划分，顶级域名由 Internet 网络信息中心负责管理；顶级域以下的划分则由各个域自行管理。 因特网的顶级域分为两大类：顶级域名行业域名属性对照表 顶级域名地区域名范例对照表
14、10第三章 因特网技术应用第一节 因特网上的信息资源学习目标：、了解什么是网络信息资源、网络信息资源的特点、掌握因特网信息资源的形式、掌握 WWW 信息资源、FTP 资源教学重点、难点：重点掌握两种网络信息资源：WWW 信息资源、 FTP 资源教学过程：1、 什么是网络信息资源 定义：是指在网络上蕴藏着的各种形式的知识、资源、情报、消息等。 主要内容：（1）为国家和政府服务的政府信息资源。 （2）为社会公众服务的公共信息资源。（3）为生产和消费提供的商用信息资源。 媒体类型：文字、图像、图形、动画、音频、视频等。2、 因特网信息资源的特点（1）呈全球性分布式结构。（2）以多媒体、多语种的形式表
15、现。（3）属于数字化信息。（4）获取便捷，不受时间和空间制约。（5）分散存储，数量庞大。 （6）具有时效性。3、 因特网信息资源的形式（1） WWW 信息资源（2） Telnet 信息资源（3） FTP 资源（4） Usenet 新闻组信息（5） Gopher 信息资源（6） 其他信息资源（如 TCR，流媒体资源） 本节课重点掌握万维网和 FTP：一、WWW 信息资源，即万维网1、什么是万维网 （1）定义：World Wide Web，缩写 WWW）是因特网上一种非常受欢迎的服务。（2）基本用途：向用户提供各种信息的浏览与查询服务。（3）方式：通过 WEB（网站）向用户提供信息资源。 2、万维
16、网信息资源的特点 （1）以超文本/超媒体形式组织 （2）分散存储 （3）具有动态性3、万维网服务器与浏览器 （1）万维网服务器提供万维网信息需要有专用的万维网服务器。（2）浏览器浏览器是到达数百万 Web 网站的工具。通过在浏览器中输入网站地址可以访问到万维网中11的信息。 4、统一资源定位器 （1）因特网上的资源非常丰富，我们用一种统一且方便的方法来标记，识别这些资源。因特网上采用统一资源定位器（Uniform Resource Locators，缩写为 URL）来识别网络上的资源。（2）URL 的基本格式：协议：/域名（或 IP 地址）：端口号/文件名（3）用户点击 HTML 网页中的超链
17、接，实质上也是一个 URL。 二、FTP 资源1、FTP 资源 （1）定义：（File Transport Protocol）是文件传输协议。FTP 服务器就是存放文件型资源并执行文件传输协议实现文件传输功能的计算机。（2）与万维网的区别：FTP 服务器存放的资源往往直接就是用户需要获取的目标。而万维网网页中除了文本信息外，用户往往还要通过超链接才能找到需要的资源。2、FTP 客户端软件（1）优势：大多数浏览器可以下载文件，但一般不能上传文件，而 FTP 客户端软件却可以实现这一要求。（2）FTP 客户端工具有两种模式：Windows 命令行模式和图形截面窗口模式例：FlashFXP 窗口12
18、第二节 因特网的信息检索 教学目标： 1、掌握搜索引擎的类型与特点。2、了解搜索引擎的产生与发展。3、理解搜索引擎的工作原理。教学重点、难点：搜索引擎的类型与特点、搜索引索的工作原理。教学过程：任务一：请在因特网上查找一下哪个国家的女排获得了 2005 年女排亚锦赛冠军。思考：因特网信息检索有哪几种方法？一、因特网信息检索的方法在因特网中信息检索的方法主要有三种：1、基于超文本超媒体的信息浏览2、基于目录服务的信息查询（目录式搜索）3、使用搜索引擎进行信息检索（全文搜索）任务二：四个小组分别用“ ”、 “”、““ 及““搜索“环境保护”有资料，比较各种搜索引擎所用的时间和各搜索到的网页数是多少
19、？二、搜索引擎的发展与分类1、搜索引擎的产生搜索引擎指因特网信息查找所使用的软件工具。最早的搜索引擎出现于 1994 年，是斯坦福大学的两名博士生：美籍华人杨致远和美国人 David Filo 共同创办的超级目录索引雅虎（Yahoo） 。2、搜索引擎的分类按信息收集方法和服务提供方式，搜索引擎有：（1）目录式搜索引擎。代表有：“雅虎”等。（2）全文搜索引擎。代表有：“百度” 、 “Google”等。（3）元搜索引擎。元搜索引擎以单一的查询接口，向各种资源提交相同的查询，并组合这些资源的查询结果。这关搜索引擎没有自己的数据库，而是将用户查询请求同时向多个搜索引擎递交，将返回的结果进行重新排除、重
20、新排序等处理，把综合结果返回给用户。代表有：“”等。三、搜索引擎的工作原理1、目录式搜索引擎的工作过程目录式搜索引擎是以人工或半自动化方式收集信息，由编辑人员查看信息后，人工形成信息摘要，并将信息置于事先确定的分类框架中。2、全文搜索引擎的工作过程全文搜索引擎的工作过程是：（1）从互联网上“抓取”网页。13（2）建立索引数据库。（3）在索引数据库中搜索排序。（4）响应用户查询。四、搜索引擎技术的发展（1）提高搜索引擎对用户检索提问的理解。（2）对检索结果进行进一步的处理。（3）确定搜索引擎信息收集范围、提高搜索引擎的针对性。如很多搜索引擎都提供了：图片搜索、MP3 搜索、音乐搜索、地图搜索等。
21、任务三：1、搜索“杭州西湖”的图片。2、通过“上海电子地图” ，指出从上海飞机场到上海交通大学的路线。3、搜索歌名“童话”有哪些歌手唱过，周杰伦最近有什么新歌。实践与探究：比较一下 Google 与 Yahoo、百度等搜索引擎，了解一下这些网站的更新频率如何。14第三节 因特网上的信息交流学习目标：、了解因特网上的两大类信息交流方式、了解因特网上的多媒体技术教学重点、难点：掌握电子邮件的格式、使用模式及免费 Email 的申请使用教学过程：一、因特网上的信息交流（一） 、非实时的信息交流方式1、电子邮件2、留言板3、BBS 论坛（二） 、实时的信息交流方式1、即时消息（Instant Mess
22、aging ）如 ICQ，QQ，MSN Messenger，netmeeting 等。 2、IP 电话3、视频会议电子邮件：、使用 email 的 c/s 和 b/s 模式 C/S(client/Server)客户端/ 服务器 B/S(Browser/Server)浏览器/服务器2 、电子邮件原理 参考课本 P78邮箱地址格式： 用户名域名如QQ 工作原理（1）用户首先从 QQ 服务器上获取好友列表，以建立点对点的联系。（2）用户和好友之间直接采用 UDP 方式发送信息。（3）如果对方无法直接点对点联系，则用服务器中转方式完成。 二、因特网多媒体技术（一） 、流媒体技术 什么是流媒体技术 P8
23、3 1、压缩媒体文件格式 P83 表 3-7 2、流媒体文件格式 P83 表 3-8 流媒体服务器与播放器 流媒体技术应用（二） 、网络虚拟现实技术 VRML(Virtual Reality Modeling Language 虚拟现实建模语言 ) 全景环视技术15第四章 网站设计与评价第一节 网站的规划与设计学习目标：学习如何进行网站规划及网站设计教学重点、难点： 网页设计中的页面表格布局的设计教学过程：第 1 课 网站的规划一、开发网站的基本过程网站的规划网站的设计网页的制作网站的发布与管理网站的评价二、网站主题的确定网站的规划从选择网站的主题开始。网站的选题就是要根据网站的开发目标和访问
24、网站的用户群确立网站的主题，并给网站起一个简练响亮的名字。请每个同学确定自已的网站主题，参考课本 P95 页，表 4-2。三、网站运行环境的确定学校的校园网提供了高带宽、平稳的网站运行环境，为同学们提供存放网站的磁盘空间。提交网站与访问网页的方法：提交：机房提供的 FTP 服务器 ftp:/10.105.5.53 或 ftp:/10.105.5.253 的个人空间访问：http:/10.105.5.53 或 10.105.5.253/space/个人空间账号/文件名四、网页制作工具的选择每种网页制作工具均有优缺点，我们采用 Frontpage 来作为网页设计制作工具。我们可以配合 photos
25、hop、fireworks 等图像处理软件，制作出精美的网页。第 2 课 网站的设计网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。一、网站的结构设计在动手制作一个网站前，应该构思好网站的结构图，做到层次清晰。如课本 P100 页，图 4-5 就是“虎门销烟启思录 ”网站的结构图。二、网页的版面设计1、风格设计风格是指网站的整体形象给浏览者的综合感受。或严肃庄重，或清爽温馨，或深沉厚重，或生动活泼，或古朴典雅，或豪迈奔放。风格的设计与主题是密不可分的，是为突出主题服务的。162、版面布局设计版面布局设计就是指要呈现的内容在网页中的位置安排，一般都是用表格进行版面布
26、局设计的。如下面为“虎门销烟启思录”网站的版面布局。内容描述栏目导航区提示信息区 主要内容附加信息三、网页的交互设计网页的交互设计也就是导航栏的设计、超链接的设计。导航栏设计的目的就是将零散的网页串成一个整体从而形成网站，用户在浏览网站时可根据所需进行选择浏览，自由地在各网页间跳转。课堂任务：1、 每个同学构思自己要建立的网站主题及网站结构组成，以“文本文件”的形式形成结果并提交。 范例-提交作业两步骤：、登录 FTP 个人空间，将文本文件上传、点击本节课“提交” ，然后根据提示操作。2、 据自已所构思的网站主题、结构组成，上网搜索所需的素材。17第二节 网页制作第 1 课 网页制作（一）学习
27、目标：新建一个站点及网站首页的制作教学重点、难点：、使用表格功能进行页面布局 、插入表格、设置表格属性、设置单元格属性教学过程：网页制作过程一般如下所示：收集和制作素材 新建空白网站和网页 编辑网页图文保存预览链接网页一、收集和制作素材请同学们按自已选定的网站主题及设定的栏目上网搜索素材，并学会对图片进行简单的加工制作以适应我们设计的网站需要。二、新建网站及网页、新建空白站点的方法：启动 FrontPage，然后“文件”“新建” “站点”“ 空白站点”、新建空白网页的方法：单击常用工具栏上的“新建”按钮 或 单击“视图”菜单下的“网页” 。具体操作请认真看课堂演示（有视频动画教程）三、使用表格
28、进行页面布局、常见的网页布局：上下型 T 字型 开字型18其它布局类型、插入表格、设置表格属性、设置单元格属性具体操作请认真看课堂演示（有视频动画教程）四、课堂任务、建立自己的网站站点，并用表格为网站首页做好布局设计说明：建立站点时请将站点建立位置指定到 D 盘的你的网站文件夹、简单使用图像处理软件（如：FireWork 或其它软件）为自己的网站制作漂亮的顶部主题 Banner，最后将设计结果导出到自己网站的文件夹下。、将本节课完成的整个站点文件夹上传到个人空间保存，并发布提交你设计的主题Banner 文件。发布提交方法：http:/10.105.5.253/space/个人空间帐号/ 你的网
29、站文件夹名/顶部主题设计文件名19第 2 课 网页制作（二）学习目标：掌握编辑网页图文的各种操作教学重点、难点： 插入图片、设置网页背景颜色、背景图、背景音乐教学过程：一、编辑网页图文、编辑网页文字利用工具栏编辑文字的字体、字号、颜色、对齐方式等、网页的背景颜色、背景图、背景音乐“格式”菜单下的“背景”命令、插入图片在自己的网站文件夹下新建一个保存图片的文件夹，命名为 images 或 pic 等。插入图片的两种方法，你可以选择其中一种：方法一、先保存图片，后将图片插入网页：把你需要插入网页的图片全部预先保存在你的图片文件夹中，如:images；将图片文件名改名为英文名（中文名的图片名称将导致
30、网页显示出错） ；单击“插入” “图片”，再单击“来自文件”，打开“ 图片”对话框，浏览你所要插入的图片位置 images，点选图片，点“确定”。方法二、先将图片插入网页，后保存图片：单击“插入” “图片”，再单击“来自文件”，打开“ 图片”对话框，浏览你所要插入的图片位置，点选图片，点“确定”。保存网页时出现保存图片的对话框，选择合适的图片保存位置，如：images。注意将图片文件名改成英文名。、插入多媒体音频、视频和 SWF 动画请看教程：http:/ 实现预览，观看显示效果。20第 3 课 网页制作（三）学习目标：使用模板或共享边框快速生成网站其他网页教学重点、难点： 共享边框的使用教学
31、过程：一、使用模板生成网页为保持网站风格的一致性，通常网站中各个网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式保持一致，可以把相同的部分提取出来制作成模板，供制作其他网页时使用。（1）建立模板创建一个网页，将其保存为“模板文件”。（2）从模板文件中新建网页“文件” “新建” “网页”选择模板后“确定”二、共享边框设计网页时，经常会遇到一些需要在每一页上都显示的信息，如果在每一页单独添加就很麻烦，如果使用共享边框，就可以使每一个网页以水平或垂直的方式显示在多个网页中都要显示的信息。具体详见洪恩教程：http:/ 打开你的网站首页文件（index.htm） ，采用共享边框的方法，将准备
32、在你的网站中每个网页都要显示的共同部分移入共享边框中；2、 在“导航”视图下，采用复制、粘贴的方法快速得到你的网站各栏目的网页文件，并分别对各栏目网页文件进行加工、处理。21第 4 课 网页制作（四）插入超链接教学目标：1、掌握插入超链接的操作方法；2、将所有网页通过超链接集成一个完整的“网站” 。重点难点：几种超链接的掌握，即链接到 URL、链接到网页文件、链接到 Email、书签链接教学过程：一、什么是超链接？超级链接是指站点内不同网页之间、站点与 Web 之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。超级链接由两部分组成：链接载体（源端点）和链接目标（
33、目标端点） 。许多页面元素可以作为链接载体，如：文本、图像、图像热区、轮替图像、动画。而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email 甚至是页面中的某个位置 - 锚点。二、插入超级链接 （课本 116 页）制作超级链接就是指定超级链接的两个要素：链接载体和链接目标。遵循WINDOWS 的操作原则：先选定，再操作。、设置文本链接、设置图片链接22、设置热点链接创建“热点” （视图工具栏图片，在“图片”工具栏里有创建热点的按钮）设置热点对应的超链接地址、建立网页书签（锚点）书签：是网页中被标记的位置或被标记的文本。 操作步骤： 插入/书签 设置到书签的超链接、设置
34、Email 链接在链接地址输入：mailto:电子邮件地址三、课堂任务尽快完成网站各栏目网页，设置好所有超链接，使整个网页成为一个整体。23第 5 课 网页制作（五）学习目标：学会应用样式表美化网页等高级操作技巧教学重点、难点： 样式表的应用、滚动文字等的添加教学过程：一、应用样式表美化网页实例：将整个网站所有网页的字号设为 10pt，文字颜色定为自己喜欢的颜色二、制作网页动态特效实例：添加图片特效鼠标悬停图片变换效果三、ActiveX 控件和组件的应用、滚动文字字幕、横幅广告条、视频控制的使用以上内容有操作教学视频，老师讲解演示后若还有不懂的同学可以通过观看它进行自学！四、课堂任务（选做）应用本节课所学的技巧，给你自已的网页添加适当的修饰和特效。
