1、第一课结识计算机网络教学目的:了解计算机网络的功能、分类;掌握计算机网络的定义、组成。重点:计算机网络的功能、组成、定义。难点:计算机网络的组成教学过程:一、 引入计算机网络技术的发展和普及日益改变着我们的学习和生活,各种各样的网络应用让我们眼花缭乱,因特网让我们真正体会到信息爆炸的威力,这节课我们一起来谈谈我们对计算机网络的结识。二、新课讲授(一) 计算机网络的功能(阅读课本P2P3,并填表)活动一:小组讨论总结我们生活中有哪些地方使用了计算机网络。活动二::结合活动一中列举的计算机网络的具体应用实例,总结归纳计算机网络的功能.总结:计算机网络的应用虽然已经渗透到生活的方方面面,但所有的应用
2、可以归结为三大功能:资源共享、数据通信和分布解决与分布控制。(二) 计算机网络的组成与定义活动三:了解学校计算机网络的建设情况。总结两点:、计算机网络组成:(1)、多台地理上分散的独立计算机系统。(2)、通信协议。(3)、传输介质和网络设备。、计算机网络是多台地理上分散的独立计算机系统遵循约定的通信协议,通过传输介质和网络设备互相连接起来,实现数据通信、资源共享的系统。(四)计算机网络的分类 按覆盖的面积的大小来分:名称 网络规模大小局域网LAN 10千米以内城域网MAN 10千米到60千米以内广域网WAN 100千米以外交流:除我们了解的校园网、网络实验室这类局域网以外,请与同学们交流,看能
3、否为城域网和广域网举一些实际应用的例子。三、课堂小结四、作业1、学习本节内容之前,你是否认为计算机网络就是因特网,谈谈你的见解。2、浏览网页、收发邮件、网络聊天就是计算机网络的功能,请你谈谈这种说法对的吗?为什么?3、完毕在线随堂小测。教学反思:第二课不同的连接策略学习目的:、 了解网络类型、网络传输介质、网络连接设备、 掌握网络拓扑结构教学重点、难点: 各种网络拓扑结构的结识教学过程:一、根据需求选择网络问题:假如你希望与邻居好友的计算机连接起来,可以共享彼此的文献与打印机,并可以联网打游戏,请问你如何组网?需求分析:计算机数量?实现服务?组网距离?速度?介质?设备?协议?一、网络类型类型优
4、点缺陷对等网(workgroup)每台计算机能同时提供和使用资源;无须服务器负载大;备份困难密码多服务器(Server)-客户机(Client)对资源集中控制,使用户更容易找到资源需要有专门服务器及网络操作系统(造价高)二、网络传输介质超5类双绞线同轴电缆光纤图示传输速率100Mbps/155Mbps以上10Mbps/100Mbps1000Mbps以上价格相对便宜相对便宜昂贵安装难易度容易安装和管理,需使用RJ-45连接器。容易安装和管理,需使用BNC连接器件,线两端需要使用终结器件并有良好接地比较复杂和精细,需使用光纤连接器件和光电转换器件合用场合100M内500M内可达20公里以上三、网络
5、中的连接设备网络连接设备通常分为两大类: (1)网内连接设备; (2)网间连接设备。 网内连接设备重要有网卡、集线器、互换机及中继器等。网间连接设备重要有网桥、路由器及网关等。同时随着无线局域网产品技术的不断成熟,基于802.11系列标准的无线局域网连接设备也开始出现。四、网络的拓扑结构第三课 网络中的数据通信、网络协议学习目的:、 了解两种通信信号、信道与带宽及掌握两种信息互换方式、 了解网络协议及如何安装网络协教学重点、难点:分辨两种数字信号和模拟信号,区别电路互换技术与分组互换技术 教学过程:1.3网络中的数据通信、 通信信号数字信号模拟信号波形特点抗干扰能力强、便于存储、保密性好、可靠
6、性高保密性差、易失真、易受干扰、通信质量差、信道与带宽信 道带 宽概念是通信双方之间以传输介质为基础传递信号的通路,由传输介质及其两端的信道设备共同构成。从抽象的角度看,信道实质上是指定的一段频带。 是指通信信道的传输容量。从抽象的角度看,带宽是指信道可用的最高频率与最低频率之差。 单位传输模拟信号的传输介质则使用频率单位赫兹(Hz)来表达带宽传输数字信号的传输介质则使用比特率(bps)作为带宽的量度。 比特率反映了一个数据传输系统每秒内所传送的信息量的大小。 、 信息互换方式传统电话IP电话采用技术电路互换分组互换原理预先分派传输带宽。用户在开始通话之前,先要申请建立一条从发端到收端的物理通
7、路。只有物理通路建立之后,双方才干互相通话。在通话的所有时间里,用户始终占用端到端的固定传输带宽。将用户要传送的信息分割为若干个分组(packet),以“存储转发”的形式,每个分组中有一个分组头,具有可供选路的信息和其他控制信息。优缺陷线路运用率低,专线专用,费用较高。延时短,线路运用率高,费用低,但话音质量低。第四课 网络协议 【教材分析】 “第四节 网络协议”内容是讲述网络协议的基本概念。本节内容的安排是通过任务驱动和学生交流来完毕学习任务。物理上的连接局限性以让网络能互相通信交流,让学生动手安装网络协议,更好地把网络协议的概念呈现在学生面前。解释如何把复杂问题分层分解的思想与方法是通过让
8、学生了解寄信的过程,在交流和讨论过程中结识分层思想的好处。OSI层次模型的内容设计并没有像传统教材那样逐个介绍其各层的功能,而把重点放在让学生了解为什么要分层及分层的好处是什么。通过OSI/RM与TCP/IP协议的比较,可以让学生学会进行知识迁移,掌握新的知识。 【涉及课标】 1、理解网络协议的基本概念; 2、能描述网络的开放系统互联协议分层模型的基本思想; 3、能描述因特网TCP/IP协议的基本概念、思想与功能。 4、能描述模型分层模型的基本思想。 【教学课时】 1课时 【教学目的】: 知识与技能: 了解与网络协议安装相关的硬件知识,结识采用连网设备,可以判断“网卡”是否已经对的安装; 过程
9、与方法: 掌握安装网络通信协议软件的方法,可以了解网络协议的基本参数。对TCP/IP协议的配置参数有一个初步的了解。 情感态度与价值观: 让学生通过模仿教师操作,学会进行结果验证。 【教学重点】 了解与网络协议安装相关的硬件知识,结识采用连网设备,可以判断“网卡”是否已经对的安装;(2)掌握安装网络通信协议软件的方法。 【教学方法】 任务驱动法,演示法 【教学准备】 教师提前准备演示课件 【教学过程】 复习提问:同学们,我们在前面学习过网络的定义,学习了网络由三个组成部分?下面我找个同学回答一下网络的组成部分? 网络由计算机、传输介质和通信设备、网络软件(重要是指网络协议),下面我们一起来结识
10、一个网络协议。 一、网络协议 打电话的过程,拿起电话听一下有没有拨号音,可果有再拨号。当听到对方的铃声后,等候对方拿起话机。双方开始通话,双方都会约定使用同一种语言。我们都得服从这样的一个通话规则,否则双方无法通话。 协议:通信双方所共同遵循的规则。 同样,在网络上的计算机之间,通信设备之间,计算机与通信设备之间互换信息也要有一些规定和约定,这就是网络协议。 在网络组建过程中,具体选择哪一种网络通信协议,重要取决于网络的规模、网络的兼容性和和网络的管理等几个方面。在局域网中一般采用NETBEUI,IPX/SPX和TCP/IP三种协议。这三种协议的特点详见课本P21表1-6 二、安装网络协议软件
11、 现在网络教室中可以使用计算机网络实现共享,就是由于计算机中已经安装并配置好了网络协议。下面,就一起来看看是如何安装网络协议,让计算机可以真正“对话”。 三、网络协议OSI模型 1、分层体系结构 对一复杂问题的解决与分析,可以采用一种分层的思想方法来解决。在计算机网络协议的设计中,就采用了这种分层设计的思想。前面所述的三种协议都是一种分层的体系结构,不同协议的分层结构是不同的,每种协议都会有独特的层次结构和组织方式,是由各自的生产厂商自行定义的。 2、OSI层次模型 随着计算机技术和通信技术的不断发展,网络的规模与数量都得到了迅猛增长,但是许多网络都是基于不同的硬件和软件实现的,这使得它们之间
12、不兼容,并且很难在不同标准的网络之间进行通信。为了解决不同标准的网络之间进行通信的问题,国际标准化组织(ISO)研究提出了开放系统互联参考模型(简称OSI层次模型) 四、TCP/IP协议简介 TCP/IP协议,是目前最常用的一种网络协议,它是计算机世界里的一个通用协议,在OSI参考模型出现前2023就存在了,事实上是许多协议的总称,涉及TCP和IP协议及其他100多个协议。 TCP/IP协议是一种分层的体系结构,分为四个层,分别为应用层,传输层,网际层,网络接口层。 练习: 练习(1)中,假设学生作为网络生产厂商是否乐意采用OSI参考模型作为产品开发的模型。 问题的提出实质上是要我们在关注OS
13、I分层模型体系的优点的同时,可以结识到其局限性,养成辩证的思维方式。作为一个国际标准,要满足所有用户的规定,其开发周期势必很长,并且完毕的结果对于大多数用户来说有许多地方式是复杂且不必要的,最终OSI标准未能普及。但网络生产厂商会在设计自己的产品时与OSI分层模型联系起来,以它作为思考的出发点。 练习(3)“从分层结构图看,TCP/IP体系结构模型比OSI分层参考模型简朴”,这种描述是不对的。从分层的数量上看,TCP/IP体系结构模型的确比OSI分层参考模型少,但作为一个协议体系,不能从分层的数量多少说明其系统的复杂性。在实际开发过程中,由于OSI模型的分层较多,对于各层功能的定义相对比TCP
14、/IP分层要精确,在设计与实现过程中会容易。TCP/IP的网络接口层,要适应用不同的子网体系结构,消除不同子网体系差异,它的设计与实现是相对复杂的。最后,TCP/IP协议体系比OSI分层参考模型早十年推出并应用,OSI分层参考模型是在参考了TCP/IP协议的分层思想后,对其各层功能再进行细化的定义。因此,原命题的结论是不对的。 第五课 组建局域网【教学目的】1、知识与技能:(1)了解双绞线的标准线序(对等线与交叉线),并尝试交叉线的制作。(2)熟悉网卡,知道网卡的用途,并尝试进行安装。(3)理解网络组建的所需要的硬件设备以及网络协议的配置。(4)学会简朴对等网的组建。2、过程与方法:(1)能运
15、用多种方法对网络进行测试。(2)经历对等网组建的过程,理解组网的基本过程。3、情感态度与价值观:(1)通过建立对等网,加深对网络的结识。(2)通过对等网络的组建,可以关注家庭、学校、社会上网络的情况。(3)在组网的过程中,加强与别人讨论和交流的能力。(4)通过对等网络的组建,提高学生在网络组建方面的自我效能感。【学习重点】1、 双绞线的制作2、 网络的配置3、 网络组建的基本思想。【学习难点】1、 对等线与交叉线之间的区别与制作方式2、 网络的配置和测试【教学策略】1任务探究法2小组学习:每4个学生为一组,每组一台计算机,学生们要合作安装网卡,进行网络的设立,然后小组中制作一条交叉线,最后能做
16、到组间互相访问。3反思学习:在学习和制作的过程中,不断反思,提高学生的元认知水平 【教学课时】2学时【教学资源】1、 可以连通互联网的多媒体电脑室。2、 实验室,内有已经安装Windows操作系统的带网卡的计算机16台、RJ45接头(水晶头)若干、网线若干(涉及部分已经钳制好的交叉线),网线钳28个、网线测量仪14个、互换机4台3、 教师预先编写好的学生组网活动手册每人一份【教学过程】教学环节 教师活动 学生活动 设计意图 1.创设情景,引起学生学习的爱好(3分钟) 问题:“小明家新买了一台电脑,他的旧电脑还运营着windows me,现在希望把本来电脑里的大约20G的数据复制到新电脑里,请同
17、学们帮他想一想,有些什么好办法?”听取学生列举方案,并提出:“假如使用对等网的连接 学生列举方案:1、硬盘对拷2、双机互连,通过局域网共享数据 提出问题,引出对等网络的组建的教学内容,吸引学生的爱好2上网搜索了解双机互连的各种方法。(7分钟) 提出问题:1、什么是对等网;2、对等网的连接方式有哪几种;3、分别需要哪些设备? 学生分组(4个人一组),带着问题上网寻找小型网络的组建方案,并将其填写在学生活动手册上,组内讨论。 引导学生积极积极地通过网络探究双机直连的对等网网络组建的多种方案。3拟定网络连接的方案(3分钟) 教师总结,并拟定实验方案1双机通过网线直接连接;2通过互换机/集线器实现网络
18、的连接 学生发言,选择一种组网方案,并说明该组网方案需要哪些设备 拟定组网的方案 4了解网线制作的方法(5分钟) 问题:“双绞线的标准线序有哪些?双绞线的连接线序有哪些?” 学生上网查找并把网线制作的线序标准填写在学生活动手册上。知道双绞线的两种连接线序,了解双绞线的标准线序,并了解双绞线的两种连接线序(T568A和T568B),为网线的制作做好准备5网线钳的使用,及交叉线的制作(10分钟) 1引导学生探讨不同线序的不同用途。2教师示范网线钳的使用,并提醒交叉线制作中的注意事项 学生讨论不同线序的网线的不同用途,知道两机直接使用的是交叉线。 在教师的指导下探究学习交叉线的制作。6网络的配置(5
19、分钟) 需要进行哪些方面的配置 探究网络的配置 对网络的配置有一个初步的结识7网络的测试(7分钟) 1问题:l 网卡是否正常工作,如何判断?l 如何判断网线是否正常l 网络连通的多种判断方法l 网络不同也许存在的问题2请学生讨论3教师小结 1学生带着问题上网搜索,并在小组内部讨论2同学间分享3听取教师的总结, 网络的测试是一个较难的工作,并且互联网上也不也许把所有的情况列举,因而教师通过这个环节,把网络配置及网络测试的相关的注意事项告诉学生。8实验一:双机直连(具体见流程图)(33分钟) 任务一:网卡的安装 教师观测学生的操作,及时发现问题,并指导学生对的操作。 结识网卡,并安装硬件和软件 把
20、组网过程分为四个任务,学生组内再进行分工合作,完毕任务以后组内进行交流学习。引导学生间通过组内合作,组间交流,学生提高学生的交流和协作的能力。同时学生在实际的操作中发现问题,并不断通过反思学习来解决问题。 任务二:网线的制作 制作用于双机直连的交叉线 任务三:网络的连接配置,以及网络的测试 网络的配置,需要组间的协调任务四:实现数据共享 共享数据并进行数据的传输实验二:多台计算机间通过集线器/互换机连接 学生把网线接到互换机上,并进行网络配置。 让提前完毕任务的小组进行实验二的操作。9交流和总结(7分钟) 1请学生交流组网的体会。2对本课进行总结。 1部分学生与全班分享一下自己在组建网络过程中
21、的体会。2听教师总评。 通过学生的自评,交流中初步学习使用反思学习的方法。 课外拓展 小明打算通过宽带连接到互联网,请你帮他想一想,如何使小明的这两台计算机同时连到互联网,有哪些解决方案? 有爱好有条件的学生在课外研究 让学生把知识应用于实际第六课 接入因特网学习目的:、 了解因特网的各种接入方式、 掌握ADSL虚拟拨号上网的软、硬件配置安装、 了解因特网上的服务组织教学重点、难点:ADSL 上网的安装配置教学过程:一、因特网的接入方式1、拨号接入:普通Modem拨号接入、ISDN拨号接入、ADSL虚拟拨号接入2、专线接入Cable Modem接入、DDN专线接入、光纤接入3、局域网接入4、无
22、线接入二、ADSL虚拟拨号配置1、ADSL硬件安装2、网卡、网卡驱动程序、TCPIP网络协议的安装3、ADSL虚拟拨号软件(PPPoE拨号程序)的安装 WinXP已自带PPPoE软件二、 因特网上的服务组织ISP:因特网服务供应商,Internet Service Provider。ICP:因特网内容提供商,Internet Content Provider。如新浪、搜狐等网站。ASP:网络应用服务商,Application Service Provider。重要为公司、事业单位进行信息化建设,开展电子商务提供各种基于因特网的应用服务,如主机租用、托管、应用系统(邮件,电子商务平台)服务。教学
23、反思:第七课 IP地址及其管理学习目的:、 掌握IP地址的分类、格式及子网掩码的作用、 掌握域名的组成和格式、域名系统的作用、 了解客户机域名服务器设立及互联网域名管理教学重点、难点:会区别IP地址类别,会判断IP格式对的与否,会判断网络号和主机号 教学过程:一、IP地址及其管理、 IP地址:采用TCP/IP协议接入因特网,为了使网上的每一台主机都可以和其他计算机通信,需要有一个全球都接受的方法来标记网上的计算机。因特网上的每台主机都分派了一个唯一的地址,称为互联网地址(Internet address)或IP地址(IP address),该地址用在所有与该主机的通信中。、 IP格式:、 IP
24、 地址是由四个用小数点隔开的十进制整数组成的。事实上,一个IP地址是一个32位的二进制数。每8个位可以用一个十进制整数数字来表达,以简化人们的记忆。 例如:某学校网络中的一台计算机IP地址为202.112.81.34,则相应的二进制表达: 202.112.81.34 11001010.01110000.01010001.001000104、IP地址分类第八课、网络域名及其管理学习目的:1.掌握域名的组成和格式、域名系统的作用2.了解客户机域名服务器设立及互联网域名管理教学重点、难点:会分析域名的组成,每部份的含义。教学过程:二、网络域名及其管理(一)、域名和域名系统同学们上网的时候在浏览器里有
25、三种输入地址的方法:、输入IP地址,如:166.111.4.100、输入英文名称,如:、输入中文名称,如:清华大学其实计算机只能辨认IP地址,但这种数对人来说太难记,于是引入了后面两种方式(域名),当人们使用域名方式访问某台远程主机时,计算机必须一方面将域名“翻译”成相应的IP地址,然后才干通过IP地址与该主机联系。这个翻译的过程称为“域名解析”。反过来,由IP地址得出域名地址的过程称为“域名反向解析”。因特网采用一种分布式分层机制的域名系统DNS来使域名与IP地址之间的解析和反向解析能快速有效地进行。(二)、域名的组成域名的基本格式:主机名 . 机构名 . 网络名 . 地区域或行业域名其域名
26、表达清华大学计算机系的一台主机一台主机计算机科学系清华大学校园网络名中国科研教育网的网络名“中国”地区域名(三)、客户机域名服务器的设立以windows XP为例,桌面“网上邻居”右键-属性,在新打开的窗口中的“本地连接”上右键-属性。(四)、域名的管理因特网的域名管理方法是:规定顶级域的划分,顶级域名由Internet网络信息中心负责管理;顶级域以下的划分则由各个域自行管理。 因特网的顶级域分为两大类: 顶级域名行业域名属性对照表 顶级域名地区域名范例对照表 第九课因特网上的信息资源学习目的:、 了解什么是网络信息资源、网络信息资源的特点、 掌握因特网信息资源的形式、 掌握WWW信息资源、F
27、TP资源教学重点、难点:重点掌握两种网络信息资源:WWW信息资源、FTP资源教学过程:1、 什么是网络信息资源l 定义:是指在网络上蕴藏着的各种形式的知识、资源、情报、消息等。 l 重要内容:(1)为国家和政府服务的政府信息资源。 (2)为社会公众服务的公共信息资源。(3)为生产和消费提供的商用信息资源。 媒体类型:文字、图像、图形、动画、音频、视频等。2、 因特网信息资源的特点(1)呈全球性分布式结构。(2)以多媒体、多语种的形式表现。(3)属于数字化信息。(4)获取便捷,不受时间和空间制约。(5)分散存储,数量庞大。 (6)具有时效性。3、 因特网信息资源的形式(1)WWW信息资源(2)T
28、elnet信息资源(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)浏览器浏览器
29、是到达数百万Web网站的工具。通过在浏览器中输入网站地址可以访问到万维网中的信息。 4、统一资源定位器 (1)因特网上的资源非常丰富,我们用一种统一且方便的方法来标记,辨认这些资源。因特网上采用统一资源定位器(Uniform Resource Locators,缩写为URL)来辨认网络上的资源。(2)URL的基本格式:协议:/域名(或IP地址):端标语/文献名(3)用户点击HTML网页中的超链接,实质上也是一个URL。 二、FTP资源1、FTP资源 (1)定义:(File Transport Protocol)是文献传输协议。FTP服务器就是存放文献型资源并执行文献传输协议实现文献传输功能的计
30、算机。(2)与万维网的区别:FTP服务器存放的资源往往直接就是用户需要获取的目的。而万维网网页中除了文本信息外,用户往往还要通过超链接才干找到需要的资源。2、FTP客户端软件(1)优势:大多数浏览器可以下载文献,但一般不能上传文献,而FTP客户端软件却可以实现这一规定。(2)FTP客户端工具有两种模式:Windows命令行模式和图形截面窗口模式例:FlashFXP窗口第十课 因特网上的信息交流学习目的:、 了解因特网上的两大类信息交流方式、 了解因特网上的多媒体技术教学重点、难点:掌握电子邮件的格式、使用模式及免费Email的申请使用教学过程:一、因特网上的信息交流(一)、非实时的信息交流方式
31、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)假如对方无法直接点对点联系,则用服务器中转方式完毕。
32、二、因特网多媒体技术(一)、流媒体技术 什么是流媒体技术 P83 1、压缩媒体文献格式 P83表3-7 2、流媒体文献格式 P83表3-8 流媒体服务器与播放器 流媒体技术应用(二)、网络虚拟现实技术 VRML(Virtual Reality Modeling Language 虚拟现实建模语言) 全景环视技术第十一课网站的规划与设计学习目的:学习如何进行网站规划及网站设计教学重点、难点: 网页设计中的页面表格布局的设计教学过程:网站的规划一、 开发网站的基本过程网站的规划-网站的设计-网页的制作-网站的发布与管理-网站的评价二、网站主题的拟定网站的规划从选择网站的主题开始。网站的选题就是要根
33、据网站的开发目的和访问网站的用户群确立网站的主题,并给网站起一个简练响亮的名字。请每个同学拟定自已的网站主题,参考课本P95页,表4-2。三、网站运营环境的拟定学校的校园网提供了高带宽、平稳的网站运营环境,为同学们提供存放网站的磁盘空间。提交网站与访问网页的方法:提交:机房提供的FTP服务器 ftp:/10.105.5.53 或ftp:/10.105.5.253 的个人空间访问:四、网页制作工具的选择每种网页制作工具均有优缺陷,我们采用Frontpage来作为网页设计制作工具。我们可以配合photoshop、fireworks等图像解决软件,制作出精美的网页。网站的设计网站设计一般涉及网站栏目
34、结构设计、网页版面设计、网页的链接设计(导航设计)等。一、网站的结构设计在动手制作一个网站前,应当构思好网站的结构图,做到层次清楚。如课本P100页,图4-5就是“虎门销烟启思录”网站的结构图。二、网页的版面设计1、风格设计风格是指网站的整体形象给浏览者的综合感受。或严厉庄重,或清爽温馨,或深沉厚重,或生动活泼,或古朴典雅,或豪迈奔放。风格的设计与主题是密不可分的,是为突出主题服务的。2、版面布局设计版面布局设计就是指要呈现的内容在网页中的位置安排,一般都是用表格进行版面布局设计的。如下面为“虎门销烟启思录”网站的版面布局。内容描述栏目导航区提醒信息区重要内容附加信息三、网页的交互设计网页的交
35、互设计也就是导航栏的设计、超链接的设计。导航栏设计的目的就是将零散的网页串成一个整体从而形成网站,用户在浏览网站时可根据所需进行选择浏览,自由地在各网页间跳转。课堂任务:1、 每个同学构思自己要建立的网站主题及网站结构组成,以“文本文献”的形式形成结果并提交。范例-提交作业两环节:、登录FTP个人空间,将文本文献上传、点击本节课“提交”,然后根据提醒操作。2、 据自已所构思的网站主题、结构组成,上网搜索所需的素材。第十二课网页制作(一)学习目的:新建一个站点及网站首页的制作教学重点、难点:、 使用表格功能进行页面布局 、 插入表格、设立表格属性、设立单元格属性教学过程:网页制作过程一般如下所示
36、:收集和制作素材新建空白网站和网页编辑网页图文保存预览链接网页一、 收集和制作素材请同学们按自已选定的网站主题及设定的栏目上网搜索素材,并学会对图片进行简朴的加工制作以适应我们设计的网站需要。二、 新建网站及网页、新建空白站点的方法:启动FrontPage,然后“文献”“新建”“站点”“空白站点”、新建空白网页的方法:单击常用工具栏上的“新建”按钮或单击“视图”菜单下的“网页”。具体操作请认真看课堂演示(有视频动画教程)三、 使用表格进行页面布局、常见的网页布局:上下型T字型开字型其它布局类型、插入表格、设立表格属性、设立单元格属性具体操作请认真看课堂演示(有视频动画教程)四、课堂任务、建立自
37、己的网站站点,并用表格为网站首页做好布局设计说明:建立站点时请将站点建立位置指定到D盘的你的网站文献夹、简朴使用图像解决软件(如:FireWork或其它软件)为自己的网站制作美丽的顶部主题Banner,最后将设计结果导出到自己网站的文献夹下。、将本节课完毕的整个站点文献夹上传到个人空间保存,并发布提交你设计的主题Banner文献。发布提交方法:第十三课网页制作(二)学习目的:掌握编辑网页图文的各种操作教学重点、难点: 插入图片、设立网页背景颜色、背景图、背景音乐教学过程:一、编辑网页图文、编辑网页文字运用工具栏编辑文字的字体、字号、颜色、对齐方式等、网页的背景颜色、背景图、背景音乐“格式”菜单
38、下的“背景”命令、插入图片在自己的网站文献夹下新建一个保存图片的文献夹,命名为images或pic等。插入图片的两种方法,你可以选择其中一种:方法一、先保存图片,后将图片插入网页:把你需要插入网页的图片所有预先保存在你的图片文献夹中,如:images;将图片文献名改名为英文名(中文名的图片名称将导致网页显示犯错);单击“插入”“图片”,再单击“来自文献”,打开“图片”对话框,浏览你所要插入的图片位置images,点选图片,点“拟定”。方法二、先将图片插入网页,后保存图片:单击“插入”“图片”,再单击“来自文献”,打开“图片”对话框,浏览你所要插入的图片位置,点选图片,点“拟定”。保存网页时出现
39、保存图片的对话框,选择合适的图片保存位置,如:images。注意将图片文献名改成英文名。、插入多媒体音频、视频和SWF动画请看教程:二、保存预览点击工具栏的实现预览,观看显示效果。第十四课网页制作(三)学习目的:使用模板或共享边框快速生成网站其他网页教学重点、难点: 共享边框的使用教学过程:一、使用模板生成网页为保持网站风格的一致性,通常网站中各个网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式保持一致,可以把相同的部分提取出来制作成模板,供制作其他网页时使用。(1)建立模板创建一个网页,将其保存为“模板文献”。(2)从模板文献中新建网页“文献”“新建”“网页”选择模板后“拟定”二、
40、共享边框设计网页时,经常会碰到一些需要在每一页上都显示的信息,假如在每一页单独添加就很麻烦,假如使用共享边框,就可以使每一个网页以水平或垂直的方式显示在多个网页中都要显示的信息。具体详见洪恩教程:三、课堂任务1、 打开你的网站首页文献(index.htm),采用共享边框的方法,将准备在你的网站中每个网页都要显示的共同部分移入共享边框中;2、 在“导航”视图下,采用复制、粘贴的方法快速得到你的网站各栏目的网页文献,并分别对各栏目网页文献进行加工、解决。第十五课网页制作(四)插入超链接教学目的:1、 掌握插入超链接的操作方法;2、 将所有网页通过超链接集成一个完整的“网站”。重点难点:几种超链接的
41、掌握,即链接到URL、链接到网页文献、链接到Email、书签链接教学过程:一、什么是超链接?超级链接是指站点内不同网页之间、站点与Web之间的链接关系,它可以使站点内的网页成为有机的整体,还可以使不同站点之间建立联系。超级链接由两部分组成:链接载体(源端点)和链接目的(目的端点)。许多页面元素可以作为链接载体,如:文本、图像、图像热区、轮替图像、动画。而链接目的可以是任意网络资源,如:页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置 - 锚点。二、插入超级链接(课本116页)制作超级链接就是指定超级链接的两个要素:链接载体和链接目的。遵循WINDOWS的操作原则:先选定,再操
42、作。、设立文本链接、设立图片链接、设立热点链接创建“热点”(视图工具栏图片,在“图片”工具栏里有创建热点的按钮)设立热点相应的超链接地址、建立网页书签(锚点)书签:是网页中被标记的位置或被标记的文本。 操作环节: 插入/书签 设立到书签的超链接、设立Email链接在链接地址输入:mailto:电子邮件地址三、课堂任务尽快完毕网站各栏目网页,设立好所有超链接,使整个网页成为一个整体。第十六课网页制作(五)学习目的:学会应用样式表美化网页等高级操作技巧教学重点、难点: 样式表的应用、滚动文字等的添加教学过程:一、 应用样式表美化网页实例:将整个网站所有网页的字号设为10pt,文字颜色定为自己喜欢的颜色二、 制作网页动态特效实例:添加图片特效鼠标悬停图片变换效果三、 ActiveX控件和组件的应用