信息技术选修网络技术应用教案.doc

第一课　结识计算机网络
教学目的：

了解计算机网络的功能、分类；掌握计算机网络的定义、组成。
重点：

计算机网络的功能、组成、定义。
难点：

计算机网络的组成
教学过程：

一、 引入

计算机网络技术的发展和普及日益改变着我们的学习和生活，各种各样的网络应用让我们眼花缭乱，因特网让我们真正体会到信息爆炸的威力……，这节课我们一起来谈谈我们对计算机网络的结识。

二、新课讲授

（一） 计算机网络的功能（阅读课本P2～P3，并填表１－１）

活动一：小组讨论总结我们生活中有哪些地方使用了计算机网络。

活动二：:结合活动一中列举的计算机网络的具体应用实例,总结归纳计算机网络的功能
.
总结：计算机网络的应用虽然已经渗透到生活的方方面面,但所有的应用可以归结为三大功能：资源共享、数据通信和分布解决与分布控制。
（二） 计算机网络的组成与定义

活动三：了解学校计算机网络的建设情况。

总结两点
：
１、计算机网络组成：
(1)、多台地理上分散的独立计算机系统。
(2)、通信协议。
(3)、传输介质和网络设备。
２、计算机网络是多台地理上分散的独立计算机系统遵循约定的通信协议，通过传输介质和网络设备互相连接起来，实现数据通信、资源共享的系统。
（四）计算机网络的分类
按覆盖的面积的大小来分：
名称 网络规模大小
局域网LAN 10千米以内
城域网MAN 10千米到60千米以内
广域网WAN 100千米以外
交流：除我们了解的校园网、网络实验室这类局域网以外，请与同学们交流，看能否为城域网和广域网举一些实际应用的例子。

三、课堂小结

四、作业

1、学习本节内容之前，你是否认为计算机网络就是因特网，谈谈你的见解。
2、浏览网页、收发邮件、网络聊天就是计算机网络的功能，请你谈谈这种说法对的吗？为什么？
3、完毕在线随堂小测。

教学反思：

第二课　不同的连接策略
学习目的：
１、 了解网络类型、网络传输介质、网络连接设备
２、 掌握网络拓扑结构
教学重点、难点： 各种网络拓扑结构的结识
教学过程：
一、根据需求选择网络
问题：假如你希望与邻居好友的计算机连接起来，可以共享彼此的文献与打印机，并可以联网打游戏，请问你如何组网？
需求分析：
计算机数量？
实现服务？
组网距离？速度？
介质？设备？协议？
一、网络类型
类型
优点
缺陷
对等网
(workgroup)
每台计算机能同时提供和使用资源；无须服务器
负载大；备份困难
密码多
服务器(Server)
--客户机(Client)
对资源集中控制，使用户更容易找到资源
需要有专门服务器及网络操作系统（造价高）

二、网络传输介质

超5类双绞线

同轴电缆

光纤

图示

传输速率
100Mbps/155Mbps以上

10Mbps/100Mbps

1000Mbps以上

价格
相对便宜

相对便宜

昂贵

安装
难易度
容易安装和管理，需使用RJ-45连接器。

容易安装和管理，需使用BNC连接器件，线两端需要使用终结器件并有良好接地

比较复杂和精细，需使用光纤连接器件和光电转换器件

合用场合
100M内

500M内

可达20公里以上

三、网络中的连接设备
网络连接设备通常分为两大类：
    （1）网内连接设备；
    （2）网间连接设备。
    网内连接设备重要有网卡、集线器、互换机及中继器等。网间连接设备重要有网桥、路由器及网关等。同时随着无线局域网产品技术的不断成熟，基于802.11系列标准的无线局域网连接设备也开始出现。

四、网络的拓扑结构

第三课 网络中的数据通信、网络协议

学习目的：

１、 了解两种通信信号、信道与带宽及掌握两种信息互换方式

２、 了解网络协议及如何安装网络协

教学重点、难点：

分辨两种数字信号和模拟信号，区别电路互换技术与分组互换技术

教学过程：

1.3　网络中的数据通信

１、 通信信号

数字信号
模拟信号
波

形

特点
抗干扰能力强、便于存储、保密性好、可靠性高
保密性差、易失真、易受干扰、通信质量差

２、信道与带宽

信 道
带 宽
概念
是通信双方之间以传输介质为基础传递信号的通路，由传输介质及其两端的信道设备共同构成。从抽象的角度看，信道实质上是指定的一段频带。
是指通信信道的传输容量。从抽象的角度看，带宽是指信道可用的最高频率与最低频率之差。
单位

传输模拟信号的传输介质则使用频率单位赫兹（Hz）来表达带宽．传输数字信号的传输介质则使用比特率（bps）作为带宽的量度。
比特率反映了一个数据传输系统每秒内所传送的信息量的大小。

２、 信息互换方式

传统电话
IP电话
采用技术
电路互换
分组互换
原理
预先分派传输带宽。用户在开始通话之前，先要申请建立一条从发端到收端的物理通路。只有物理通路建立之后，双方才干互相通话。在通话的所有时间里，用户始终占用端到端的固定传输带宽。
将用户要传送的信息分割为若干个分组（packet），以“存储——转发”的形式，每个分组中有一个分组头，具有可供选路的信息和其他控制信息。
优缺陷
线路运用率低，专线专用，费用较高。
延时短，线路运用率高，费用低，但话音质量低。

第四课 网络协议

【教材分析】
“第四节 网络协议”内容是讲述网络协议的基本概念。本节内容的安排是通过任务驱动和学生交流来完毕学习任务。物理上的连接局限性以让网络能互相通信交流，让学生动手安装网络协议，更好地把网络协议的概念呈现在学生面前。解释如何把复杂问题分层分解的思想与方法是通过让学生了解寄信的过程，在交流和讨论过程中结识分层思想的好处。OSI层次模型的内容设计并没有像传统教材那样逐个介绍其各层的功能，而把重点放在让学生了解为什么要分层及分层的好处是什么。通过OSI/RM与TCP/IP协议的比较，可以让学生学会进行知识迁移，掌握新的知识。
【涉及课标】
1、理解网络协议的基本概念；
2、能描述网络的开放系统互联协议分层模型的基本思想；
3、能描述因特网TCP/IP协议的基本概念、思想与功能。
4、能描述ＯＳＩ模型分层模型的基本思想。
【教学课时】
1课时
【教学目的】：
知识与技能：
了解与网络协议安装相关的硬件知识，结识采用连网设备，可以判断“网卡”是否已经对的安装；
过程与方法：
掌握安装网络通信协议软件的方法，可以了解网络协议的基本参数。对TCP/IP协议的配置参数有一个初步的了解。
情感态度与价值观：
让学生通过模仿教师操作，学会进行结果验证。
【教学重点】
了解与网络协议安装相关的硬件知识，结识采用连网设备，可以判断“网卡”是否已经对的安装；（2）掌握安装网络通信协议软件的方法。
【教学方法】
任务驱动法，演示法
【教学准备】
教师提前准备演示课件
【教学过程】
复习提问：同学们，我们在前面学习过网络的定义，学习了网络由三个组成部分？下面我找个同学回答一下网络的组成部分？
网络由计算机、传输介质和通信设备、网络软件（重要是指网络协议），下面我们一起来结识一个网络协议。
一、网络协议
打电话的过程，拿起电话听一下有没有拨号音，可果有再拨号。当听到对方的铃声后，等候对方拿起话机。双方开始通话，双方都会约定使用同一种语言。我们都得服从这样的一个通话规则，否则双方无法通话。
协议：通信双方所共同遵循的规则。
同样，在网络上的计算机之间，通信设备之间，计算机与通信设备之间互换信息也要有一些规定和约定，这就是网络协议。
在网络组建过程中，具体选择哪一种网络通信协议，重要取决于网络的规模、网络的兼容性和和网络的管理等几个方面。在局域网中一般采用NETBEUI，IPX/SPX和TCP/IP三种协议。这三种协议的特点详见课本P21表1-6

二、安装网络协议软件
现在网络教室中可以使用计算机网络实现共享，就是由于计算机中已经安装并配置好了网络协议。下面，就一起来看看是如何安装网络协议，让计算机可以真正“对话”。

三、网络协议OSI模型
1、分层体系结构
对一复杂问题的解决与分析，可以采用一种分层的思想方法来解决。在计算机网络协议的设计中，就采用了这种分层设计的思想。前面所述的三种协议都是一种分层的体系结构，不同协议的分层结构是不同的，每种协议都会有独特的层次结构和组织方式，是由各自的生产厂商自行定义的。

2、OSI层次模型
随着计算机技术和通信技术的不断发展，网络的规模与数量都得到了迅猛增长，但是许多网络都是基于不同的硬件和软件实现的，这使得它们之间不兼容，并且很难在不同标准的网络之间进行通信。为了解决不同标准的网络之间进行通信的问题，国际标准化组织（ISO）研究提出了开放系统互联参考模型（简称OSI层次模型）
四、TCP/IP协议简介
TCP/IP协议，是目前最常用的一种网络协议，它是计算机世界里的一个通用协议，在OSI参考模型出现前2023就存在了，事实上是许多协议的总称，涉及TCP和IP协议及其他100多个协议。
TCP/IP协议是一种分层的体系结构，分为四个层，分别为应用层，传输层，网际层，网络接口层。
练习：
练习（1）中，假设学生作为网络生产厂商是否乐意采用OSI参考模型作为产品开发的模型。
问题的提出实质上是要我们在关注OSI分层模型体系的优点的同时，可以结识到其局限性，养成辩证的思维方式。作为一个国际标准，要满足所有用户的规定，其开发周期势必很长，并且完毕的结果对于大多数用户来说有许多地方式是复杂且不必要的，最终OSI标准未能普及。但网络生产厂商会在设计自己的产品时与OSI分层模型联系起来，以它作为思考的出发点。

练习（3）“从分层结构图看，TCP/IP体系结构模型比OSI分层参考模型简朴”，这种描述是不对的。从分层的数量上看，TCP/IP体系结构模型的确比OSI分层参考模型少，但作为一个协议体系，不能从分层的数量多少说明其系统的复杂性。在实际开发过程中，由于OSI模型的分层较多，对于各层功能的定义相对比TCP/IP分层要精确，在设计与实现过程中会容易。TCP/IP的网络接口层，要适应用不同的子网体系结构，消除不同子网体系差异，它的设计与实现是相对复杂的。最后，TCP/IP协议体系比OSI分层参考模型早十年推出并应用，OSI分层参考模型是在参考了TCP/IP协议的分层思想后，对其各层功能再进行细化的定义。因此，原命题的结论是不对的。

第五课 组建局域网
【教学目的】
1、知识与技能：
（1）了解双绞线的标准线序（对等线与交叉线），并尝试交叉线的制作。
（2）熟悉网卡，知道网卡的用途，并尝试进行安装。
（3）理解网络组建的所需要的硬件设备以及网络协议的配置。
（4）学会简朴对等网的组建。
2、过程与方法：
（1）能运用多种方法对网络进行测试。
（2）经历对等网组建的过程，理解组网的基本过程。
3、情感态度与价值观：
（1）通过建立对等网，加深对网络的结识。
（2）通过对等网络的组建，可以关注家庭、学校、社会上网络的情况。
（3）在组网的过程中，加强与别人讨论和交流的能力。
（4）通过对等网络的组建，提高学生在网络组建方面的自我效能感。
【学习重点】
1、 双绞线的制作
2、 网络的配置
3、 网络组建的基本思想。
【学习难点】
1、 对等线与交叉线之间的区别与制作方式
2、 网络的配置和测试
【教学策略】
1．任务探究法
2．小组学习：每4个学生为一组，每组一台计算机，学生们要合作安装网卡，进行网络的设立，然后小组中制作一条交叉线，最后能做到组间互相访问。
3．反思学习：在学习和制作的过程中，不断反思，提高学生的元认知水平
【教学课时】
2学时
【教学资源】
1、 可以连通互联网的多媒体电脑室。
2、 实验室，内有已经安装Windows操作系统的带网卡的计算机16台、RJ45接头（水晶头）若干、网线若干（涉及部分已经钳制好的交叉线），网线钳28个、网线测量仪14个、互换机4台
3、 教师预先编写好的学生组网活动手册每人一份

【教学过程】
教学环节
教师活动
学生活动
设计意图

1.创设情景，引起学生学习的爱好(3分钟)
问题：“小明家新买了一台电脑，他的旧电脑还运营着windows me，现在希望把本来电脑里的大约20G的数据复制到新电脑里，请同学们帮他想一想，有些什么好办法？”听取学生列举方案，并提出：“假如使用对等网的连接
学生列举方案：
1、硬盘对拷
2、双机互连，通过局域网共享数据
……
提出问题，引出对等网络的组建的教学内容，吸引学生的爱好
2．上网搜索了解双机互连的各种方法。（7分钟）
提出问题：1、什么是对等网；2、对等网的连接方式有哪几种；3、分别需要哪些设备？
学生分组（4个人一组），带着问题上网寻找小型网络的组建方案，并将其填写在学生活动手册上，组内讨论。
引导学生积极积极地通过网络探究双机直连的对等网网络组建的多种方案。
3．拟定网络连接的方案（3分钟）
教师总结，并拟定实验方案1．双机通过网线直接连接；2．通过互换机/集线器实现网络的连接
学生发言，选择一种组网方案，并说明该组网方案需要哪些设备
拟定组网的方案

4．了解网线制作的方法（5分钟）
问题：“双绞线的标准线序有哪些？双绞线的连接线序有哪些？”
学生上网查找并把网线制作的线序标准填写在学生活动手册上。知道双绞线的两种连接线序，了解双绞线的标准线序，并了解双绞线的两种连接线序（T568A和T568B），为网线的制作做好准备
5．网线钳的使用，及交叉线的制作（10分钟）
1．引导学生探讨不同线序的不同用途。

2．教师示范网线钳的使用，并提醒交叉线制作中的注意事项
学生讨论不同线序的网线的不同用途，知道两机直接使用的是交叉线。
在教师的指导下探究学习交叉线的制作。
6．网络的配置（5分钟）
需要进行哪些方面的配置
探究网络的配置
对网络的配置有一个初步的结识
7．网络的测试（7分钟）
1．问题：
l 网卡是否正常工作，如何判断？
l 如何判断网线是否正常
l 网络连通的多种判断方法
l 网络不同也许存在的问题
2．请学生讨论
3．教师小结
1．学生带着问题上网搜索，并在小组内部讨论
2．同学间分享
3．听取教师的总结，
网络的测试是一个较难的工作，并且互联网上也不也许把所有的情况列举，因而教师通过这个环节，把网络配置及网络测试的相关的注意事项告诉学生。
8．实验一：双机直连（具体见流程图）（33分钟）
任务一：网卡的安装
教师观测学生的操作，及时发现问题，并指导学生对的操作。
结识网卡，并安装硬件和软件
把组网过程分为四个任务，学生组内再进行分工合作，完毕任务以后组内进行交流学习。引导学生间通过组内合作，组间交流，学生提高学生的交流和协作的能力。同时学生在实际的操作中发现问题，并不断通过反思学习来解决问题。
任务二：网线的制作
制作用于双机直连的交叉线
任务三：网络的连接配置，以及网络的测试
网络的配置，需要组间的协调
任务四：实现数据共享
共享数据并进行数据的传输
实验二：多台计算机间通过集线器/互换机连接
学生把网线接到互换机上，并进行网络配置。
让提前完毕任务的小组进行实验二的操作。
9交流和总结（7分钟）
1．请学生交流组网的体会。
2．对本课进行总结。
1．部分学生与全班分享一下自己在组建网络过程中的体会。
2听教师总评。
通过学生的自评，交流中初步学习使用反思学习的方法。
课外拓展
小明打算通过宽带连接到互联网，请你帮他想一想，如何使小明的这两台计算机同时连到互联网，有哪些解决方案？
有爱好有条件的学生在课外研究
让学生把知识应用于实际

第六课 接入因特网

学习目的：

１、 了解因特网的各种接入方式
２、 掌握ADSL虚拟拨号上网的软、硬件配置安装
３、 了解因特网上的服务组织

教学重点、难点：

ADSL 上网的安装配置

教学过程：

一、因特网的接入方式
1、拨号接入：
普通Modem拨号接入、ISDN拨号接入、ADSL虚拟拨号接入
2、专线接入
Cable Modem接入、DDN专线接入、光纤接入
3、局域网接入
4、无线接入

二、ADSL虚拟拨号配置
1、ADSL硬件安装
2、网卡、网卡驱动程序、TCP／IP网络协议的安装
3、ADSL虚拟拨号软件（PPPoE拨号程序）的安装
WinXP已自带PPPoE软件

二、 因特网上的服务组织

ISP：因特网服务供应商，Internet Service Provider。

ICP：因特网内容提供商，Internet Content Provider。如新浪、搜狐等网站。

ASP：网络应用服务商，Application Service Provider。重要为公司、事业单位进行信息化建设，开展电子商务提供各种基于因特网的应用服务，如主机租用、托管、应用系统（邮件，电子商务平台）服务。
教学反思：

第七课 IP地址及其管理

学习目的：

１、 掌握IP地址的分类、格式及子网掩码的作用
２、 掌握域名的组成和格式、域名系统的作用
３、 了解客户机域名服务器设立及互联网域名管理
教学重点、难点：

会区别IP地址类别，会判断IP格式对的与否，会判断网络号和主机号

教学过程：

一、IP地址及其管理

１、 IP地址：

采用TCP/IP协议接入因特网，为了使网上的每一台主机都可以和其他计算机通信，需要有一个全球都接受的方法来标记网上的计算机。因特网上的每台主机都分派了一个唯一的地址，称为互联网地址（Internet address）或IP地址（IP address），该地址用在所有与该主机的通信中。

１、 IP格式：
２、 IP 地址是由四个用小数点隔开的十进制整数组成的。事实上，一个IP地址是一个32位的二进制数。每8个位可以用一个十进制整数数字来表达，以简化人们的记忆。

例如：某学校网络中的一台计算机IP地址为202.112.81.34，则相应的二进制表达：

     202.112.81.34

　　　     11001010.01110000.01010001.00100010

4、IP地址分类

第八课、网络域名及其管理
学习目的：
1.掌握域名的组成和格式、域名系统的作用
2.了解客户机域名服务器设立及互联网域名管理
教学重点、难点：

会分析域名的组成，每部份的含义。

教学过程：

二、网络域名及其管理
（一）、域名和域名系统
同学们上网的时候在浏览器里有三种输入地址的方法：
１、输入IP地址，如：166.111.4.100
２、输入英文名称，如：
３、输入中文名称，如：清华大学
其实计算机只能辨认IP地址，但这种数对人来说太难记，于是引入了后面两种方式（域名），当人们使用域名方式访问某台远程主机时，计算机必须一方面将域名“翻译”成相应的IP地址，然后才干通过IP地址与该主机联系。这个翻译的过程称为“域名解析”。反过来，由IP地址得出域名地址的过程称为“域名反向解析”。因特网采用一种分布式分层机制的域名系统DNS来使域名与IP地址之间的解析和反向解析能快速有效地进行。
（二）、域名的组成
域名的基本格式：
主机名 . 机构名 . 网络名 . 地区域或行业域名

其域名表达清华大学计算机系的一台主机
一台主机
计算机科学系
清华大学校园网络名
中国科研教育网的网络名
“中国”地区域名

（三）、客户机域名服务器的设立
以windows XP为例，桌面“网上邻居”右键--属性，在新打开的窗口中的“本地连接”上右键--属性。

（四）、域名的管理
因特网的域名管理方法是：规定顶级域的划分，顶级域名由Internet网络信息中心负责管理；顶级域以下的划分则由各个域自行管理。    
因特网的顶级域分为两大类：
顶级域名行业域名属性对照表 顶级域名地区域名范例对照表

第九课　因特网上的信息资源
学习目的：
１、 了解什么是网络信息资源、网络信息资源的特点
２、 掌握因特网信息资源的形式
３、 掌握WWW信息资源、FTP资源
教学重点、难点：重点掌握两种网络信息资源：WWW信息资源、FTP资源
教学过程：
1、  什么是网络信息资源
l 定义：是指在网络上蕴藏着的各种形式的知识、资源、情报、消息等。
l 重要内容：
（1）为国家和政府服务的政府信息资源。
（2）为社会公众服务的公共信息资源。
（3）为生产和消费提供的商用信息资源。
媒体类型：文字、图像、图形、动画、音频、视频等。
2、 因特网信息资源的特点
（1）呈全球性分布式结构。
（2）以多媒体、多语种的形式表现。
（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、万维网信息资源的特点
l （1）以超文本/超媒体形式组织
l （2）分散存储
l （3）具有动态性
3、万维网服务器与浏览器
（1）万维网服务器
提供万维网信息需要有专用的万维网服务器。
（2）浏览器
浏览器是到达数百万Web网站的工具。通过在浏览器中输入网站地址可以访问到万维网中的信息。
4、统一资源定位器
（1）因特网上的资源非常丰富，我们用一种统一且方便的方法来标记，辨认这些资源。因特网上采用统一资源定位器（Uniform Resource Locators，缩写为URL）来辨认网络上的资源。
（2）URL的基本格式：
协议：//域名（或IP地址）[：端标语]/文献名
（3）用户点击HTML网页中的超链接，实质上也是一个URL。

二、FTP资源
1、FTP资源
（1）定义：（File Transport Protocol）是文献传输协议。FTP服务器就是存放文献型资源并执行文献传输协议实现文献传输功能的计算机。
（2）与万维网的区别：FTP服务器存放的资源往往直接就是用户需要获取的目的。而万维网网页中除了文本信息外，用户往往还要通过超链接才干找到需要的资源。
2、FTP客户端软件
（1）优势：大多数浏览器可以下载文献，但一般不能上传文献，而FTP客户端软件却可以实现这一规定。
（2）FTP客户端工具有两种模式：Windows命令行模式和图形截面窗口模式
例：FlashFXP窗口

第十课 因特网上的信息交流

学习目的：

１、 了解因特网上的两大类信息交流方式
２、 了解因特网上的多媒体技术
教学重点、难点：

掌握电子邮件的格式、使用模式及免费Email的申请使用
教学过程：

一、因特网上的信息交流

（一）、非实时的信息交流方式

1、电子邮件△
2、留言板
3、BBS论坛
（二）、实时的信息交流方式

1、即时消息（Instant Messaging）如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）假如对方无法直接点对点联系，则用服务器中转方式完毕。

二、因特网多媒体技术
（一）、流媒体技术
Ø 什么是流媒体技术 P83
Ø 1、压缩媒体文献格式　 P83表3-7
Ø 2、流媒体文献格式 　 P83表3-8
Ø 流媒体服务器与播放器
Ø 流媒体技术应用
（二）、网络虚拟现实技术
Ø VRML(Virtual Reality Modeling Language 虚拟现实建模语言)
Ø 全景环视技术

第十一课　网站的规划与设计
学习目的：

学习如何进行网站规划及网站设计

教学重点、难点：

网页设计中的页面表格布局的设计

教学过程：
网站的规划

一、 开发网站的基本过程

网站的规划-->网站的设计-->网页的制作-->网站的发布与管理-->网站的评价

二、网站主题的拟定
网站的规划从选择网站的主题开始。
网站的选题就是要根据网站的开发目的和访问网站的用户群确立网站的主题，并给网站起一个简练响亮的名字。
请每个同学拟定自已的网站主题，参考课本P95页，表4-2。

三、网站运营环境的拟定
学校的校园网提供了高带宽、平稳的网站运营环境，为同学们提供存放网站的磁盘空间。
提交网站与访问网页的方法：
提交：机房提供的FTP服务器 ftp://10.105.5.53 或　ftp://10.105.5.253 的个人空间
访问：

四、网页制作工具的选择
每种网页制作工具均有优缺陷，我们采用Frontpage来作为网页设计制作工具。我们可以配合photoshop、fireworks等图像解决软件，制作出精美的网页。

网站的设计

网站设计一般涉及网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。

一、网站的结构设计
在动手制作一个网站前，应当构思好网站的结构图，做到层次清楚。如课本P100页，图4-5就是“虎门销烟启思录”网站的结构图。

二、网页的版面设计

1、风格设计
风格是指网站的整体形象给浏览者的综合感受。或严厉庄重，或清爽温馨，或深沉厚重，或生动活泼，或古朴典雅，或豪迈奔放。风格的设计与主题是密不可分的，是为突出主题服务的。

2、版面布局设计
版面布局设计就是指要呈现的内容在网页中的位置安排，一般都是用表格进行版面布局设计的。如下面为“虎门销烟启思录”网站的版面布局。

内容描述
栏目导航区
提醒
信息区
重要内容
附加信息

三、网页的交互设计
网页的交互设计也就是导航栏的设计、超链接的设计。导航栏设计的目的就是将零散的网页串成一个整体从而形成网站，用户在浏览网站时可根据所需进行选择浏览，自由地在各网页间跳转。

课堂任务：

1、 每个同学构思自己要建立的网站主题及网站结构组成，以“文本文献”的形式形成结果并提交。　范例---->>>
提交作业两环节：
　　　　　　　①、登录FTP个人空间，将文本文献上传
　　　　　　　②、点击本节课“提交”，然后根据提醒操作。
2、 据自已所构思的网站主题、结构组成，上网搜索所需的素材。
第十二课　网页制作（一）

学习目的：新建一个站点及网站首页的制作

教学重点、难点：
１、 使用表格功能进行页面布局
２、 插入表格、设立表格属性、设立单元格属性

教学过程：

网页制作过程一般如下所示：
收集和制作素材à新建空白网站和网页à编辑网页图文à保存预览à链接网页

一、 收集和制作素材
请同学们按自已选定的网站主题及设定的栏目上网搜索素材，并学会对图片进行简朴的加工制作以适应我们设计的网站需要。

二、 新建网站及网页
１、新建空白站点的方法：
启动FrontPage，然后“文献”à“新建”à“站点”à“空白站点”
２、新建空白网页的方法：
单击常用工具栏上的“新建”按钮　或　单击“视图”菜单下的“网页”。
具体操作请认真看课堂演示（有视频动画教程）

三、 使用表格进行页面布局
１、常见的网页布局：

上下型
T字型
开字型

其它布局类型

２、插入表格、设立表格属性、设立单元格属性
具体操作请认真看课堂演示（有视频动画教程）

四、课堂任务
１、建立自己的网站站点，并用表格为网站首页做好布局设计
说明：建立站点时请将站点建立位置指定到D盘的你的网站文献夹
２、简朴使用图像解决软件（如：FireWork或其它软件）为自己的网站制作美丽的顶部主题Banner，最后将设计结果导出到自己网站的文献夹下。
３、将本节课完毕的整个站点文献夹上传到个人空间保存，并发布提交你设计的主题Banner文献。
发布提交方法：

第十三课　网页制作（二）

学习目的：

掌握编辑网页图文的各种操作

教学重点、难点：

插入图片、设立网页背景颜色、背景图、背景音乐

教学过程：

一、编辑网页图文
１、编辑网页文字
　　运用工具栏编辑文字的字体、字号、颜色、对齐方式等

２、网页的背景颜色、背景图、背景音乐
“格式”菜单下的“背景”命令

３、插入图片
　　在自己的网站文献夹下新建一个保存图片的文献夹，命名为images或pic等。
插入图片的两种方法，你可以选择其中一种：
方法一、先保存图片，后将图片插入网页：
把你需要插入网页的图片所有预先保存在你的图片文献夹中，如:images；
将图片文献名改名为英文名（中文名的图片名称将导致网页显示犯错）；
单击“插入”－〉“图片”，再单击“来自文献”，打开“图片”对话框，浏览你所要插入的图片位置images，点选图片，点“拟定”。

方法二、先将图片插入网页，后保存图片：
单击“插入”－〉“图片”，再单击“来自文献”，打开“图片”对话框，浏览你所要插入的图片位置，点选图片，点“拟定”。
保存网页时出现保存图片的对话框，选择合适的图片保存位置，如：images。注意将图片文献名改成英文名。

４、插入多媒体音频、视频和SWF动画
请看教程：

二、保存预览
点击工具栏的实现预览，观看显示效果。

第十四课　网页制作（三）

学习目的：使用模板或共享边框快速生成网站其他网页

教学重点、难点： 共享边框的使用

教学过程：

一、使用模板生成网页
　　为保持网站风格的一致性，通常网站中各个网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式保持一致，可以把相同的部分提取出来制作成模板，供制作其他网页时使用。
（1）建立模板
创建一个网页，将其保存为“模板文献”。
（2）从模板文献中新建网页
“文献”――》“新建”――》“网页”――》选择模板后“拟定”

二、共享边框
设计网页时，经常会碰到一些需要在每一页上都显示的信息，假如在每一页单独添加就很麻烦，假如使用共享边框，就可以使每一个网页以水平或垂直的方式显示在多个网页中都要显示的信息。

具体详见洪恩教程：

三、课堂任务
1、 打开你的网站首页文献（index.htm），采用共享边框的方法，将准备在你的网站中每个网页都要显示的共同部分移入共享边框中；
2、 在“导航”视图下，采用复制、粘贴的方法快速得到你的网站各栏目的网页文献，并分别对各栏目网页文献进行加工、解决。

第十五课　网页制作（四）――插入超链接
教学目的：
1、 掌握插入超链接的操作方法；
2、 将所有网页通过超链接集成一个完整的“网站”。
重点难点：
几种超链接的掌握，即链接到URL、链接到网页文献、链接到Email、书签链接
教学过程：
一、什么是超链接？
　　超级链接是指站点内不同网页之间、站点与Web之间的链接关系，它可以使站点内的网页成为有机的整体，还可以使不同站点之间建立联系。
超级链接由两部分组成：链接载体（源端点）和链接目的（目的端点）。
　　许多页面元素可以作为链接载体，如：文本、图像、图像热区、轮替图像、动画……。而链接目的可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置 -- 锚点。

二、插入超级链接（课本116页）
　　制作超级链接就是指定超级链接的两个要素：链接载体和链接目的。遵循WINDOWS的操作原则：先选定，再操作。
１、设立文本链接
２、设立图片链接
３、设立热点链接
　　创建“热点”（视图――工具栏――图片，在“图片”工具栏里有创建热点的按钮）
　　设立热点相应的超链接地址
４、建立网页书签（锚点）
书签：是网页中被标记的位置或被标记的文本。
操作环节：
插入/书签
设立到书签的超链接
５、设立Email链接
　　在链接地址输入：mailto:电子邮件地址
三、课堂任务
尽快完毕网站各栏目网页，设立好所有超链接，使整个网页成为一个整体。

第十六课　网页制作（五）

学习目的：

学会应用样式表美化网页等高级操作技巧

教学重点、难点：

样式表的应用、滚动文字等的添加

教学过程：

一、 应用样式表美化网页

实例：将整个网站所有网页的字号设为10pt，文字颜色定为自己喜欢的颜色

二、 制作网页动态特效

实例：添加图片特效――鼠标悬停图片变换效果

三、 ActiveX控件和组件的应用