网络应用技术

4．6网站赏析
教学目标：
　　1、 通过对网站的赏析活动，
　　2、 进一步认识网站、首页，
　　3、 为网页制作做知识储备、 。
　　4、 培养学生的合作学习能力、探究问题的兴趣与能力。
　　5、 培养学生的鉴赏能力。
　　6、 激发学生为祖国信息产业的发展作贡献的爱国情感。
教学重点：
　　1、 首页的地位和作用
　　2、 首页的功能模块
　　3、 网站的形式、内容与主题之间的关系
教学难点：
　　正确理解网站的形式、内容与主题之间的关系
课时：1课时
教学准备：
硬件准备：微机室、投影
软件准备：
　　1、安装传奇学生机系统
　　2、发放学生学习材料
　　3、教学课件
教学过程：
一、激情：
　　近年来，我国的信息产业飞速发展，人们的经济文化水平日益提高，越来越多的家庭拥有了个人电脑，网络也由昔日的谢玉堂前燕，飞入了寻常百姓家。足不出户，鼠标轻轻一点，你就可以浏览到世界各地的信息，就可以和世界各地的朋友们聊天，你还可以给世界各地的朋友们发E-mail。网络的确给人们带来了极大的快捷与方便。
　　作为一名高中生，未来的国家栋梁之才，你是不是也想为我国信息产业的发展做出贡献呢？你想不想也能在网上拥有自己的一片天空、一个家园呢？
　　今天我们就开始你网上家园的建设之路。
（出示课件，展示课题）
二、小组分工、合作学习：
（一）介绍基本概念
　　鉴赏一个网站，我们一般要从以下几个方面着手，一个是网站的主题，所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。第二个就是网站的首页。所谓网站的首页，就是指你打开一个网站后看到的第一页。下面
　　我们小组内分工合作，分别登陆以下站点……（出示课件：）
小组内讨论分析以下三个问题：
　　1. 每个网站的主题是什么？。
　　2. 首页在网站中有什么地位和作用？
　　3. 首页有哪些功能模块？
（二）小组合作学习，初步探讨鉴赏网站的方法
　　学生之间相互讨论，探究问题的答案
　　多数学生得出结论，小组选代表汇报讨论成果
教师小结
　　一个网站必须有一个明确的主题，就好像我们写文章也要有明确的中心一样，否则，浏览者就会有不知所云的感觉。
　　第二个问题的答案显而易见，不再提问，教师直接小结提问学生一起回答。
　　首页是浏览者打开一个网站后第一眼看到的就是网站的首页，网站能不能吸引浏览者，在很大程度上取决于首页做得怎么样。
　　能不能用一个词来概括一下首页的地们与作用？
　　第三个问题，仍由小组选代表汇报结论
　　哪个小组来告诉大家你们讨论的结果？
教师小结：
　　首页一般有四个共有的模块，（课件演示）
　　1) 徽标（logo）和网站的名称：一般位于左上角， 是一个形象化的标志， 其作用类似于商品的商标。
　　2) 首页大标题（banner）：一般放网站主题词或图片， 商业性的网站放置广告条。
　　3) 导航栏：就像一本书或杂志的目录一样，但比书籍或杂志的目录更为重要， 因为书籍我们可以一页一页的从头向后翻，而我们的网页却不可以，只有有了清楚、明晰的导航，才能让浏览者知道自己身处网站的什么位置。
　　4) 版权和联系方式：一般放在网页的底部，主要功能是版权声明和听取浏览者的意见或建议。
（三）再次小组合作学习，深入领会如何鉴赏网站
　　鉴赏获奖的学生网页作品，激发学生的积极性与自信心同时更深入的学习如何鉴赏一个网站。
　　我给大家带来了几个获全国一等奖的学生网页作品，你可以在你的电脑D盘student文件夹下看到她们。
　　小组合作，讨论分析以下三个问题：
　　1. 这些网站的首页的布局各有什么特点？（教师演示）
　　2. 各网站的主题色和配色有什么特点？
　　3. 网站的形式、内容与主题之间有什么关系呢？
　　小组讨论汇报分别讨论成果
教师小结
三、延伸：
　　接下来，同学们可以自由浏览一些其他的网站，把你认为较好的网站推荐给大家。
　　（请学生互相介绍网站，并用传奇学生机系统播放学生演示）
四、总结
　　下面我们来一起回顾一下这节课我们都学了哪些内容。
　　1. 首页在网站中起着关键的作用，
　　2. 它主要有四个共有的模块：他们人别是Logo，
　　3. Banner，
　　4. 导航，
　　5. 还有版权和联系方式；
　　6. 首页的布局主要有三种样式，. 一种是“口”字型，一种是“厂”字型，还有一种是“POP”型；
　　7. 网页的在色彩的选择上也要为表现主题服务；
　　8. 网站的要有一个明确的主题，要以内容为核心，以形式为辅助，内容和形式共同为表现主题服务。
　　好，有了以上的知识作为奠基，你就可以充分发挥你的想象，好好描绘一下你的网站的蓝图了。4.4运用表格布局和美化网页
学习目的：1、掌握运用表格来布局和美化网页的方法与技巧。
　 　 　 　2、培养学生自主学习的能力和小组合作的力。
　 　 　 　3、培养学生美化网页的能力，提高学生审美能力。
重点难点：掌握运用表格来布局和美化网页的方法与技巧。
学习方式：情景设置法 任务驱动法
学习任务：对自己小组的网页进行布局设计划成本
　　 　　
学习内容：
　　一、表格的使用
　　 表格是网页的一个非常重要元素，因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格的是网页制作中最为重要的一个技巧，表格运用得好坏，直接反映了了网页设计师的水平。
　　 点击对象面板的 ，看到如下的对话框：
　　 ① Rows：表格的行数；Columns：表格的列数；
　　 ② Width：表格的宽度，单位可以是Pixels（像数）或Percent（百分比）。按像素定义的表格大小是固定的，而按百分比定义的表格，会按照浏览器的大小而变化。后面会继续深入讲解两种定义方法的区别；
　　 ③ Border：表格线的宽度；
　　 ④ Cell Padding：单元格间距；Cell Spacing：单元格边距。所谓的单元格，就是表格里面的每一小格。
　　 按照如图的设置后，就得到下面这个表格：
　　 在表格线上点一下，可以全选整个表格，此时可在属性面板看到：
　　 ① Rows，Cols：表格的行和列；
　　 ② W，H：表格的宽和高，通常情况下，我们都不会定义表格的高度；
　　 ③ CellPad，CellSpace：单元格间距和单元格边距；Border：表格线的宽度；
　　 ④ Ailgn：表格的对齐方式，可以将表格靠左（Left）、置中（Center）、靠右（Right）
　　 ⑤ ：消除行的高度设置；
　　　 ：消除列的宽度设置；
　　　 ：将表格宽度的设置由百分比转换为像素；
　　　 ：将表格宽度的设置由像素转换为百分比；
　　 ⑥ Bg Color：设置表格的背景颜色；
　　 ⑦ Brdr Color：设置表格线的颜色；
　　 ⑧ Bg Image：设置表格的背景图，如果设置了背景图，背景颜色就失效了；点击后面的公文包按钮选择背景图；
　　 如果我们把光标移到其中一个单元格，此时看到的属性面板又有所不同：
　　 ① ：合并单元格（之前要先选择相应的需要合并单元格）；
　　　 ：拆分单元格，拆分为多行或多列；
　　 ② Horz：单元格内部的水平对齐方式，作用与 类似；
　　　 Vert：单元格内部的纵向对齐方式；
　　 ③ W，H：单元格的宽度与高度；
　　 ④ Bg：单元格背景图；
　　 ⑤ Bg：单元格背景颜色；
　　 ⑥ Brdr：单元格边框颜色。
表格的使用之二
　　 根据上面对表格和单元格的参数，我们可以做出以下的表格：
　　 以上是一个3×2的表格，表格宽度为350个像素，每个单元格的宽度为33%，即占表格的三分之一，其中单元格1和单元格4 已经合并；单元格边距、单元格间距、表格线宽度都为10；表格的底色为灰色，单元格5的边框颜色为红色，单元格6的底色为绿色；
　　 在上面的例子，我们将表格线宽度设置为0，在编辑状态下，看到的表格是：
　　 宽度为0的边框线，在编辑状态下会以虚线表示，而实际的浏览效果为：
　　 可见，宽度为0的表格线就不会在浏览器显示。其实所谓的利用表格进行排版，就是使用表格线为0的表格，将页面划分为多个区域，从而达到定位排版的效果。另外，表格与表格是可以嵌套的，例如在上面表格中，在单元格2里再插入一个表格宽度为100%，表格线宽度为0的表格，并分别为单元格①②③设置不同的背景色，在编辑状态下可以看到：
　　 而实际的浏览效果为：
　　 表格的嵌套在网页制作中被经常使用到，尤其是在新浪、搜狐、网易等门户网站中，为了使大量的信息整齐地展示在浏览者面前，表格的嵌套就使用得最为频繁。下图是goEway.com的首页在编辑状态下的情况，可以看到，页面密密麻麻地布满了表格线：
(共10张PPT)
3.2英特网上的信息检索
3.2.1英特网信息检索方法
1 、基于超文本∕ 超媒体的信息浏览
3.2.1英特网信息检索方法
2 、基于目录服务的信息查询
3.2.1英特网信息检索方法
3 、基于搜索引擎的信息检索
3.2.2搜索引擎的发展与分类
1 、搜索引擎的产生
参照下表，举例说明个搜索引擎的特点。
3.2.2搜索引擎的发展与分类
3.2.2搜索引擎的发展与分类
2、搜索引擎的分类
（1）目录式搜索引擎
（2）全文搜索引擎
（3）元搜索引擎
3.2.2搜索引擎的发展与分类
3、搜索引擎的发展
（1）提高搜索引擎对用户检索提问的理解
（2）对检索结果进行经一步的处理
（3）确定搜索引擎信息搜集范围，
提高搜索引擎的针对性
3.2.3搜索引擎的工作过程
（1）从互联网“抓取”网页
（2）建立索引数据库
（3）在索引数据库中搜索排序
（4）用户接口
表3-1自1990年起搜索引擎的发展举例
产生时间搜索工具开发组或公司
网站特色与特点
McGill
1990年
Archie
可搜索FTP文件名列表
University
Nevada
System
1993年
Gopher
Computing
个分布式信息检索系统
Services
University
1994年4月 Yahoo
斯坦福大学
早期 Yahoo的数据是手工输入的
第一个支持自然语言关键词的搜索引擊
195年12月 AltaVista DEC公司
第一个实现高级检索和语法的搜索引擎
(如AND、OR、NOT等),可以搜索多类信息
提供网页评级动态摘要、网页快照、每
1998年9月
Google
斯坦福大学日更新、多文档格式支持、地图股票词典
27日
寻人等集成搜索、多语言支持、用户界面
等搜索功能
北大计算机系
1997年10
北大天网网络与分布式系收录网页约6000万,有强大的ftp搜索
月29日
统研究室
功能
百度公司
百度快照、网页预览、相关词搜索、MP3
2001年8月 Baidu
(Baidu)
搜索、F1ash搜索等多种功能(共20张PPT)
通过本章学习，应该掌握以下内容：
利用FrontPage 2002创建表格的四种方法
编辑表格的方法
设置表格的属性的方法
用表格设计页面布局
利用HTML和Dreamweaver 4.0创建表格的方法
第4章 网页表格的处理
4.1 利用FrontPage 创建并编辑表格
4.1.1 创建表格
表格以行和列的形式来组织信息，具有容量大、结构严谨和效果直观等多个优点，是网页中不可缺少的记录或总结工具，比如个人简历、产品信息、业务报表甚至家庭理财都能用到表格。
FrontPage 2002提供了强大的制表功能，使得在制作网页的过程中插入表格的操作显得简便、快捷。
在FrontPage 2002中，创建表格有以下4种方法。
1．使用菜单命令创建表格
如果用户希望准确地设置要创建的表格的行、列数，可以通过执行菜单命令创建所需的表格。使用这种方法，可以同时设置表格所有的属性，如行和列的数目、边框宽度等。
① 选择“表格”| “插入”| “表格”命令，打开图4.1所示的“插入表格”对话框；
② 输入行数、列数，设置表格的对齐方式、边框的粗细、单元格边距和间距，单击“确定”按钮，即可得到相应的表格。
2．使用命令按钮创建表格
在编辑网页时，使用“常用”工具栏中的“插入表格”按钮，可以快速地在网页中插入一个表格。插入表格时用户可以自由选择表格所包含的行数和列数.
3．绘制表格
利用前面两种方法可以建立“n乘m”单元数的表格，单元格大小会自动平均分配。如果需要的表格比较简单，则可以手动绘制表格。
手动绘制表格的操作步骤如下：
① 选择“视图”|“工具栏”|“表格”命令，打开表格对话框；
② 单击“手绘表格”按钮，在编辑区按下鼠标左键并拖动，即可划出表格边框，再在边框内添加线条即可画出需要的表格。
如果有画错的线条可以用表格中的“擦除”工具擦除。
4．将文本转换成为表格
如果有现成的文本，可以把文本转换成为表格。
4.1.2 表格的编辑
1．修改表格
应用菜单或命令按钮创建后的表格，有些是需要经过修改才能应用的。修改表格主要包括修改表格的大小、合并单元格、拆分单元格等操作。
（1）修改表格大小
在FrontPage 2002中，修改表格的大小有以下两种方法。
通过鼠标拖拽法可以粗略地调整表格的大小。
通过“表格属性”对话框可以精确地调整表格的大小。
（2）合并单元格
在FrontPage 2002中合并单元格的方法有以下三种：
先选择要合并的单元格，然后执行“表格”|“合并单元格”命令即可。
选择要合并的单元格，在选中的单元格中单击鼠标右键，从弹出的快捷菜单中选择“合并单元格”命令。
选择要合并的单元格，单击“表格”工具栏上的“合并单元格”按钮。
（3）拆分单元格
拆分单元格与合并单元格是两个逆操作。拆分单元格就是将一个单元格拆分为多个单元格。在FrontPage 2002中拆分单元格的方法有以下几种。
将光标放在要拆分的单元格内，执行“表格”|“拆分单元格”命令，弹出“拆分单元格”对话框，如图4.9所示。在该对话框中选择“拆分为列”或“拆分为行”，单击“确定”按钮。
将光标放在要拆分的单元格内，单击鼠标右键，从弹出的快捷菜单中选择“拆分单元格”命令。
将光标放在要拆分的单元格内，单击“表格”工具栏上的“拆分单元格”按钮。
2．在表格中添加文字和图片
创建一个表格以后，就可以在表格中添加相应的内容了，在表格中添加的内容有文字与图片两种形式。
（1）在表格中添加文字
在创建好的表格内按要求输入文字，调整文字的字号、字体、对齐方式等。
（2）在表格中插入图片
① 选中要插入图片的单元格，选择“插入”| “图片”| “来自文件”（根据需要选择图片的来源）命令，打开“图片”对话框；
② 在对话框中选择图片，选中图片文件之后，单击“插入”按钮，则图片及插入到相应的单元格里。调整图片大小及位置。
3．删除表格
（1）删除单元格
在FrontPage 2002中如果要删除某个单元格，可以通过以下方法：
选择要删除的单元格，执行“表格”|“删除单元格”命令。
选择要删除的单元格，并单击鼠标右键，从弹出的快捷菜单中选择“删除单元格”命令。
（2）删除列或行
在FrontPage 2002中如果要删除某列或某行，可以采用以下方法：
选择要删除的列或行，执行“表格”|“删除单元格”命令即可。
选择要删除的列或行，并单击鼠标右键，从弹出的快捷菜单中选择“删除单元格”命令。
（3）删除整个表格
如果要删除某个表格，只需选中此表格中的所有单元格，然后单击右键并从弹出的快捷菜单中选择“删除单元格”命令即可。删除整个表格的操作方法如下：
注意：如果在删除表格、单元格、行或列时，使用Delete键删除，则只删除该表格、单元格、行或列中的文本，而不是删除表格。
4.1.3 设置表格的属性
将光标置于表格中，然后单击右键并从弹出的快捷菜单中选择“表格属性”命令，在打开的“表格属性”对话框中进行表格属性设置。
1．表格的布局
（1）表格的对齐方式
FrontPage 2002中提供了4种对齐方式：默认、左对齐、右对齐和居中。单击“表格属性”对话框中的“对齐方式”下拉列表框，可从中选择所需的对齐方式。
（2）表格的浮动方式
此功能有点像图片的环绕功能。创建一个表格后，表格的两侧是不能输入任何文字的。
如果进行了浮动设置，就可以获得与图片环绕差不多的效果了。FrontPage 2002中提供了3种浮动方式：默认、左对齐和右对齐。
（3）单元格的边距与间距
如果想设置表格线与表格内容间的距离或两单元格间的距离，可以通过单元格边距与单元格间距两个选项来设置。
2．为表格添加背景
为表格添加背景也要应用“表格属性”对话框。表格背景可分为两种形式：一种是为表格添加背景颜色，另一种是为表格添加背景图片。
（1）为表格添加背景颜色
选中表格或单元格后，单击“表格属性”对话框中的“颜色”选项右侧的向下箭头，从弹出的颜色面板中选择所需的背景颜色，则此颜色就会显示在表格的背景层中。
（2）为表格添加背景图片
选中表格或单元格后，启用“表格属性”或“单元格属性”对话框中的“使用背景图片”复选框，然后选择一个图片作为表格的背景，可为表格添加背景图片。
3．为表格添加边框
在FrontPage中如果想要改变表格的边框，可以采用以下方法：
选择要设置边框的表格，执行“格式”| “边框和底纹”命令。
在要设置边框的表格中单击鼠标右键，从弹出的快捷菜单中选择“表格属性”命令，打开“表格属性”对话框，在“边框”选项组中进行相关设置。
4.1.4使用表格设计页面布局
在网页设计中表格还有一个重要的作用，就是设计页面布局。
一个空白网页布置起来比较困难，尤其是一些复杂的页面。这时可以利用表格将网页分成若干个单元格，每个单元格对应网页中的一个部分。然后，对每一部分分别进行设计和制作，这样就可以使复杂的网页设计简化，而且所设计的网页清晰、有条理性。
另外，在很多网页上都有各种细线的布局效果，使得页面简洁明快、条理清楚。这些细线要么是用图像的方式生成，要么是利用表格的各种特性制作而成。使用表格实现这些细线可以使页面文件更小，下载更快，因此更为实用。细线效果大致可以分为两类，一类是表格框线，另一类是各种横竖分隔线。
用表格布置页面时，首先要规划页面的布置，然后利用表格的平铺和嵌套，将网页中的各元素定位在各自的位置上。由于浏览器在下载网页时，先下载整个表格，然后再下载表格中的内容。所以在用表格布置页面时，不能将整个网页的内容都放在一个大表格中，以免影响网页的下在速度。
4.2 其他处理网页表格的方法
4.2.1 利用HTML处理网页表格
1．表格的基本构成
通常在HTML中创建一个普通的表格应包括以下标记符：
（1）TABLE
TABLE标记符用于定义整个表格，表格内的所有内容都应该位于和<／TABLE>之间。
（2）CAPTION
如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在、

和<／CAPTION>之间。
（3）TR
TR标记符用于定义表格的行，对于每一个表格行，都对应一个TR标记符。TR标记符的结束标记符可以省略。
（4）TD和TH
在表格行中的每个单元格，都对应于一个TD标记符或者TH标记符，用于标记表格的内容，其中可以包括文字、图像或其他对象。TD与TH的功能和用法几乎完全相同（可以任意混合使用，但效果略有不同），唯一不同之处在于TD表示普通表格数据，而TH表示表格的行列标题数据（也就是通常所说的表头）。TD和TH的结束标记符都可以省略，并且可以不包括任何内容
3．表格的编辑及属性设置
（1）合并单元格
在

和

标记内使用rowspan属性可以进行行合并，rowspan的取值表示垂直方向上合并的行数；使用colspan属性可以进行列合并， colspan的取值表示水平方向上的合并的列数。 （2）边框与分隔线 在TABLE标记内使用frame、rules和border属性可以设置表格的边框和单元格分隔线。 （3）控制单元格空白 在TABLE标记符中使用cellspacing属性可以控制单元格之间的空白， （4）表格的对齐 表格的对齐包括页面对齐和内容对齐。 ① 表格的页面对齐 表格在页面中的对齐与其他页面内容一样，可以直接在TABLE标记符中使用align属性。另外，也可以用DIV标记符的align属性设置表格的对齐。 ② 表格的内容对齐 表格单元格内容的对齐包括各数据项在水平方向和垂直方向上的对齐。 设置水平对齐的方法是：在标记符

、

内使用align属性，其常用的取值可以是：center、left、right、justify . 设置表格数据在垂直方向的对齐应在TR、TD或TH标记符中使用valign属性，valign属性的常用取值包括：top 、bottom、middle。 （5）控制表格和单元格大小 可以使用标记符的width和height属性设置表格和单元格大小。 （6）设置表格和单元格的背景 在TABLE、TR或TD标记符内使用bgcolor属性设置背景颜色；使用background属性设置背景图案。 4.2.2 利用Dreamweaver 4.0处理网页表格 1．创建表格 （1）创建新表格 利用Dreamweaver 4.0创建新表格时，首先选中对象面板上“View”栏目下“Standard View”（标准视图）按钮，然后可以通过下列四种方式中的任意一种： ① 将对象面板调整到“Common”类上，单击“Insert Table”（插入表格）按钮。 ② 通过主窗口的菜单“Insert”|“Table”命令。 ③ 使用快捷组合键“Ctrl+Alt+T”。 ④ 将对象面板调整到“Common”类上，拖动“Insert Table”按钮到主窗口的工作区中。 （2）选择表格 选择表格可分为选择整个表格和选择表格中的单元格。 ① 如果要选择整个表格，则可进行如下的操作之一： 将光标置于表格中的某个单元格中，选择“Modify”|“Table”|“Select Table”命令。 将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+A”。 将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“Select Table”命令。 将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。 单击表格的边线。 ② 选择单个单元格的方法有以下几种： 将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。 将光标置于所要选择的单元格中，向右拖动鼠标。 将光标置于所要选择的单元格中，选择“Edit”|“Select All”命令。 按住Ctrl键，单击所要选择的单元格，再单击一次则取消对单元格的选择。 ③ 选择多个单元格的方法有以下几种： 按住Ctrl键，单击所要选择的所有单元格。 将光标置于单元格中，拖动鼠标，选择多个单元格。 如果要选择整行，将光标置于该行的左边缘，当光标变成 图标时单击鼠标左键。 如果要选择整列，将光标置于该列的上边缘，当光标变成 图标时单击鼠标左键。 ④ 选择的全部单元格的方法有以下几种： 将光标置于第1个单元格中，并拖动鼠标至最后一个单元格。 将光标置于第1个单元格中，按住Shift键，再单击最后一个单元格。 将光标置于第1行的左边缘，当光标变成 图标时，向下拖动鼠标至最后一行。 将光标置于第1列的上边缘，当光标变成 图标时，向右拖动鼠标至最后一列。 （3）添加／删除行列 ① 在现有的表格中插入单元行，可以选择以下的操作之一： 将光标移到要插入单元行的下一行，选择“Modify”|“Table”|“Insert Row”命令。 将光标移到要插入单元行的下一行，按组合键“Ctrl+M”。 将光标移到要插入单元行的下一行，单击鼠标右键，在弹出的快捷菜单中选择“Table”|“Insert Row”命令。 ② 在现有的表格中插入单元列，可以选择以上的操作之一： 将光标移到在插入单元列的右边一列，选择“Modify”|“Table”|“Insert Column”命令。 将光标移到要插入单元列的右边一列，按组合键“Ctrl+Shift+A”。 将光标移到要插入单元列的右边一列，单击鼠标右键，在弹出的快捷菜单中选择“Table”|“Insert Column”命令。 ③ 如果想在现有的表格中添加多行或多列，首先将光标移到要插r入行或列附近的单元格中，单击鼠标右键，在弹出的下拉菜单中选择“Table”|“Insert Rows or Columns”命令，弹出 “Insert Rows or Columns”对话框。在此对话框中进行相关的设置，然后单击“OK”按钮，设置的多列或多行将插入到页面中。 ④ 删除整行／整列，可以采用下列办法之一： 先选择欲删除的整行或整列，直接按Del键，即可删除。 先将光标移到要删除的行或列中，选择“Modify”|“Table”|“Delete Row”或“Delete Column”命令。 将光标移到要删除的行或列中，单击鼠标右键，在弹出的快捷菜单中选择“Table”|“Delete Row”或“Delete Column”命令。 2．编辑表格 （1）设置表格高度 在创建表格时，可以通过表格对话框来设置表格的宽度，但无法设置表格的高度，如果要设置表格的高度，则必须通过表格属性面板来确定。 （2）合并／拆分单元格 对表格中的单元格进行合并／拆分，既可以通过菜单命令来实现，也可以通过单元格属性面板（单击任意单元格，属性面板将会自动切换）上的快捷按钮来完成。 （3）设置单元格的宽度及高度 在单元格属性面板上可以改变单元格默认的宽度和高度。 3．表格属性的设置 （1）设置表格的边框颜色 设置表格的边框颜色时，必须指定表格的边框线的宽度不为0。要为表格的边框指定颜色，首先选择表格，单击属性面板上“Brdr Color”的颜色框，在弹出的调色板中选择颜色，或者是在后面的文本框中直接输入颜色的色码，即可为表格的边框添加颜色。 （2）设置表格的背景 表格的背景与网页背景一样，即可以设定为单一的颜色，也可以用图片作为表格的背景。要将表格背景设为单一的颜色，首先选择整个表格，再单击属性面板上“Bg Color”后面的颜色框，在弹出的调色板中选择颜色，或者是在后面的文本框中直接输入颜色的色码；要将图像设为表格的背景，首先选择整个表格，再在属性面板上的“Bg Image”文本框中输入图像所在的路径，或是单击其后的文件夹图标，在弹出的对话框中选择图像文件。 4．用表格进行页面布局 Dreamweaver 4.0新增加的网页排版功能，可以很方便的实现网页的排版。(共17张PPT) 本章主要学习ASP的高级应用，实现真正的网页交互功能.通过本章学习，应该掌握以下内容： ASP基础 ASP的内置对象 各个内置对象的属性和方法 第11章 示例网页利用ASP 实现交互功能 11.1 ASP基础 11.1.1 ASP的特点和功能 1．ASP的特点 使用VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。 无须编译，可直接解释执行。 使用普通的文本编辑器，即可进行页面的编辑与设计。 独立于浏览器，用户端只要使用可执行HTML码的浏览器，即可浏览ASP所设计的网页内容。 ASP能与任何Activex Scripting语言相容。 源程序不会外漏，ASP脚本是在服务器上执行，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。 面向对象,具有无限可扩充性。 2．ASP的功能 从应用角度看，ASP具有如下功能： 处理由浏览器传送到服务器的表单输入。 访问和编辑服务器的数据库表。 读写服务器的文件，实现访客计数器等功能。 提供广告轮播器，取得浏览器信息、URL表管理等内置功能。 可以实现在多个主页间共享信息。 11.1.2 ASP对象 ASP提供了可在脚本中使用的对象。这些对象可分为内置组件以及外挂组件。 1．内置组件 内置组件是指组件本身内置于ASP中，使用时不需要设置即可运行。最常用的包括Application、Session、Response、Request及Server5种。 2．外挂组件 在存取数据库时，最常使用ADO（ActiveX Data Object）的技术和ASP结合，达到存取数据库的功能。这样，在网页上不但可以显示数据库的内容，还可以运行SQL语句，让用户可以在网页上对数据进行查询、删除、和新增等等操作。 ADO主要的3个对象为Connection、Recordset及Command。 11.2 Request对象 Request对象通常包括了用户端的相关信息，如浏览器的种类、表头信息、表单参数及cookies等。 Request对象的语法描述如下： Request[.collection | property | method]（variable） 1．Request对象属性（Property） Request对象只提供一个只读的TotalBytes属性，它表示从客户端所接收的数据大小。 语法如下： 字节大小=Request.TotalBytes 2．Request对象方法（Method） Request对象提供的BinaryRead方法在实际应用上并不是很常用的，它是以二进制方式来读取客户端使用POST传递方法所传递的数据。 语法如下： Variant数组=Request.BinaryRead（Cont） 3．QueryString数据集合 QueryString数据集合可以取得HTTP的附加参数，这些附加参数通常用“？”来表示连接. 4．Cookies数据集合 如果要判断某个用户是否曾经进入本网站，只能使用Cookies文件。 语法如下： Cookies Value=Request. Cookies(CookiesName)[(key) |.Attribute] 5．Server Variables数据集合 ServerVariables数据集合负责取得Web服务器端的环境变量 . 6．ClientCertificate数据集合 Request对象的ClientCertificate数据集合可以让用户取得客户端的身份权限数据， 11.3 Response对象 Response对象包含Web服务器所要响应给用户的各项信息。 11.3.1 方法 1．Write方法 Response的Write方法是负责将字符串信息输出至用户端，其语法如下： Response.Write任何数据类型 2．Redirect方法 Response的Redirect方法是负责引导客户端的浏览器显示新的网页，其语法如下： Response.Redirect URL 字符串 3．Binary Write方法 Response的Binary Write方法可以在不作任何转换动作而直接显示二进制数据库给用户，其语法如下： Response.Binary Write二进制数据 4．Append ToLog Response的Append ToLog方法允许用户以附加的方式，将用户信息记录至Web服务器的记录文件，以便日后追踪与分析，其语法如下： Response.AppendToLog“所要记录的字符串” 5．AddHeader方法 Response对象的AddHeader方法可以允许用户自行设置HTML文件的HTTP标题（header）。AddHeader方法的语法如下： Response.AddHeader Name,Value 6．Clear方法 Response对象的Clear方法会清除在缓冲区里的HTML输出数据。 7． Flush 方法 Response对象的Flush方法会将缓冲区的数据立即送至服务客户端。 11.3.2 属性 1．CacheControl属性 Response对象的CacheControl属性值可以为Public或Private两种，前者表示Web服务器会将ASP的处理结果暂时存放于Proxy服务器上，后者则不会将数据存放于Proxy服务器上。 2．Charset属性 Response对象的Charset属性可以用来设置Web服务器响应给客户端的文件字符编码 . 3．ContentType属性 Response对象的ContentType属性可以用来设置Web服务器响应给客户的HTTP文件类型. 4．Expires属性 Response对象的Expires属性可以用来设置网页将保留在浏览器的Cache中的数据，或是直接从Web服务器中重新取得数据。 5．ExpiresAbsolute属性 Response对象的ExpiresAbsolute属性在功能上于Expires属性非常相似，其最大的不同在于前者是以日期时间来设置数据被保留在客户端Cache的时间长短，而后者是以保留分钟数来设置的。 6．IsClientConnected属性 Response对象的IsClientConnected属性是一个只读属性，它可以取得最近一次Response.Write之后，客户端是否还是与Web服务器保持连接的信息。 7．PICS属性 Response对象的PICS属性可以设置PICS标签到响应的标头 . 8．Status属性 Response对象的Status属性可以用来设置Web服务器响应给服务器端浏览器的状态值。 11.3.3 数据集合 Response对象只有Cookies一个数据集合，Cookies数据集合允许用户将数据设置在客户端的浏览器中，假如用户所指定名称的Cookies不存在，系统会自动在客户端的浏览器中建立新的Cookies，反之，如果指定的Cookies已经存在客户端的浏览器中，那么系统会自动更新数据。其使用语法如下： Response.Cookies（CookiesName）[（Key）.Attribute]=Cookies Value 11.4 Server对象 Server对象提供对服务器上的方法和属性的方法，其中大多数方法和属性是作为实用程序的功能服务的。语法如下： Server.property | method 其中property表示Server对象的属性，method表示Server对象的方法。 11.4.1 属性 Server的属性只有一个ScriptTimeout属性，该属性主要是来设置ASP程序所允许的最长时间，其设置以“秒”为单位，系统的缺省值为90秒。 11.4.2 方法 1．CreateObject方法 CreateObject方法允许客户端用户建立一个ActiveX Server组件实例，当前ASP页处理完成之后，服务器将自动破坏这些实例对象。 2．MapPath的方法 MapPath方法可以将指定的虚拟路径转换为真实的路径，这里所谓的虚拟路径是指Web服务器所建立的虚拟路径。 3．HTMLEncode方法 HTMLEncode方法是对指定的字符串应用HTML编码。 4．URLEncode方法 URLEncode方法将URL编码规则，包括转义字符，应用到指定的字符串中。 11.5 Application对象 Application对象是可以让所有用户共同使用的对象。通过Application对象的使用，可以让所有用户存取Application所设置为同一个名称的变量，让用户可以同时得到某一项信息。 11.5.1 属性 虽然Application对象没有内置的属性，但可以设置用户定义的属性也可称为集合。 11.5.2 方法 Application对象有两个方法，它们都是用于处理多个用户对存储在Application中的数据进行写入的问题。 （1）Lock方法禁止当前客户同时修改同样的Application应用级变量。 （2）和Lock方法相反，Unlock方法允许其他客户修改Application对象的属性。 11.5.3 事件 1．Application-OnStart事件 Application_OnStart事件在首次创建新的会话（即Session_OnStart事件）之前发生。当Web服务器启动并允许对应用程序所包含的文件进行请求时就触发Application_OnStart事件。 2．Application_On End事件 Application_OnEnd事件在应用程序退出时于Session_OnEnd事件之后发生，Application_ OnEnd事件的处理过程也必须写在Global.asa文件之中。 11.6 Session对象 用户可以使用Session对象存储特定的用户会话所需的信息。当用户在应用程序的页之间跳转时，存储在Session对象中的变量不会清除，而用户在应用程序中访问页面时，这些变量始终存在。当用户请求来自应用程序的Web页时，如果该用户还没有会话，则Web服务器将自动创建一个Session对象。当会话过期或被放弃后，服务器将终止该会话。 11.6.1 属性 1．SessionID SessionID属性是返回用户的会话标识。 2．TimeOut Timeout属性以分钟为单位为该应用程序的Session对象指定超时时限。 11.6.2 方法 Session对象仅有一个方法，即Abandon，该方法删除所有存储在Session对象中的对象并释放这些对象的源。 11.6.3 事件 Session对象有两个事件可用于在Session对象启动和释放时运行过程。 （1）Session_OnStart事件在服务器创建新会话时发生。 （2）Session_OnEnd事件在会话被放弃或超时发生。 11.7 Object Context对象 可以使用Object Context对象提交或撤消由ASP脚本初始化的事务。该对象用于控制Active Server Pages的事务处理。 11.7.1 事件 Object Context.OnTransactionAbort 由放弃的事务处理事件激发，在脚本完成处理后发生。 Object Context.OnTransactionCommit 由成功的事务处理事件处理激发，在在脚本完成处理后发生。 11.7.2 方法 Object Context.SetAbort 显示的放弃一次事务处理。 Object Context.SetComplete 覆盖前面任何调用Object Context.SetAbort方法的调用。6.1网络安全 一、教学目标： （一）知识与能力 1．了解电子商务与网络安全。 2．了解网络应用中的安全隐患。 3．知道一些互联网络应用的好习惯。 （二）过程与方法 1．通过学习互联网络在现实生活中的应用，使学生认识到人类生活离不开网络信息，从而进一步认识到网络安全的价值，培养学生安全使用计算机互联网络的好习惯。 2．运用所学知识，分析解决身边的网络安全方面的问题。 （三）情感态度和价值观 1．培养学生自主学习能力。 2．感悟网络安全知识与我们的生活息息相关。 3．培养学生安全应用互联网络的好习惯。 二、教学重点、难点 教学重点：网络应用中的安全隐患。 教学难点：电子商务中的网络安全。 三、教学方法 自主学习法，探究学习法，合作学习法和任务驱动法。 四、教学过程 （一）新课引入 利用学生比较感兴趣的调查引入课题。 【教师】1．复习必修《信息安全及系统维护措施》内容。 2．调查学生的电脑是否中病毒。 3．调查学生的QQ号码是否被盗。 4．调查学生是否有付费的邮箱。 5．调查学生是否有网上购物的经历。 6．调查学生是否有参加网络游戏的经历。 〖学生〗复习以前的知识，积极参与老师的调查。 【教师】总结学生调查结果，引入新课。 （二）自主学习任务一 【教师】 设计学生自主学习任务一，访问下列网站，了解和体验网络时代中的商务生活。 大洋书城网站 http://bookcity./books eBay网站 http://www.ebay. 互动出版网 http://amazon.china- 中国网络花店 http://www.china- 网上连邦 http:// 〖学生〗完成自主学习任务一，了解和体验网络时代中的商务生活。 （三）自主学习任务二 【教师】设计学生自主学习目标，描述网络购物过程中的各个环节。 建议学生访问eBay网站 http://www.ebay. 大洋书城网站 http://bookcity./books 〖学生〗完成自主学习任务二，描述网络购物过程中的各个环节。 学生在完成该任务时有困难，或者在回答不准确，教师引导学生利用易趣的安付通演示动画分解任务降低难度。观看动画后再总结网络购物过程中的各个环节。 （四）电子商务与网上购物的关系 【教师】提出探讨电子商务与网上购物的关系。 〖学生〗猜想：电子商务与网上购物的关系。 【教师】讲解电子商务概念。 电子商务源于英文Eleceronic commerce ,简称EC。内容包括两个方面：一是电子方式，二是商贸活动。电子商务主要是通过因特网来进行在线交易、商务活动和电子数据交换。电子报税、电子彩票、电子报关等活动都属于电子商务活动的范畴。 〖学生〗网上购物是电子商务的重要组成部分。 （五）师生合作学习 【教师】教师提出需要调查的问题。 1、你在网上购物或消费时，有哪些因素让你担心呢？ □付费手续复杂 □怕货不对板 □付费不稳妥 2、如果你有银行卡，你愿意通过网络来支付吗？ □愿意 □不愿意 3、你不愿意通过网络来支付的原因 ＿＿＿＿＿＿＿＿＿＿ 〖学生〗学生积极回答，说明有网络安全的意识。 （六）学生自主学习任务三，合作交流。 【教师】设计影响网络安全的主要因素有那些的表格 影响因素 举 例 环境因素 □恶劣的温度□湿度□灰尘□地震□火灾□强电磁场□雷击□噪音 人为因素 □窃听□非法窃取用户信息□信息干扰□篡改信息□密码泄露 计算机病毒因素 □蠕虫病毒 □文件型病毒 □流感病毒 □木马病毒 〖学生〗学生参考教材P162、P163内容，利用www.或www.搜索引擎，每四个同学分成一小组，在组内讨论交流答案，请一位学生代表回答。 【教师&学生】师生讨论交流，对同学回答的答案评判。 【教师】教师总结上述威胁造成的危害分为两类：一是有意造成的危害，二是无意造成的危害。而有意要造成危害的有三种人，他们是哪三种人？ 〖学生〗学生积极思考回答。 敌意破坏者（Hackers，“黑客”） 不守规则者（Vandals） 刺探秘密者（Crackers） 【教师】教师提出计算机网络安全概念。 计算机网络安全是指网络系统的硬件、软件及其系统中的数据受到保护、不受偶然或恶意的原因遭受到破坏、更改、泄露，系统连续可靠正常地运行，网络服务不中断。一般而言，它包括：运行的网络安全操作系统的安全；网络上系统的信息安全；网络上信息传播的安全；网络上信息内容的安全。 （七）学生自主学习任务四 【教师】网络应用过程中，对于网络安全需要“防微杜渐”，逐渐养成一些良好的互联网应用习惯，现在请大家把自己的好习惯和同学们分享。 教师设计一个比赛活动，学生把应用互联网的好习惯写出来，看哪个小组写得多写得好。同时教师设计一个八千元的大奖，激发学生的兴趣,突出网络安全的重要性。 〖学生〗学生参考教材P163内容，利用www.或www.搜索引擎，将自己好习惯和经验与同学们分享。 【教师&学生】师生讨论交流，对同学回答的结果评判。 【教师】供同学们参考的互联网应用好习惯： （1）不随意在不了解的网站填写个人真实资料，如非必要，尽量少让别人知道你的“底细”。 （2）不随意在公用电脑输入个人信息，他人可能在电脑中安装了能记录你一切操作的软件。 （3）不随意打开不明来源的邮件的附件，更不要轻易执行附件中的EXE文件，如有必要，请先采取预防措施，确认无误后再打开。 （4）不轻易打开陌生人发送的文件和链接，以防恶意代码隐藏其中。 （5）安装防毒软件并及时升级病毒库。 （6）确保自己发送的邮件安全无毒，重要邮件最好加密后发送。 （7）给自己计算机设置足够安全的密码。 （8）经常登录一些权威安全站点，了解所使用软件的漏洞并及时打上补丁。 为了激发学生的兴趣，突出本节课的重点，向获奖的同学颁奖。 （八）学生自主学习拓展（作业），学生根据自己的能力和兴趣，单独或与同学合作完成调查任务。 任务：网络消费调查 参考材料：2003年5月万事达卡国际组织公布新近完成的消费者调查显示，安全性的提高是促进消费者通过零售商网站进行在线购物的关键因素。调查显示能促使不同消费族群决定网上购物的因素是各式各样的，但网络安全性是所有消费群体广泛关注的问题，被调查者最关心的前三个问题是：73﹪的被调查者认同安全性的提高将影响他们在未来3个月是否会网上购物；70﹪的被调查者对安全和欺诈问题表示关注；61﹪的被调查者担心他们的信用卡号码会被不怀好意的人截获。调查还显示，以下方法应该能大大减轻消费者对在线交易安全的担忧，从而鼓励他们进行更多的网上购物；确保网上购物着的个人隐私；确保购物者不会收到垃圾邮件；外在线交易提供额外的安全保障措施；提供在线安全认证。 PAGE 4网络的连接策略(下) 学习目的：让学生了解常见的网络连接设备的功能、主要的网络拓扑结构及各自的优缺点 重点难点：常见网络设备的功能、主要的网络拓扑结构 学习方式：任务驱动、小组讨论、教师总结 学习任务： 　　 1、网络中的连接设备有什么？主要的网络拓扑结构有哪几种，各有什么特点？ 　　 2、根据给出的条件和要求，设计网络的连接方案，包括：所要用到的设备和画出拓扑结构图。 学习内容：　　 一、网络中的连接设备 　　如果要将同一房间中的两台计算机连成网络，可以简单地用点到点的对等网连接，如果两台计算机分散在一个城市或者一个国家的不同地区，可以使用调制解调器（modem）实现连接。 　　 　　如果要实现三台或三台以上的计算机组网，那要用一些网络连接设备把它们连接起来。常用的网络连接设备有： 1、中继器 　　 中继器接收网络传输介质中的数据信号，复制再生这些信号、继续传输。它保持了数据信号的完整性，使得数据信号能在超出传输介质最大应用距离情况下传输。 2、集线器 　　 采用集线器连接的网络，当某条线路或某端口节点出现故障时，不会影响网上其他端口节点的的正常工作。集线器是一种共享传输介质的设备，所有传到集线器的数据均被广播到所有端口。 3、交换机 　　 交换机是一种用于大型网络中管理带宽的互连设备。交换机接收与存储某端口上的数据包，经处理后，将数据包传送到目的端口，而不是广播到所有端口。使用交换机提高了网络的实际传输效率，数据传输安全性得到了提高。 4、路由器 　　 路由器的主要用途是实现不同网络之间的互连。路由器综合使用了硬件和软件，将数据从源点“路由”到目的点，即为数据指明从源点到目的点的一条该走的道路。 二、网络的拓扑结构 　　 计算机网络中主要是各计算机与设备的相互连接，但更重要的是网络设备之间的连接方式称之为网络拓扑（network topology）。 根据计算机网络的拓扑(Topology)结构可以分为总线形结构、星形结构、环形结构、树结构、网状形结构等 总线型结构：将网络上各个节点设备和一根总线相连。网络中所有节点工作站都是通过总线进行信息传输总线型网络拓扑示意图星形结构：星形结构网络是各个工作站以星形方式连接，网络中每一个节点设备都以中心节点为中心，通过连接线与中心节点相连接星型网络拓扑示意图环形结构：环形结构是网络中各个节点通过一条首尾相连的通信链路连接起来的一个闭合的环形结构网环型网络拓扑示意图 实践： 　　 某小学有办公楼、课室楼、实验楼各一座，各楼之间相距50米，在办公楼的二、三、四楼分别有语文 （30人）、数学（32人）和综合科（28人）的教师办公室，每位老师都配备的计算机，实验楼四楼有两个电脑室，课室楼共有三层共18个班，每个班都有计算机。现在该小学准备将学校所有的计算机连成一个校园网，并有教育网的光纤连到了学校，学校还申请了ADSL宽带上网，网管中心设在实验楼的三楼。 　　 以4至6人为一小组，以小组为单位完成下面任务： 任务一：为该学校设计一个校园网方案，要求网络速度尽可能快的情况下资金最省。请画出网络拓扑结构图。 任务二：请指出方案中用到了哪些网络连接设备？ 任务三：指出方案中所采用的是网络拓扑结构是哪一种结构？采用这种结构的理由是什么？网络的连接策略(上) 学习目的：让学生了解网络连接的两种方式及网络传输介质的种类和性能 重点难点：两种网络连接方式的优缺点，网络传输介质的性能 学习方式：任务驱动、小组讨论、教师总结 学习任务： 　　1、网络的连接有哪几种方式，各有什么优缺点？我校校园网采用的是哪一种方式？ 　　2、网络的传输介质有哪几种？各自的性能、价格如何？ 学习内容：　　 一、确定网络连接策略的依据 　　要组建一个计算机网络，首先我们要进行组建网络的的需求分析，即先要明确以下项目内容，才能确定网络连接的策略，这些项目分别是：1、计划要多少台计算机联网？2、用户希望通过网络实现哪些功能和享受哪些服务？3、用户分布在什么地方？4、网络传输速率要多快？5、网络建成后，一定的时间内是否有扩展的需求？6、经费的预算情况如何？ 二、网络连接的方式 　　根据网络连接的用户数和这些用户所要求提供的服务要求，网络连接通常有两种：对等网和服务器-客户机网络。 1、对等网(peer--to--peer networking) 　　如果网络连接的用户数比较少，且要共享的数据、资源不多，用对等网就可以了。所谓对等网就是：在网络中，计算机是同等的，计算机能够访问网络中其他用户所提供的资源，也能为网络中其他计算机提供资源。对等网络常被称为工作组(workgroup)。 对等网的优点、缺点及支持对等网的操作系统(见课本第7页) 2、服务器--客户机网络（server-Client networking） 　　 网络连接的第二种方式是服务器--客户机网络。与对等网相比较，服务器--客户机网络可以提供组建大型网络的能力，它能向用户提供更大量的资源和网络服务。 　　 服务器、客户机的要求和功能(见课本第7页--第8页) 　　 服务器、客户机所要安装的软件(见课本第7页--第8页) 　　 服务器--客户机网络的优点、缺点(见课本第8页) 讨论： 　　 我校电脑二室采用的是哪一种网络连接？ 三、网络的传输介质 　　传输介质是计算机网络的组成部分。它们就像是交通系统中的公路，是信息数据运输的通道。网络中的计算机就是通过这些传输介质实现相互之间的通信。 　　 各种传输介质特性是不同的，它直接影响通信的质量指标，如：传输速率、通信距离和线路费用等。用户可以根据自己对网络传输的要求和用户的位置情况，选择适合的介质。 1、有线传输介质 　　(1)双绞线 可分为非屏蔽双绞线(UTP)和屏蔽双绞线(STP) 　　 (2)同轴电缆 　　 (3)光缆 　　 不同的传输介质相应的连接器也不同(见课本第10页)。 2、无线传输介质 　　无线传输介质包括微波、红外线、无线电波、激光等。 　　 (1)微波 　　　 就是频率较高的电磁波。微波在空间主要是直线传播。微波通信有两种主要的通信方式：地面微波通信和卫星微波通信。 　　 (2)红外线 　　　 红外线通讯是一种廉价、近距离、无线、低功能、保密性强的通讯方式。 　　 (3)蓝牙通讯 　　　 蓝牙(Bluetooth)通讯技术是一种在有效通讯半径范围内实现单点对多点的无线数据和声音传输。(详见课本第11页) 思考： 　　 我校电脑二室的网络中用到了哪几种传输介质？我校的校园网用到哪些传输介质？两者有什么不同？为什么？2.2 IP地址的格式和分类 教学目标： 【知识与技能目标】 在观察类比及动手实践的基础上对IP地址有直观的认识；同时培养学生的动手实践能力，实现概念和实践的衔接。 【过程与方法目标】 体会IP地址在网络中的重要地位；能从日常生活、学习中发现需要利用信息技术解决的问题。 【情感、态度、价值观目标】 加强学生的甄别信息、自我保护意识。 加强学生应用信息技术意识 （确立教学目标的依据： 新课程注重提高学生信息技术综合素质，课标是使学生掌握网络基础知识、提高能力。） 教学重点、难点： 根据对教材和学情的分析，以及教学目标的制定，本课把重、难点定为： 重点：IP地址格式（所有环节都在IP格式基础上展开。） 难点：判断IP地址类别；使用IP地址相关知识解决实际问题。 学情： 高二的学生思维的流畅性和灵活性已经有很大发展，他们能从不同方面运用多种方法思考问题，迁移能力增强。IP地址概念对大多数同学来说还是一个抽象的新鲜概念。但也有个别学生在课前就使用过IP技术解决问题。 网络聊天成瘾离家出走的孩子，在异地上网聊天时，被家人发现在线，家人根据显示的IP地址，顺利寻找到孩子。 IP地址的含义 就象用身份证号码来区分我们每个人一样，为了区别网上的每一台计算机，我们给因特网上的每一台计算机一个唯一的编号，我们把它称为该计算机的IP地址。 IP地址的格式 查一查：查看自己计算机的IP地址 看一看：IP地址的格式特点： 四段、三个圆点分隔。 补充：每段取值范围是0——255 解释原因： 每段用一个8位的二进制数来表示。那么一个8位的二进制数所表示的数的范围是多少呢？最小的数即是各个位上都是0，8个0对应的十进制数还是0；最大的数即是各个位上都是1，8个1对应的十进制数是255。所以0-255，共256个数。 或者用数学上的排列组合知识来理解：共8个位置，每个位置有两种选择（0或1），所以共用2^8种选择，即256种选择。 比一比：观察自己所使用的计算机的IP地址并与相邻同学的计算机的IP地址进行比较，总结一下有什么特点 所有同学所用计算机的IP地址的前三段都相同，都是192.168.14，最后一段是自己计算机的编号。 解释原因：人们一般把IP地址分为两段：网络号和主机号。 因为大家所用计算机都在6号机房，都处在192.168.14这个网段下，所以前三段相同。那么自己所用计算机是这个网段下的那一台计算机呢，用IP地址的最后一段来区别。 想一想：在192.168.14这个网段下最多有多少台计算机？ 学生回答：根据IP地址各段的取值范围很容易得出是0-255共256台。 老师补充：有两个特殊的号不能分配给具体的计算机，那就是主机号全为0和全为1的情况。全为0的号留给网络本身使用，全为1的号用作广播地址。 学生回答：那就能容纳256-2=254台。 想一想：如果一个网络下有多于254台的计算机时，如何分配IP地址呢？ IP地址的分类 为了适应不同的网络规模，人们将IP地址划分为A、B、C、D、E五大类。划分的依据就是根据网络号和主机号所占分段数目的不同。 0——7 8——15 16——23 24——31 A 0 B 1 0 C 1 1 0 D 1 1 1 0 E 1 1 1 1 0 A类：IP地址的前8位即第一段为网络号，后24位即后三段为主机号，但是第一段的第一位必须是0； B类：IP地址的前16位即前两段为网络号，后16位即后两段为主机号，但是第一段的前两位必须是10； C类：IP地址的前24位即前三段为网络号，后8位即后三段为主机号，但是第一段的前三位必须是110； 那么如何根据具体的网络规模选择合适的IP地址类别呢？或者说各个类别的IP地址分别适合怎样的网络规模呢？ 下面大家分别计算以下各类IP地址所容纳的网络数和主机数分别是多少？并完成下表： IP类别 IP地址首段取值范围 容纳的网络数 容纳的主机数 A B C 好了，这样我们就可以很容易的根据具体的网络规模选择合适的IP地址类别了。而且也很容易的可以根据给定的IP地址判断它所属的IP地址类别。 各类IP地址的适用场合归纳。 补充：子网掩码的作用： 计算机将IP地址和子网掩码取或运算，来区别网络号和主机号。或者说子网掩码就是帮助计算机来区别IP地址的网络号和主机号的。 补充：二进制的“或”运算 象十进制数之间的加减乘除运算一样，二进制数之间有与、或、非三种运算。其中或运算的规则是：（用“+”表示“或”的关系） 1+0=1；1+1=1；0+1=1；0+0=0 也就是说，两个数相“或”，只要有一个数是1，结果就是1；只有两个数同时为0，结果才是0。 大家可以实验一下，将自己计算机IP地址和子网炎码分别化为二进制数形式，然后将各位分别取“或”运算，看看结果是什么，体会一下，子网掩码具体是如何将IP地址划分为网络号和主机号的。(共16张PPT) 通过本章学习，应该掌握以下内容： HTML及其功能 利用HTML创建和测试Web页的方法 利用HTML设置标题和文字 利用HTML设置段落 利用HTML进行文本格式的处理 利用FrontPage 2002和Dreamweaver 4.0处理文本 第3章 网页文本的处理 3.1 利用HTML处理文本 3.1.1 HTML基础 1．标记符 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 在HTML中，所有的标记符都用尖括号括起来。例如，表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。 如：…<／HTML> . HTML标记符是不区分大小写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。 属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为： <标记符 属性1=属性值1 属性2=属性值2 …> 受影响的内容 <／标记符> HTML属性通常也不区分大小写。 2．HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下： 这是你的第一个网页！ 教师讲解：分析HTML文件的构成。了解HTML文件的语句结构，了解基本的常用的元素。注意方法：通过网页编辑工具在网页中插入图片、表格、超级链接，查看代码的变化，通过反复切换查看源代码与查看网页在浏览器中的显示效果，分析、理解网页代码的作用。尤其要了解HTML代码中常见元素、元素名称及元素的属性。小结：网页文件与WORD 文件比较。网页文件不象WORD 文件所见即所得（通过IE浏览）。第二部分：通过计算机网络将学习任务单下传给每位同学。准备工作：1.将书本P83页的星座命名.htm文件和P87页的实践中的inde.asp文件通过电子教室软件传送到学生机的D盘中。（也可在教师机上设置共享，让学生复制）2.对学生做适当的分组，完成实践活动二和实践活动三。实践活动一：（1）用Frontpage或Dreamwaver打开D盘中“星座命名.htm”网页文件。（2）通过反复切换查看源代码与查看网页在浏览器中的显示效果，分析、理解网页代码的作用。尤其要了解HTML代码中常见元素、元素名称及元素的属性。(3)学生按要求填写实验报告。（附）实践活动二：分组进行（1）打开服务器上共享文件夹“PWS安装文件”。（2）运行add-onspus文fvdvfd件夹中的setup.exe，安装PWS，把本台计算机设置成一台Web服务器。（3）设定虚拟目录，设定把用户的网页存放在D:\myweb文件夹中。设置此文件夹的别名为myasp。设定默认文档。添加默认文档index.htm。将星座命名.htm文件复制到D:\web,重命名为index.htm。 (6) 在本台计算机上，打开浏览器，在地址栏输入：http://localhost/myasp，验证PWS的安装及设置的正确性。(7)在局域网的其他计算机上，通过IP地址+虚拟目录名（如http://10.88.76.237/myasp）或计算机名+虚拟目录名（如http://jf1/myasp）的方法访问Web服务器上的index.htm。验证。IP地址和计算机名为自己本机。(8)学生按要求填写实验报告。（附）实践活动三：（教师可根据学生的操作进度有选择地进行）分组进行将盘中的index.asp为文件存入D:\myweb文件夹中。设定默认文档。修改默认文档index.htm为index.asp。（3）在本台计算机上，打开浏览器，在地址栏输入：http://localhost/myasp，验证PWS的安装及设置的正确性。（4）在局域网的其他计算机上，通过IP地址+虚拟目录名（如http://10.88.76.237/myasp）或计算机名+虚拟目录名（如http://jf1/myasp）的方法访问Web服务器上的index.asp。验证。`（5）进一步比较传送到客户端呈现的网页文件与原文件index.asp的差异，体会网页动态生成的方法。（6）学生按要求填写实验报告。（附）学生交流活动：本实践活动二和三难度比较高，可适当让学生分组学习讨论。教师活动：教师个别辅导。教师小结：动态网页技术的概念强化理解，ASP技术只是其中一种，附带了解其他动态技术如PHP、CGI等。 三、小结。活动：在“实验报告单”上填写通过学习产生的疑惑和新的想法。交流：学生间交流新的想法，相互帮助解答疑惑。 课后反思 教案设计者 单位/地址/邮编 电子邮件 联系电话 “网页的文件结构及支持技术”实验报告单 学生姓名 班级 学号 实践活动一实验报告 列举出头元素中所包含的元素： 列举上述HTML文件中table元素体中包含的各种元素的名称： 列举上述文件中元素”table”所具有的所有属性及相对应的值。 1 2 3 4 5 属 性 属性值 6 7 8 9 10 属 性 属性值 4.学生自评 评价指标 自我评价 活动质量 网页元素及其属性分析，熟练正确 6分 网页元素及其属性分析，较为正确 5分 网页元素及其属性分析，基本知晓 3分 网页元素及其属性分析，有待学习 2分 实践活动二实验报告 评价指标 自我评价 活动质量 Personal Web Server的安装，熟练操作 6分 Personal Web Server的安装，较为熟练 5分 Personal Web Server的安装，操作成功 3分 Personal Web Server的安装，仍需练习 2分 PWS安装测试 快速测试成功 4分 测试成功 3分 基本成功（有少量错误） 2分 有待继续努力 1分 实践活动三实验报告 评价指标 自我评价 ASP程序及其运行方式 快速测试成功 4分 测试成功 3分 基本成功（有少量错误） 2分 有待继续努力 1分 有待培养 1分 四、通过学习，你还有那些疑惑？ ______________________________________________________________________________________________________________________________________________________________ _______________________________________________________________________________ ______________________________________________________________________________ _______________________________________________________________________________ 通过学习，你对任务驱动的实践模式学习方法有哪些新的设想？ _______________________________________________________________________________ _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ PAGE 1(共10张PPT) 表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，被广泛用于各种信息的搜集和反馈。通过本章学习，应该掌握以下内容： 认识网页表单 创建表单的方法 编辑表单 设置表单确认页面 第8章 网页表单的处理 8.1 利用FrontPage 2002处理表单 8.1.1 创建表单 1 . 表单概述 表单是用来收集浏览者的用户名、密码、E-mail地址、个人爱好和联系地址等用户信息的输入区域集合。 FrontPage提供了文本框、文本区、单选按钮、复选框、下拉框、提交按钮和重置按钮等丰富的表单域。 （1）文本框：文本框用来输入比较简单的信息 。 （2）文本区：如果需要输入建议、需求等大段文字，使用文本框就显得力不从心了，这时通常使用带有滚动条的文本区。 （3）单选按钮：单选按钮常用于表示唯一的选择结果。 （4）复选框：复选框常用来表示许多项可以同时选中的事物，比如个人爱好、所学科目和选购的产品种类等。 （5）下拉列表框：当需要选择职业、文化程度等事项时，除了文本区以外，还可以考虑使用下拉列表框。 （6）提交按钮和重置按钮：当用户完成了表单的填写后，如果需要提交数据，则可以单击表单中的提交按钮。如果希望恢复表单为填写前的状态，以便重新填写，则可以单击重置按钮。 2．创建表单 在FrontPage 2002中可以通过应用向导创建表单，也可以自己手动创建表单。 8.1.2 编辑表单 1．修改表单 （1）删除不必要的域 如果是手动创建的表单，删除不必要的域的方法很简单，只需将选中需要删除的域，单击Delete键即可。如果是用表单向导创建的表单，将鼠标指针移至要删除的行的左侧，当鼠标变成指向箭头 时，选择要删除的域，然后单击鼠标右键，从弹出的快捷菜单中选择“删除单元格”命令即可。 （2）修改文本框的宽度 在FrontPage 2002中修改文本框的宽度有以下两种方法： ① 鼠标拖动法 用鼠标选中要修改文本框，选中状态下的文本框被6个小方框包围起来，拖动其中的小方框就可以改变文本框的宽度。 ② 精确设置法 用鼠标选中要修改文本框，然后单击右键，从弹出的快捷菜单中选择“表单域属性”命令，弹出“文本框属性”对话框，在“宽度”文本框中输入精确数值，然后单击“确定”按钮。 （3）修改域标题 在表单中修改域标题也很容易，只要用鼠标选中要更改的域标题，然后直接输入所需的域标题即可。 2．设置表单的背景颜色 3．设置光标顺序 在填写表单时，使用键盘上的“Tab”键，就可以在各项之间进行切换。 “Tab”键顺序是在各属性对话框中设置的。 4．设置密码域属性 在填写表单时，填写的某些内容会以“*”表示，这是为了防止输入的某些重要内容被其他人偷看。要想为标单加上此功能，只要在“文本框属性”对话框里的“密码域”选项组中选择“是”按钮即可。 8.1.3保存表单结果 访问者填写完表单内容后发送出去，发送后的表单结果要存放在某一位置。表单结果存放的位置是由表单属性指定的 。 8.1.4设置表单确认页面 在测试表单时，单击“注册”按钮后，浏览器会自动调出一个确认表单页面，其提示信息均为英文。表单的确认页面也可以自己设置，在浏览时让浏览器将自设的确认页面调出。 1．制作确认表单 2．链接确认表单与表单页面 8.2 处理网页表单的其他方法 8.2.1 利用HTML处理表单 利用HTML也可以创建表单，这样创建的表单通常由两类元素构成，一是普通的页面元素，例如表格、图像、文字等，二是用于接收信息的特定页面元素，也就是所谓的表单控件。 1．表单标记符 HTML中表单标记符为FORM，其主要作用是设定表单的起止位置，并指定处理表单数据程序的URL地址。 2．表单输入标记符 INPUT是表单输入标记符，在表单创建中使用频繁，大部分表单内容需要用到此标记符。 3．控件定义方法 （1）文本框和口令框 创建单行文本框的基本语法如下： （2）复选框与单选按钮 创建复选框和单选框也是使用INPUT标记符，语法分别如下： （3）按钮 创建提交按钮、重置按钮和自定义按钮的语法分别如下： （4）多行文本框（文本区） 利用HTML创建多行文本框应使用TEXTAREA标记符，其使用格式如下： 默认多行文本<／TEXTAREA><br>（5）选项菜单<br>要创建选项菜单应使用SELECT标记符，并将每个可独立选取的项用一个OPTION标记符标出来。<br>8.2.2 利用Dreamweaver 4.0处理表单<br>Dreamweaver 4.0提供了大量的表单元素。将“Object”面板切换到“Forms”类下，即可看到各种表单元素 。<br>1．插入文本框<br>（1）创建空白表单<br>（2）插入文本框<br>① 插入单行文本框<br>② 插入多行文本框<br>③ 插入密码文本框<br>2．设置文本框属性<br>3．插入单选按钮<br>（1）插入单选按钮<br>（2）设置单选按钮的属性<br>4．插入复选框<br>（1）插入复选框<br>（2）设置复选框的属性<br>5．插入下拉列表框<br>（1）插入下拉列表框<br>（2）设置下拉列表框属性<br>6．插入按钮<br>（1）插入“Submit”（提交）按钮<br>（2）插入“Reset”（重置）按钮<br>（3）插入“Button”按钮第三节 信息交换方式――数据交换技术<br>数据交换技术是一个比较抽象的内容，学生不易理解，通过情境设计，先培养学生分析问题的思维方法，使学生对所学知识能有更深刻的认识。<br>　　教学目标：<br>　　（1）了解三种数据交换技术及用途；<br>　　（2）能比较三种数据交换技术的优缺点；<br>　　（3）理解IP电话的工作原理；<br>　　（4）培养学生分析、比较问题的能力。<br>　　教学重点：三种数据交换技术<br>　　教学难点：比较三种数据交换技术的优缺点<br>　　教学用时：1课时<br>　　<br>　　教学过程设计：<br>　　一、创设情境，引入问题。<br>　　（数据交换技术是一个比较抽象的内容，学生不易理解，以学生相对较熟悉的生活例子作为铺垫，通过情境设计，先培养学生分析问题的思维方法，通过知识的类比、迁移，使学生对所学知识能有更深刻的认识。）<br>　　1、问题提出<br>　　问题：假设有一火箭需通过铁路从制造厂运到发射场，现有三种方案：专列专线、专列非专线、非专列非专线，现要求大家一起讨论这三种方案的优劣。<br>　　前提条件：假设使用每一线路所需费用均相等。<br>　　2、问题分析<br>　　（在讲这部分时，应该引导学生对速度、对火车头的依赖、铁路利用率（即费用）进行比较，培养学生分析问题的能力，为后面的实践题打下基础。）<br>　　甲线：专门使用一列火车来运输火箭，并使用专线，其他车次不得占用。<br>　　乙线：专门使用一列火车来运输火箭，但不使用专线，该火车按照正常的火车时刻表，服从铁路部门的调度。如：现按照正常的车次进入第一个站点停靠，听候调度，有合适的火车头和线路才能继续往下一站点，如此循环，直至将火箭运到目的地。<br>　　与甲线相比，使用乙线的优点、缺点有哪些？大家一起来分析（速度：比甲线慢；费用：由于与其他火车共用一条线，可降低费用；对火车头的依赖：火箭整体总量较大，需要较大功率的火车头才能推动，所以对火车头的依赖较大。）<br>　　丙线：不使用专门的火车来运输，而是将火箭进行拆分，拆分之后火箭与普通货物一样进行运输。可见这是在乙线运输方案的基础上进行的改进，由于火箭拆分之后可看成与普通货物同等对待，对火车头的依赖较小，可挂靠在任一火车头上。一来可以有效地提高运输速度，二来可以提高铁路的利用率，与其他货物均担费用，降低了运输火箭的费用。由此可见，相对于乙线，丙线的方式更加灵活。但相比之下它也有个缺点：运输前后需要对火箭进行拆分和组装。<br>　　下面我们通过表格来比较这三种运输方式的优劣。<br>　　<br>特点 优点 缺点<br>甲线 速度最快 费用最高<br>乙线 费用较低 速度最慢、对火车头要求较高<br>丙线 费用最低、速度较快，对火车头要求低。 运输前后需对火箭进行拆分、复原工作。<br>　　（小结：在这三种方案中是通过提高线路的利用率来有效地降低费用的。）<br>　　在现实生活中要运输货物，同样，在网络中要传输大量的数据。网络中的数据是通过什么样的方式来进行传输的呢？下面我们来学习三种网络中数据的传输方式，他们的工作原理和我们刚才讨论的三种运输方案有许多相似的地方，大家在学习的时候可以用来做类比。<br>　　二、三种数据交换技术<br>　　1、电路交换技术<br>　　（1）介绍工作原理：电路交换技术即为已对需要进行通信的装置之间提供一条临时的专用传输通道。<br>　　（引导学生让其与甲线的运输方式进行类比）<br>　　（2）举例<br>　　<br>　　2、报文交换技术<br>　　（1）介绍工作原理：报文交换技术不需要事先建立物理线路，它将发送的数据作为一个整体发给中间交换设备。中间交换设备先将数据存储起来，然后选择一条合适的空闲线路将数据转发给下一个交换设备，如此循环直至数据发送到目的节点。<br>　　<br>　　（引导学生让其与乙线的运输方式进行类比）说明：在这里报文交换技术采用“存储－转发”机制<br>　　（2）报文与电路进行对比<br>　　（3）举例：电报系统<br>　　3、分组交换技术<br>　　（1）介绍工作原理：分组交换技术是报文交换技术的改进，它是将用户传送的数据划分成一定的长度，每个部分叫做一个分组。在每个分组的前面加上一个分组头，用以指明该分组发往何地址，然后由交换机根据每个分组的地址标志，将它们转发至目的地，这一过程称为分组交换。（引导学生让其与丙线的运输方式进行类比）<br>　　分组交换技术是在数据网络中最广泛使用的一种交换技术.<br>　　（2）与报文交换技术进行对比<br>　　（3）举例：IP电话<br>　　小结：这三种数据交换方式都是通过对技术进行改进，提高线路的利用率。<br>　　三、三种交换技术的比较<br>　　1、三种数据交换技术与三种火箭运输方案的对应关系。<br>　　电路交换技术——甲线<br>　　报文交换技术——乙线<br>　　分组交换技术——丙线<br>　　可进行类比的项目：数据———火箭（即所需运输的货物）<br>　　中间交换设备———火车头<br>　　线路———铁路<br>　　线路利用率———铁路的使用率<br>　　2、三种交换技术的比较<br>　　任务：全班学生分为三个大组，分别选择一种数据交换技术来研究，完成课本60页的实践。<br>通讯方式 数据交换技术 优点 缺点<br>传统电话 <br>电报 <br>IP 电话 <br> <br> <br> 　　教师提示：可从以下几个方面来比较三种数据交换技术的优缺点，通讯速度、线路使用率、对中间设备的要求。<br>　　 3、学生代表上台陈述，教师小结。<br>　　四、课堂小结<br>　　1、了解电路交换技术、报文交换技术、分组交换技术的工作原理；<br>　　2、能够比较三种交换技术的优缺点；<br>　　3、理解IP电话为什么会比较便宜。<br>　　接入因特网<br>学习目的：1、了解因特网的几种接入方式。<br>　　 　　 2、了解因特网接入的软件配置。<br>　　 　　 3、了解因特网的服务组织。<br>重点难点：因特网接入的软件配置。<br>学习方式：任务驱动、小组讨论、教师总结<br>学习任务：<br>　　 　　 1、了解因特网的几种接入方式。<br>　　 　　 2、了解因特网接入的软件配置。<br>　　 　　 3、了解因特网的服务组织。<br>学习内容：<br>　　<br>一、因特网的接入方式　　<br>3.1.1 两类因特网用户<br>1.个人及家庭上网<br>　拨号接入<br>　配置调制解调器<br>　介质：电话线<br>2.单位用户上网<br>　局域网接入<br>　配置网络适配器即网卡<br>　介质：电话专线、ISDN专线、DDN专线，卫星、微波等无线通信方式<br> <br>3.1.2 拨号接入方式<br>　 拨号接入方式示意图<br>　必须满足三个条件：<br>　1.有可用的中继线：“占线”<br>　2.有可用的IP地址<br>　动态主机配置协议（Dynamic Host Configuration Protocol,DHCP）软件<br>　3.有支持TCP/IP和PPP协议的软件<br>　PPP(Point-to-Point Protocol)协议是使用于数据链路层和物理层的协议。<br>3.1.3 局域网接入方式<br>1.共享IP地址<br>　 共享IP地址的局域网接入方式示意图<br>　 因在代理服务器上配有共享拨号服务的软件，所以它一方面能给不同的工作站分配不同的端口号（或内部IP地址），一方面能对从ISP返回的IP数据流进行分离，将他们按端口号分别传递给相应的工作站，从而保证每个工作站只接受自己感兴趣的信息。<br>　2.独享IP地址<br>　局域网上的每台工作站均拥有自己的IP静态地址。<br>　连接时通常要使用路由器等设备和DDN等通信线路，费用往往较高。<br>3.2.1 拨号上网前的准备 （略提）<br>1.安装调制解调器<br>　调制解调器：外置式和内置式<br>　安装步骤：开始/设置/控制面板/调制解调器<br>2.网络设置<br>　安装步骤：开始/设置/控制面板/网络<br>　（1）安装拨号网络适配器；<br>　（2）安装TCP/IP协议<br>　（3）设置TCP/IP协议<br>　　　①设置IP地址<br>　　　 ②设置DNS配置　<br>3.2.2 电话拨号上网 （略）<br>　所谓拨号上网，就是让用户拨打ISP的上网电话号码，把自己的计算机通过公用电话网与ISP服务器连接到一起。<br>3.3.1 传统接入途径<br>1.普通调制解调器拨号接入<br>　优点：技术成熟，设备成本低，使用面广；<br>　 缺点：上网时不能通电话，数据传输速率较低。<br>2.ISDN拨号接入——一线通<br>　ISDN(Integrated Services Digital Network),综合业务数字网，可实现用户从端到端的全数字化连接。<br>　ISDN可提供2B+D数据通道，理论上2B最高传输速率可达128kb/s,D通道可供用户在上网时打电话。<br>　优点：打电话、上网、收发传真可同时进行。<br>　缺点：接入设备必须使用专用的线路，其适配器和数字话机价格较高。　<br>3.3.2 宽带接入途径<br>　1.通过ADSL上网<br>　ADSL(Asymmetric Digital Subscriber Line，非对称数字用户环路)是继调制解调器、ISDN之后的新接入方式。所谓非对称，是指下行与上行采取不同的速度。ADSL理论上最快的传输速率为下行速度8Mb/s及上行速度1Mb/s。　<br>2.通过电缆调制解调器上网<br>电缆调制解调器利用有线电视网络进行双向数据传输。<br>若使用电脑上网，则需配置以太网卡与电缆调制解调器等硬件设备；<br>若使用电视机上网，则需配置具有电缆调制解调器功能的机顶盒 ( http: / / hqgz. / website / xxjs / 3wangluo / 6 / JTH.htm )。<br>二、配置因特网的接入<br>很多同学家中通过ADSL、Cable MODEM接入因特网，这些是较为普遍的接入方式。当然一些新的小区或园区内，通过光纤或局域网接入因特网的方式逐步兴起。<br> <br> 下面我们将学习通过ADSL虚拟拨号方式和园区局域网（校园网）接入因特网的方法。<br> 无论采用何种接入方式，要做好以下几项工作：<br> （1）检查一下你所需要的硬件设备是否齐全，是否正确安装在计算机中。<br> （2）检查一下你的计算机是否安装好操作系统。<br> （3）检查一下你计算机中的网卡或MODEM设备驱动程序是否正确安装。<br> （4）安装TCP/IP协议软件。<br> 1、ADSL MODEM虚拟拨号配置<br> ①ADSL硬件安装<br> 安装和连线：连接方法如下图示：<br> ②网卡与协议软件安装<br> 由于ADSL MODEM是连接到计算机的网卡上，所以要安装网卡的驱动程序。然后为网卡安装TCP/IP协议软件。<br> ③ADSL虚拟拨号软件安装。<br> 目前使用在Windows上的主要是Enternet100，Enternet300，WinPoET，推荐使用Enternet300 V1.5[相关网页链接 ( http: / / www.dl.cttln.com / problem_detail20050629140500.asp" \t "_blank )]。安装好ADSL终端的驱动程序后，按下图安装PPPoE拨号程序。Windows XP已经自带PPPoE软件。<br> 3、软件配制<br>（1）网关主机的设置<br>网关主机上安装的操作系统是Windows XP。点击"开始"->"控制面板"->"网络和Internet连接"->"网络连接"，就会看到两个网卡的连接图标。<br>　　 "Local Area Connection 1"即网卡A1 与因特网连接；"Local Area Connection 2"即网卡A2连局域网。"Local Area Connection 1"的TCP/IP 设置应视不同的宽带接入方式而不同，可以是自动获取IP 地址和DNS，也可以配固定IP 地址和DNS（IP 地址由ISP 提供给你的），用户应按ISP 提供的使用说明来配置。<br>把网卡A1 的因特网连接共享出来，右击"Local Area Connection 1"->"属性"->"高级"，把"Internet 连接防火墙"和"Internet 连接共享"的三项钩选，按"确定"，此时会出现对话框提示会改变另一网卡的TCP/IP 设置，按"Yes"。<br>　　 查看"Local Area Connection 2"的TCP/IP 设置，右击"Local Area Connection 2"->"属性"->"Internet Protocol (TCP/IP)"->"属性"，看到IP 地址被系统设置为192.168.0.1。<br>IP 地址根据局域网的使用者的具体设置而定了。网关主机的设置完成，已经共享了Internet 连接并有防火墙功能，可保护整个局域网内的所有机器不被非法访问。<br>（2）局域网内PC2 的配置<br>PC2 上安装的操作系统可以是任何网络操作系统。PC2 的操作系统中需要设置网卡的IP地址、子网掩码、默认网关和DNS。IP 地址设为与网关主机网卡A2 处于同一子网的地址，但不能重复，子网掩码跟网关主机网卡A2 的一样，默认网关和DNS 设为网关主机的网卡A2 的IP 地址。 (共12张PPT)<br>通过本章学习，应该掌握以下内容：<br>认识框架网页<br>创建框架网页的方法<br>编辑框架网页的方法<br>设置框架属性的方法<br>第5章 网页框架的处理<br>5.1 利用FrontPage 2002处理框架<br>5.1.1 创建框架网页<br>1．认识框架网页<br>框架网页是—种特殊的HTML网页，它可将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页.<br>（1）框架网页的特点<br>① 只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。<br>② 固定网页中的某些内容。<br>③并不是所有的浏览器都能显示框架网页，这也是框架网页的一个局限。<br>（2）框架网页的种类<br>根据框架分布的不同和各框架作用的不同，框架网页被分为多种类型。使用FrontPage制作网页时，常用到的框架网页是：标题、标题页脚和目录、垂直拆分、横幅和目录、脚注、目录、嵌套式层次结构、水平拆分、页脚和自顶向下的层次结构。<br>2．创建框架网页<br>① 选择“文件”| “新建”| “网页或站点”命令，打开“新建网页或站点”窗格；<br>② 单击“网页模板”超级链接，打开“网页模板”对话框；<br>③ 单击“框架网页”选项卡，显示十种网页模板，选择其中任一种形式，在对话框右边会出现该模板形式的说明，以及模板预览。选择“嵌套式”层次结构，单击“确定”按钮，出现初始框架网页；<br>④ 单击每个框架中的“新建网页”按钮，各编辑区变成编辑状态，可以依次编辑各个网页。单击每一个框架区域中的“设置初始网页”按钮将打开一个对话框，可以在该对话框中选择一个网页作为框架网页最初显示的网页，并显示在框架区域中。<br>5.1.2 编辑框架网页<br>编辑框架网页与编辑普通的网页相同，也可以在框架网页中添加和格式化文本、设置网页的背景颜色和背景图片、在网页中插入图片和添加组件，还可以调整框架的大小等。<br>1．在框架网页中添加和格式化文本<br>在框架网页中添加和格式化文本与在普通的网页中添加和格式化文本相同。<br>2．调整框架的大小<br>在输入文本时，可能输入的文本内容比较多，但框架又比较小，所以输入文本时会有一部分文本不能显示，这样在查看文本时就有可能看不到文本的整体效果，这时可以调整框架的大小来显示文本。<br>通常调整框架的大小的方法有两种，即通过拖动框架的边框或指定想要的确切设置来调整框架的大小。<br>（1）拖动框架的边框调整框架大小<br>将光标放在要调整的框架边框上，当光标变为“ ”形状时，按住鼠标左键，并向下拖动。按此方法调整上图中右边两个框架的大小，调整后的框架网页如图5.7所示。<br>（2）精确设置框架大小<br>① 单击框架，将光标置于框架内，点击鼠标右键，从弹出的快捷菜单中选择“框架属性”命令，弹出“框架属性”对话框；<br>② 在“框架大小”选项组中设置框架大小为固定像素数后，再指定框架的宽度和行高，单击“确定”按钮。<br>3．拆分框架<br>在框架网页中不但可以调整框架的大小，还可以设置网页中显示的框架的多少。在框架网页中可以任意地拆分框架。<br>（1）拖动边框拆分框架<br>将光标放在要拆分的框架边框上，按住“Ctrl”健，同时按住鼠标左键拖动框架边框，拖出一段距离后放开鼠标左键和“Ctrl”键，出现一个框架。<br>（2）将框架平均分成两行或两列<br>将光标放在要拆分的框架边框内，选择“框架”|“拆分框架”命令弹出“拆分框架”对话框。选择 “拆分为行”或“拆分为列”，单击“确定”按钮。<br>4．删除框架<br>① 将光标放在要删除的框架中；<br>② 选择“框架”| “删除框架”命令。<br>注意：从框架网页中删除框架时，该框架中显示的网页也会被删除，但是框架网页中其余的内容并没有被删除。若框架网页仅含有一个框架，就不能删除该框架。<br>5．为框架网页设置背景颜色和背景图片<br>（1）设置框架网页的背景颜色<br>① 将光标放在要设置背景颜色的框架中；<br>② 单击鼠标右键，从弹出的快捷菜单中选择“网页属性”命令，打开“网页属性”对话框；<br>③ 单击“背景”标签，打开“背景”选项卡；<br>④ 单击“背景”右侧的按钮，从弹出的颜色面板中选择背景颜色；<br>⑤ 单击“确定”按钮。<br>（2）设置框架网页的背景图片<br>设置框架网页的背景图片与设置框架网页的背景颜色类似。<br>5.1.3 设置框架网页属性<br>设置框架的属性包括设置边框的隐藏或显示、设置框架的边距和间距以及设置框架中滚动条的显示和隐藏。<br>1．显示和隐藏框架边框<br>可以根据所需的网页外观来选择显示或隐藏框架网页的框架周围的边框。<br>显示和隐藏边框的操作步骤如下：<br>① 将光标放在任意一个框架中；<br>② 单击鼠标右键，从弹出的快捷菜单中选择“框架属性”命令，弹出“框架属性”对话框；单击“框架网页”按钮，打开“网页属性”对话框；<br>③ 选择或禁用“显示边框”复选框，就显示和隐藏框架边框；<br>④ 单击“确定”按钮，回到“框架属性”对话框；<br>⑤ 单击“确定”按钮。<br>2．显示和隐藏框架滚动条<br>在“框架属性”对话框中，从“显示滚动条”的下拉列表中选择“显示”或“不显示”或者“需要时显示”。<br>5.1.4 在框架网页中设置超链接<br>在框架组中设置超级链接后，单击超级链接，该链接所指向的网页通常会在另一个框架中打开，即会在目标框架中打开。在使用FrontPage 2002的框架网页模板所创建的框架网页下，目标框架已经设置好了。在框架组中设置超链接与在普通的网页中设置超链接相同，也可以设置文本超链接和图片超链接。<br>1．在框架中设置文本超链接<br>其操作步骤如下：<br>① 在框架中选择要设置超链接的文本，单击“常用工具栏”中的“插入超链接”按钮，弹出“插入超链接”对话框；<br>② 选择要链接的文件，单击“目标框架”按钮，弹出 “目标框架”对话框；<br>③ 选择目标框架，单击“确定”按钮，回到“插入超链接”对话框；<br>④ 单击“确定”按钮，则超链接设置完成。<br>2．在框架中设置图片超链接<br>在框架中设置图片超级链接与在框架中设置文本超级链接基本相同 。<br>5.1.5．保存框架网页<br>创建和编辑完框架后就可以对框架进行保存了。保存框架与保存普通的页面方法相同 。<br>5.2 其他处理网页框架的方法<br>5.2.1 利用Dreamweaver 4.0处理框架网页<br>1. 建立框架<br>Dreamweaver 4.0在对象面板“Frames（框架）”类中提供了许多组框架组，使用者点击鼠标就可以创建框架。<br>2．编辑框架<br>框架创建好以后，就可以对框架进行编辑了。每一个框架里都是一个文档，可以直接添加内容，也可以在框架内打开已经存在的文档。<br>3．保存框架<br>每一个框架都包含一个文档，因此一个框架集会包含多个文档。在保存文档的时候，不能只简单地保存一个文档，要将整个网页文档都保存下来。<br>4．框架属性及框架集属性设置<br>使用框架属性面板可以查看和设置框架的属性。<br>5.2.2利用HTML创建网页框架<br>1。指定框架结构<br>在框架集网页中，除了基本的HTML、HEAD等标记符以外，主要包括框架集标记符FRAMESET（必须有结束标记符<／FRAMESET>）和框架标记符FRAME（没有结束标记符）。<br>由于框架是按照行或列排列的，所以在建立框架结构时，使用FRAMESET标记符的rows属性或cols属性分别可以构造出横向分隔框架和纵向分隔框架。<br>2．框架的嵌套<br>如果网页设计者需要创建一些复杂的框架集，即同时包含横向和纵向的框架，此时可以使用框架嵌套。框架嵌套时只要在要使用FRAME标记时再使用FRAMESET标记一个框架集即可。<br>3．框架的初始化<br>框架初始化是指为各个框架指定初始显示的页面，此时应使用FRAME标记的src属性，将该属性的值指定为要在框架中显示的页面即可。<br>4．边框效果<br>（1）框架边框的设置<br>border属性可以用于设置边框的宽度，其值为像素数。<br>（2）框架滚动条的设置<br>使用FRAME标记符的scrolling属性可以控制是否在框架内加入滚动条，其值可以取为yes、no、auto。<br>（3）设置边框的不可移动属性<br>使用FRAME标记符的noresize属性，该属性不需要任何取值，即：<FRAME noresize ><br>（4）设置框架空白<br>FRAME标记符的framespacing属性可以控制框架边框与数据之间的距离，这个属性的取值都是像素数。<br>5．指定超链接的目标框架<br>控制超链接的目标文件在哪一个框架内显示的方法是在A标记符内使用target属性，格式为：<br><a href="目标文件" target="目标框架名">超链接内容<／a>5．2网页制作——表单<br>教学方法：教学演示、任务驱动、自主练习<br> 一、教学目标：<br>1、知识与技能<br>了解表单的概念<br>掌握表单网页的制作方法<br>2、过程与方法<br>体验表单网页的制作过程<br>体验用表单网页进行信息的采集过程<br>3、情感、态度、价值观<br>认识信息技术对人们日常生活、学习、工作的影响<br>激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度<br> 二、重点难点：<br>表单网页的概念<br>表单网页的制作方法<br>三、课程标准：<br>选修模块3：网络技术应用---网站设计与评价---内容标准---能够根据表达任务的需求，使用常用的网页制作软件制作网页<br> 四、教学媒体：(本教案需用到的各种教学媒体和资源)<br>1. 硬件：网络机房<br>2. 软件：多媒体广播教学软件，FrontPage2000<br>3. 在线资源：<br>http://www. ( http: / / www. / )<br>http://www.<br> 五、学生分析：<br>学生在学习本节内容之前，已经学习过因特网的相关知识、会上网，并且已经掌握常用网络工具软件的使用，如QQ、E-mail等等，并且有着浓厚的兴趣。大部分学生只停留在利用QQ聊天、进行网络游戏、收发E-mail等阶段，对申请QQ号码和E-mail时的网页结构形式知之甚少。本节课的关键是通过学习，了解表单网页的制作过程和方法，为以后信息获取和处理打下基础。<br>六、教材分析：<br>网络基础及应用是高中信息技术课程的重点，是培养学生信息素养的关键章节，对于培养学生获取、评价、利用和表达信息的能力，起着举足轻重的作用。而表单网页在基于网络的信息收集处理方面有着明显的优势。<br> 七、教学过程：<br>教学阶段 教师活动 学生活动 设计意图<br>创设情境课堂引入 问题1：同学们好，你们有QQ号码吗？ 问题2：你们有E-mail吗？ 讨论思考 利用学生熟知的事物激发学生的学习兴趣<br>表单网页的形式 问题3：怎样申请一个免费的QQ号码？谁能到前面来给大家演示一下？问题4：如何申请一个免费的E-mail呢，谁能到前面再给大家演示一下？问题5：在申请QQ和E-mail时，我们要输入哪些个人信息？（广播教学--介绍表单网页的构成要素：单行文本框、下拉列表框，提交按钮、重写按钮等等） 学生选派代表或举手到教师机前面给其他同学演示 让学生体验QQ和E-mail的申请过程，并了解表单网页的结构形式，对表单有一个感性认识<br>如何制作表单网页 1、表单的概念表单是一种结构化的网页，利用表单，你可以收集来自世界各地的信息。2、表单网页制作方法步骤：依次单击“插入”/“表单”，弹出下级菜单问题6：表单由哪些组件？3、教师演示如何插入单行文本框，流动文本框、复选框、单选按钮、下拉彩单、按钮。 学生观察并练习，教师巡回指导 通过演示模仿，达到熟练操作<br>任务驱动 学生自主练习 呈现学习任务，要求学生制作一个“留言板” 学生分组操作，自主合作练习 培养学生的合作意识，让学生带着问题进行自主学习，掌握自主、合作学习的方法。<br>教学评价 指导学生上传分组作品，并向全班同学展示。 学生评价 让学生学会如何客观地评价他人作品。把学生作品作为个人成长记录的一部分。<br>总结 本课知识回顾和小结 <br> (共11张PPT)<br>通过本章学习，应该掌握以下内容：<br>JavaScript语言基础<br>在网页中插入JavaScript脚本语言的方法<br>CSS属性<br>在网页中应用DHTML技术<br>第10章 JavaScript和DHTML技术<br>10.1 在网页中使用JavaScript<br>10.1.1 JavaScript概述<br>1．JavaScript语言基础<br>（1）JavaScript变量<br>与其他编程语言一样，JavaScript也是采用变量存储数据。与Java和其他一些高级语言不同，JavaScript并不要求指定变量中包含的数据类型。<br>在JavaScript中，可以简单地用var来定义所有的变量，而变量的类型由赋值语句隐含确定。<br>例如: 如果赋予变量money数字值1000，则money可参与整型操作；如果赋予该变量字符串值 "This is my money"，则它可以参与字符串操作；同样，如果赋予它逻辑值false，则它可以支持逻辑操作。<br>变量还可以先赋予一种类型的数值，然后再根据需要赋予其他类型的数值。<br>JavaScript支持的数据类型 有：<br>数字、布尔、字符串、未定义、对象等类型。<br>（2）JavaScript运算符<br>① 算术运算符 包括：+、-、*、/、%、++、--等。<br>② 逻辑运算符 包括：&&、||、！等。<br>③ 比较运算符 包括：<、<=、>、>=、= =、！=等。<br>④ 字符串运算符 包括：+，用于连接两个字符串。<br>⑤ 位操作运算符 &、|、^、-、~、<<、>>、>>>等。<br>⑥ 赋值运算符 包括：=、+=、-=、*=、 ／=、 ％=、 &=、|=、^=、<<=、>>=、>>>=等。<br>⑦ 条件运算符 包括： 。<br>⑧ 其他运算符<br>大多数JavaScript运算符都是双目运算符，即具有两个操作数的运算符，通常用以下方式进行操作：<br>操作数1 运算符 操作数2<br>（3）JavaScript表达式<br>表达式是运算符和操作数的组合。表达式通过求值确定表达式的值，这个值是对操作数实施运算符所确定的运算后产生的结果。有些运算符将数值赋予一个变量，而另一些运算符则可以用在其他表达式中。<br>（4）JavaScript语句<br>① 条件语句<br>在JavaScript中提供了if语句、if else语句以及switch语句等三种条件语句。<br>if 语句是最基本的条件语句，它的格式为：<br>if（条件）<br>语句段；<br>if else语句的格式为：<br>if（条件）<br>语句段1；<br>else<br>语句段2；<br>switch语句<br>格式如下：<br>switch（条件）<br>{case value1: 语句段1;<br>case value2：语句段2;<br>case value3：语句段3;<br>…<br>default：语句段4；}<br>② 循环语句<br>循环语句用于在一定条件下重复执行某段代码。在JavaScript中提供了多种循环语句：<br>for语句 格式如下：<br>for（初始化；条件；增量）<br>{<br>语句段；<br>}<br>while语句 是另一种基本的循环语句，格式如下：<br>while（条件）<br>{<br>语句段；<br>}<br>do while语句 是while语句的变体，格式如下：<br>do<br>{<br>语句段；<br>}<br>while（条件）<br>break语句 提供无条件跳出循环结构或switch语句的功能。<br>continue语句 作用是终止当次循环，跳转到循环的开始处继续下一轮循环。<br>break语句和continue语句既可以单独使用，也可以与语句标号一起使用。<br>（5）JavaScript函数<br>函数是已命名的代码块，代码块中的语句被作为一个整体引用和执行。在使用函数之前，必须先定义函数。函数定义通常放在HTML文档头中，但也可以放在其他位置。但通常最好放在文档头，这样就可以确保先定义后使用。 定义函数的格式如下：<br>function 函数名（参数1，参数2，．．．）<br>{<br>语句段；<br>…<br>return 表达式；<br>}<br>函数名是调用函数时引用的名称，参数是调用函数时接收传入数值的变量名。大括号中的语句是函数的执行语句，当函数被调用时执行。如果需要函数返回值，可以使用return语句，需要返回的值应放在return之后。<br>2．使用JavaScript内部对象<br>对象就是客观世界中存在的特定实体。在计算机世界中，也包含各种各样的对象。例如，一个Web页可以被看作一个对象，它包含背景颜色、前景颜色等特性，同时包含打开、关闭、读写等动作。因此可以说，对象包含两个要素：<br>属性 用来描述对象特性的一组数据，也就是若干变量；<br>方法 用来操作对象特性的若干动作，也就是若干函数。<br>通过访问或设置对象的属性，并且调用对象的方法，可以对对象进行各种操作，从而获得需要的功能。<br>在JavaScript中可以操作的对象通常包括两种类型：浏览器对象和JavaScript内部对象。浏览器对象是指文档对象模型规定的对象，例如HTML元素对象、document对象、window对象等；JavaScript内部对象包括一些常用的通用对象，例如数组对象Array、日期对象Date、数学对象Math等。<br>10.1.2 JavaScript应用实例<br>1．在网页中使用JavaScript的方法<br>在网页中使用脚本的方法有三种：<br>（1）使用SCRIPT标记符插入脚本<br>方法是：把脚本标记符<SCRIPT><／SCRIPT>置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。<br>语法如下：<br><SCRIPT language="JavaScript"，type="text/javascript"><br><br><／SCRIPT><br>（2）直接添加脚本<br>（3）链接脚本文件<br>10.2 在网页中使用DHTML<br>10.2.1 CSS简介<br>10.2.2 DHTML应用实例<br>1．利用DHTML制作滚动字幕<br>滚动字幕是一种常用的网页效果，使用MARQUEE标记符可以设计滚动字幕，利用MARQUEE标记符中各种属性来控制滚动字幕的滚动方式。<br>2．利用DHTML制作动态折叠菜单2.3域名<br>教学主题 域名<br>适用年级 高二年级 教学课时 1课时<br>教材分析 本课的重点是域名、域名服务器与域名解析的基本过程。难点是对域名解析的基本过程的理解。<br>学习目的 使学生掌握域名的概念和理解域名解析的基本过程。<br>所需资源和环境<br>数字化资源 http://nic.中国互联网络信息中心(简称CNNIC)<br>http://.cn/ 中国万网<br>http://www.icann.org/ ICANN(互联网名称与数字地址分配机构)<br>http://www.apnic.net/ 亚太地区互联网信息中心<br>常规资源 1、教材《网络技术应用》第二章2.2.3节； 2、教材配套的教师用书；3、《网络技术应用》学习任务单；<br>教学支撑环境 计算机网络教室/实物投影/液晶投影仪<br>教学设计<br>教学引导问题设计 问题 目的 重点、难点、关键点<br>请大家谈谈记忆电话号码有什么诀窍 通过记忆电话号码引入新课； IP地址比电话号码更加难于记忆<br>为什么不直接使用hosts文件，而要使用域名系统呢 通过此问题，使学生对分层结构的优越性有所了解； 强调分层思想，采用树状分层结构<br>域名欺骗主要可以有哪些途径？如何避免在日常使用网络过程中访问到地址被更改的网站 通过这两个问题，一方面引导学生加深对刚学知识的理解，另一方面，增强学生网络使用的安全知识； 重点使学生真正掌握IP地址和域名的相互关系以及域名系统的工作过程；<br>教学过程设计 一、引入新课设问： 同学们都打过电话吧，请大家谈谈记忆电话号码有什么诀窍？引入： 电话号码比较难记，一般大家都使用通讯薄（书面的或是电子的）来记录电话号码。IP地址更加难记，当我们需要访问某个主机时，同样可以在我们的计算机中找到一个“电子通讯薄”，即hosts文件。大家可以查找到hosts文件，用记事本打开观看，内部组成和内容（特别注意127.0.0.1和localhost等项目）；当我们要找某个自己的通讯薄中没有电话号码记录的人时，就需要寻求电话查号台（114）的帮助，而网络也一样，如果hosts中没有地址记录，就需要寻求网络域名系统的帮助了。 二、教学内容 1、域名概念：IP地址很难记忆，不能反映拥有者的信息，域名就是为解决这些问题而设计的，当然，象上面的locahost之类的，也是一种命名方式，但这种无层次命名方式有一定的缺陷，特别是当地址数量极大的时候，产生重名冲突的可能越来越大，查找效率也是十分低下的。因此，我们采用的是层次式的命名方式，称为域名。2、域名命句规则：每个域名由若干个子域名组成，用圆点分开，子域名由若干个字母和数字组成。子域名不超过63个字符，整个域名不超过256个字符。域名中较后的子域名代表较高的层；参见课本例子；3、常用一级域句介绍：常用最高域名（一级域名）.com商业机构.edu教育机构.gov政府机构.int国际组织.mil军事部门.net网络运行服务中心.org非赢利机构.cn中国.hk香港.uk英国4、阅读提问思考：课堂作业一：请学生查看课本内容page20-21页域名解析过程，阅读并理解这一过程，然后回答教师提问；教师可请几位学生分别描述几个域名的查询过程，然后归纳总结，引导学生掌握课本图2.3.2域名解析过程）课堂作业二：请学生思考为什么不直接使用hosts文件，而要使用域名系统呢？(教师引导学生思考，通过此问题，使学生对分层结构的优越性有所了解)小资料：域名服务系统的发展和internet的发展和演变密切相关，在早期的internet前身—ARPAnet时，由于网络规模较小，只有几百台主机，所以用单一的文件hosts.txt来表示主机名和地址之间的映射，这个文件由斯坦福研究院(SRI)的网络信息中心(NIC)维护，通过ftp对外发布。随着TCP/IP协议的引入，Internet飞速发展，这种表示域名的方式出现了严重不足：主机名容易冲突、hosts.txt文件经常不一致、不宜扩展、NIC的网络流量日益增大，经常出现网络瓶颈等。为了解决这些问题，必须使用一个新型的域名服务系统，它必须满足以下要求：分布式数据管理、全球一致性、消除网络瓶颈、分层结构。5、实践体验： ①、（基础操作，要求每个同学必做）：实践体验，查找域名的IP地址（按课本）；②、（升级操作，已经完成基础操作的同学可做）：在hosts文件中添加记录： 实验步骤如下（部分步骤可能需要重启计算机）：A：打开hosts文件； B：将基础操作中找到的两个网站的域名和IP地址进行互换； C:将上面互换后的IP地址和域名表填入hosts文件，然后保存退出；D：在浏览器地址栏中输入上面的两个域名，查看访问的网站情况；E：打开hosts文件，清除添加的信息，然后保存退出； F：再次在浏览器地址栏中输入上面的两个域名，查看访问的网站情况；G：思考本实验中产生的现象和原因；H：思考hosts文件中127.0.0.1和localhost的用途；6、知识拓展（安全常识）：①、DNS欺骗主要可以有哪些途径？（如更改hosts文件、使用不正规的DNS服务器等等）②、如何避免在日常使用网络过程中访问到地址被更改的网站？ 请学生思考回答，教师归纳总结；三、本课总结并布置课外作业（学习任务单）；<br>课后反思<br>如果学生对域名、因特网的管理机构等有更深入地学习要求，可浏览教案“数字化资源”中提供的网站获得更进一步的资料；<br>教案设计者 电子邮件<br>单位<br>“域名”学习任务单<br>列出下列域名地址的IP地址：<br>①域名： ( http: / / ) IP地址：　　　　　　　　　　　；<br>②域名：www. ( http: / / www. ) 　　　IP地址：　　　　　　　　　　　；　<br>③域名：www. ( http: / / www. )　 IP地址：　　　　　　　　　　　；　<br>思考：从以上的练习中你对域名和IP地址的关系有什么新的想法？在使用ping的过程中，返回的信息有什么作用？<br>答：　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<br>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<br>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　。<br>2、用ping / 查看ping命令的常用参数：-t , -a 。 并使用-a –t参数练习使用ping命令。<br>-t参数的作用： ；<br>-a参数的作用： 。<br>3、ping 127.0.0.1，通过因特网查找其用途说明。<br>127.0.0.1地址的用途：<br>。<br>4、输入命令：ipconfig /all，查看本地网络配置，注意查看DNS地址、本机IP地址、网关地址；<br>本机的DNS是： ；<br>IP地址是： ；<br>网关地址是： 。<br>5、分别用ping命令ping 本机的DNS地址、本机IP地址、网关地址；<br>PAGE<br>第 3 页 共 3 页3.5 “跨时空的因特网服务”<br>一、活动目的：<br>1、能根据实际需求，选择恰当的方法利用因特网获取所需信息，实现信息交流<br>2、 体验因特网在跨时空、跨文化交流中的优势与不足<br>3、 学会如何应用因特网开展协助学习<br>二、活动任务<br>以小组为单位（相邻的四位同学），通过应用因特网，进一步就某一类因特网服务的一个专题进行网络调查研究，写一篇英语小短文（要求500个单词左右）<br>三、活动过程<br>1、 围绕专题展开讨论<br>选定以下其中的一个专题，开展调查、讨论、研究其为人们的生活、工作所带来的影响、应用前景等方面<br>（1） 电子商务<br>（2）搜索引擎<br>（3）信息资源网站<br>（4）电子邮件<br>（5）因特网流媒体服务应用<br>（6）远程网络教育<br>（7）BBS电子公告板<br>（8）OICQ即时通信<br>（9）电子新闻、杂志<br>2、确定调查专题<br>调查计划表<br>调查专题<br>需要研究的问题 信息资料来源 需要时间 负责人 负责人联系方法<br> <br> <br> <br>打算使用的因特网服务<br>预期成果 <br>3、 开展调查<br>（1）以小组为单位，依据专题选取不同类型的因特网服务进行分析<br>（2）充分运用因特网中的信息检索工具，为调查提供更多更广的信息来源<br>（3）各小组成员针对自己找到的与专题相关的资料进行汇编整理。在调查过程中，可以通过恰当的途径与其他同学或朋友进行交流。<br>（4）利用因特网中的翻译工具把整理好的资料进行翻译，写成英语小短文。<br>4、活动成果<br>1、利用教学论坛中的“作品提交”老师提交作品成果。<br>2、与其他组同学交换成果，互相观摩。<br>3、在校园网在展示<br>四、活动评价<br>1、以作品方式提交调查讨论结果<br>2、每个小组向全班同学介绍自己的调查研究成果以及调查研究过程中，小组内采用的信息交流方式与获取信息的途径。<br>3、交流讨论，写出自己的学习体会。<br>五、活动评价<br>参考下表，在小组内进行讨论和评价，要注意填写清楚评价分析。与其他小组进行交流。班内交流。<br>自我评价表<br>项目 说明 自我评价 评价分析5.3www服务器的架设<br>　　我们几乎每天都会浏览形形色色的网站来获取各种各样的信息，WWW服务器就是提供此类服务的，目前有很多信息提供商提供WWW服务器架设的付费服务。其实，我们完全可以自己打造WWW的个人服务器，在网上发布一些个人信息，并且体会做管理员的乐趣。WWW服务器的架设有很多种方式，下面介绍一些主流的实现方法：<br>　 1.通过微软提供的IIS<br>　　目前很大一部分的WWW服务器都架设在微软公司的IIS之上。它使用的环境为WinNT/2000/XP+Internet Information Service（IIS），相信很多用户现在使用的都是Win2000或WinXP系统，在Win2000 Professional和WinXP系统中，默认的情况下，它们在系统初始安装时都不会安装IIS（目前版本为IIS5.0），因此得将这些组件添加到系统中去。<br>　　第一步：IIS的安装<br>　　　A.在控制面板中选择“添加/删除程序”，在出现的对话框中选择“添加/删除Windows组件”（如图1）。<br>　　　B.在出现的复选框中选择安装Internet信息服务（IIS）（如图2），这一组件约需19MB的空间。<br>　　　C.点击“下一步”，并将Win2000安装光盘放入光驱，安装程序即可将程序文件复制到硬盘中，点击“结束”即可完成。<br>　　第二步：IIS中Web服务器的基本配置<br>　　IIS中Web服务器的基本配置主要包括如下几部分：<br>　　　A.打开IIS服务器的配置窗口，选择“开始”→“程序”→“管理工具”→“Internet服务管理器”，或者“选择”→“控制面板”→“管理工具”→“Internet服务管理器”也可，打开的窗口如图3。<br>　　　B.在打开的窗口中鼠标右击“默认Web站点”，选择“属性”菜单。<br>　　　C.在出现的“默认Web站点属性”窗口中，选择“主目录”标签，用以设置Web内容在硬盘中的位置，默认目录为“C:\Inetpub\Wwwroot”，你可根据需要自己设置（如图4）。<br>　　　D.在属性窗口处选择“文档”标签，设置自己默认的首页网页名称，例如“Myfirstweb.htm”，将其添加并移动到列表的最顶端（如图5）。<br>　　　E.确认默认的Web站点是否已经启动，如果没有可以鼠标右键点击“默认Web站点”，选择“启动”，在打开的IE地址栏中键入本机的IP地址，即可看到自己指定的主页已经开始在Internet上发布了。<br>　　这里只是介绍IIS最基本的设置选项，大家还可以按照需要去具体设置上面提到的“默认Web站点属性”，通过它来配置IIS的安全和其他一些参数。<br>　　IIS虽然好用，但默认安装的情况下，它也有很多的安全漏洞，包括著名的Unicode漏洞和CGI漏洞，因此在IIS安装完成之后，建议继续在微软公司主页上下载安装它们提供的安全漏洞补丁SP1和SP2。此外，建议将磁盘的文件系统转换成NTFS格式，安装系统的分区可在系统安装候转换，也可在安装完系统以后用PQMagic等工具进行转换。<br>　<br>2.利用微软的PWS<br>　　PWS的全称是“Personal Web Server”，字面意思就是个人网页服务器，由微软公司提供，它主要适合于创建小型个人站点，它的配置和使用比较简单，但功能却很强大。跟IIS的区别是，PWS可以安装在Win9X/Me/NT/2000/XP系统中，因此对Win9X/Me系统来说尤其可贵。<br>　　第一步：PWS的安装<br>　　　对Win9X/Me系统来说，在光驱里放入Win98安装光盘，进入光盘的Add-ons\Pws\目录，双击Setup.exe命令即可开始安装PWS，安装界面如图6所示。我们如果需要一些例如ASP等高级功能，还可选择自定义的安装模式，否则直接选择典型安装。组件安装完成之后，会出现如图7所示的选项来设置WWW服务目录，我们可以视实际情况来设定，建议以缺省目录来安装。最后选择“完成”并根据提示重新启动计算机后，就可在右下角任务栏看见PWS的图标（如图8）。<br>　　　这时打开一个IE窗口，在地址栏中输入“http://localhost”、“http://127.0.0.1”或者“http://你的IP地址”，就可看到PWS的默认页面，表明PWS已经成功运行了。<br>　　　对于Win2000/XP来说，PWS是作为IIS的一个组件安装的。如果你是Win9X/Me系统，没有安装PWS的光盘也不要紧，可以去http:///cn99new/series/dyndns/pws.zip下载PWS的安装软件，安装步骤跟上面差不多。<br>　　第二步：PWS的配置<br>　　　双击屏幕右下角的PWS图标，或在菜单中选择相应的程序组来启动“个人Web管理器”（如图9）。由管理器界面（图9是Win2000中IIS的PWS，因此只有3个选项）可以看出它包括5个部分，可分别管理不同的功能，利用PWS架设自己的WWW服务器一般主要有如下几个步骤。<br>　　　A.启动PWS。在PWS的主屏选项处，它又细分为“发布”和“监视”两部分。首先必须通过点击“启动”按钮来打开PWS的服务。在这里，你还可以通过“监视”中的内容查看Web站点的一些访问统计信息。<br>　　　B.设定虚拟目录。假定你的网页存放在“E:\Ww\Homepages\Homepage”下，首页文件名为“Myfirstweb.htm”。先在图10中选定虚拟目录，单击“添加”按钮，在出现的“添加目录”对话框中（如图11），指定网页所在的驱动器号和目录，这里是“E:\Ww\Homepages\Homepage”，并且为自己的这个虚拟目录设置一个别名，别名可以随便设置，是朋友访问你网站时的目录名称。安全建议：设置目录的访问权限为“读取”和“脚本”，为安全起见，不要选取“执行”权限。<br>　　　默认情况下，PWS服务器的根目录是“C:\Inetpub\Wwwroot”。我们如果不想具体来设置虚拟目录，也可将你存放的网页的所有文件拷贝到该目录中，例如：将“E:\Ww\Homepages\Homepage”中所有的文件拷贝到“C:\Inetpub\Wwwroot”中即可。<br>　　　C.设置默认文档。接下来，为你的虚拟目录设置一个能在默认情况下自动识别的网页文档。该文档的作用是，当进入本站点时，如没有指定要访问的文档，则服务器自动提供一个默认文档让其访问。在图10中，选中“启用默认文档”复选框，并在“默认文档”框中，输入自己的首页文档名“Myfirstweb.htm”。安全建议：和上面一样，出于安全的原因，不要选中“允许浏览目录”复选框，以免别人看到整个目录里的所有文件。<br>　　　D.创建访问记录。如果我们要监控访问我们页面的游客，还可以在高级中（图11）选择“保存Web站点活动日志”，系统就会自动帮我们记录访问该Web站点的数据，这些数据将记录访问者的IP地址、访问时间和访问内容。服务器将在“C:\Windows\System\Logfiles”中的文件夹中建立一个名为“Ncyymm.log”的文件（yy为年份，mm为月份）。该文件可用文本编辑器查看，也可在DOS窗口中用“Type”命令查看。<br>　　　经过这样简单的设置，打开IE并输入你自己的IP地址即可看到你发布的主页，无论是否上网都可调试自己的站点。当然也可以使用一个特殊的IP来检验安装的正确性和回送地址，即http://127.0.0.1或者http://localhost。<br>　　此外，PWS还有其他几个选项用来增强它的功能，主要包括如下两个标签。<br>　　　A.发布。这部分主要是提供定制个人主页的发布及编辑文件发布列表的功能,<br>　　　可以将文件发布出去以供别人浏览和下载。这个过程实际上也是结合了PWS的ASP功能。此外，这里还可以在定制个人发布主页时创建来宾簿和留言簿，例如，你想将“D:\Download\Tt.zip”发布出去，首先选择“发布”，点击下一步按钮，进入“发布向导”，在“发布向导”中填入相应的项目即可（如图12）。单击“添加”按钮，并点击“下一步”，PWS即提示你“已添加下列文件：Tt.zip”。继续点击“下一步”，默认是选中“将文件加入到发布的列表”，单击“下一步”，即可将要发布的“Tt.zip”文件发布出去了。打开IE窗口并访问自己的Web站点，就可看到网页上多了个发布文档的链接，其中就含有刚才配置好的发布出去的文件。<br>　　　B.Web站点。点击“Web站点”即可出现“主页向导”界面，PWS提供了主页、来宾薄和留言本3种页面的模板。按向导的提示选择好选项，就可出现动态ASP设置页面，可在这里编辑主页、查看来宾簿、打开留言簿，以得到一些反馈信息。<br>　<br>3.采用Apache<br>　　Apache是全世界使用范围最广的一款Web服务器设置软件，超过50%的网站都在使用它，它主要以高效、稳定、安全、免费（最重要的一点）而著称。目前它的最新版本为1.3.26，文件大小只有2.07MB，大家可以去它的主页：http://www.apache.org/dist/httpd/binaries/win32下载。下载时记住选择For Win32的无原码版本（Apache_1.3.26-win32-no_src.msi）。最新版的Apache for win32开始使用MSI的形式发布，从而使Windows环境下安装Apache变得非常简单，它是全英文界面，但使用起来却很方便。<br>　　第一步：Apache的安装<br>　　　A.双击Apache的安装文件，和普通Windows程序安装一样，一路点”Next”就可以。<br>　　　B.在程序的安装过程它还要求输入你的Network Domain（网络域名：如）；Server Domain（服务器域名：如www.）和网站管理员的E-mail，有就按实填写，个人用户若没有可按格式随便填一下（如图13）。<br>　　　C.到了选择安装路径，按照个人习惯选择。<br>　　　D.一路“Next”直至“Finish”，安装即可完成。<br>　　　这时，你的Apache已经启动了，你可以在IE地址栏里输入：“http://localhost”或“http://127.0.0.1”看到默认的Apache首页（如图14）。此外，在“管理工具”的“服务”项中，也可找到Apache服务的身影，以后Apache就可以作为一项服务，随着机器的启动而自动运行。<br>　　第二步：Apache的配置<br>　　Apache的核心配置文件是“Httpd.conf”，它在电脑中的位置为Apache的安装路径\Conf\，如果安装在C盘的根目录下，则该文件应该在“C:\Apache\Conf\”中，此外，打开Windows的“开始菜单”→“程序”→“Apache HTTP Server”→“Edit the Apache httpd.conf Configuration File”也可以，在最新的1.3.26版中，它的作用更加明显。用记事本打开它，可以看到这些配置文件都以文本方式存在，其中“#”为Apache的注释符号，我们可以在记事本菜单中的编辑选项点击“查找”逐一输入下面要配置的关键字，并进行相应配置。如图15在配置文件中查找“DocumentRoot”。<br>　　　A.配置DocumentRoot。这个语句指定你的网站路径，也就是你主页放置的目录。你可以使用默认的，一般就是Apache安装目录下的一个子目录，当然也可以自己指定一个，需要注意，这句末尾不要加“\”。此外，路径的分隔符在Apache Server里写成“\”，例如我们可以在此处将其设定为“E:\Ww\Homepages\Homepage”，打开主页时，默认打开的文档就直接去该目录下查找了。<br>　　　B.配置DirectoryIndex。这就是你站点默认显示的主页，例如你在“E:\Ww\Homepages\Homepage”中默认的主页名称为“Myfirstweb.htm”，在这里将其添加进来即可。此外，一般情况下，我们在此处还可以加入“Index.htm Index.php Index.php3 Index.cgi Index.pl Default.htm”等。注意，每种类型之间都要留一空格。<br>　　上面两步基本就设置好了，启动IE输入你电脑的IP即可访问自己的Web站点，你也可以在该文件的ServerName处定义你的域名，在ServerAdmin处输入你的E-mail地址。以上两条就是在安装时选择配置的，以后可以在此处修改它们的属性。<br>　　此外，如果你拒绝一部分人访问你的WWW站点，也可以到Apache的安装目录下找到Access文件，输入你禁止的IP地址即可。<br>　　可以看出，Appache没有图形化的配置界面，这也是它非常安全稳定的主要原因，但它的配置却非常简单，只需要在文本文件中输入参数即可，这种WWW服务器的架构方式在所有方式中是最专业的。<br>　 4.WWW服务器架设的其他方式。<br>　　目前有很多WWW服务器架设的软件可供使用，而且它们中很多还是免费软件，大家都可以去试试，这里给出几款软件的简要介绍和下载地址。<br>　　A.AnalogX Simple Server。它简单易用，你只要把“Index.html”拖放到Simple Server中，剩下的就由它来帮你解决了。该软件能在Win9X/NT/2000/XP底下运行，软件大小只有187kB，是一款英文软件，但它完全免费，它的下载站点之一：http://ln.skycn.net/down/sswwwi.exe。<br>　　B.自由网站专家XP。它是一款中文软件，无需固定IP地址、无需申请域名，只要在接入互联网的计算机上即可建立网站，使用非常简单，同样能够在Win9X/NT/2000/XP系统中使用，软件大小为2068kB，也是免费软件，下载站点之一：http://ln.skycn.net/down/fwb_xp.exe。<br>　　C.天雁Web服务器。这也是一款中文Web服务器的架设工具，界面精美，易于使用。支持虚拟目录，无需安装，不带垃圾，同样它的使用也非常简单。能够在Win9X/NT/2000/XP下使用，软件大小为612kB，也是免费软件，下载站点之一：http://ln.skycn.net/down/webserver.zip。<br>　(共19张PPT)<br>通过本章学习，应该掌握以下内容：<br>认识超链接<br>利用Dreamweaver创建各种超连接的方法<br>利用Dreamweaver编辑各种超连接的方法<br>利用HTML和FrontPage创建、编辑超链接的方法网页制作的基本步骤<br>第7章 在网页中使用超链接<br>7.1 利用Dreamweaver 4.0处理超链接<br>7.1.1 创建文字超链接<br>1．超链接简介<br>超链接是WWW技术的核心，是网页中最重要、最根本的元素之一。超链接能够使多个孤立的网页之间产生一定的相互联系，从而使单独的网页形成一个有机的整体。<br>（1）什么是超链接<br>所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。<br>按照链接路径的不同，网页中超链接一般分为以下3种类型： 内部链接、锚点链接和外部链接。<br>如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等。<br>（2）合理安排超链接<br>合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。<br>在这里给大家一些设计链接的建议。<br>1。避免孤立文件的存在：应该避免存在孤立的文件，这样能使将来在修改和维护链接时有清晰的思路。<br>2。在网页中避免使用过多的超级链接：在一个网页中设置过多超链接会导致网页的观赏性不强，文件过大。如果避免不了过多的超链接，可以尝试使用下拉列表框、动态链接等一些链接方式。<br>3。网页中的超链接不要超过4层：链接层数过多容易让人产生厌烦的感觉，在力求做到结构化的同时，应注意链接避免超过4层。<br>4。页面较长时可以使用书签：在页面较长时，可以定义一个书签，这样能让浏览者方便地找到想要的信息。<br>5。设置主页或上一层的链接：有些浏览者可能不是从网站的主页进入网站的，设置主页或上一层的链接，会让浏览者更加方便地浏览全部网页。<br>2．建立文本超链接<br>在创建超链接之前，首先了解网站中3种类型的文档路径：绝对路径、和根目录相对路径以及和文档相对路径。<br>绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径，绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移动，则链接无效。创建外部超链接时必须使用绝对路径。<br>和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。<br>和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径，可以用来链接和当前文档处于同一文件夹下的文档。<br>（1）创建文本超链接<br>① 在网页上选择需要添加超链接的文本，此时属性面板成为文本属性面板；<br>② 在属性面板上指定文字的链接目标。可按以下4种方法指定文字的超链接：<br>· 单击“Link”文本框右侧的文件夹按钮，在弹出的“选择文件”对话框中选择链接的目标文件。<br>· 在文本框中直接输入目标的绝对路径。<br>· 利用属性面板上的“Point to File（指向文件）”按钮，为文字加入超链接。但必须要建立本地站点，且本地站点上还要有文件存在，才能使用此方法。<br>· 选择“Modify”|“Make Link”命令，也可打开“选择文件”对话框。<br>③ 确定完链接目标之后，在“Link”文本框中出现文字的链接目标。在“Target”下拉列表框中选择目标文件打开的方式<br>Target表示所链接的目标文件在浏览器中打开的方式，在其下拉列表框中一共有4个选项：<br>blank：将目标文件载入到新的未命名浏览器窗口中。<br>parent：将目标文件载入到父框架集或包含该链接的框架窗口中。<br>self：将目标文件载入与该链接相同的框架或窗口中。<br>top：将目标文件载入到整个浏览器窗口并删除所有框架。<br>_parent、_self、_top只有在使用框架页面时才有效。<br>设置结束后，在网页中被选择的文字颜色变为蓝色，且在文字底部出现一条下划线，即文字的超链接设置完成。<br>（2）编辑文本超链接<br>①设置文本链接的状态<br>一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。<br>设置不同的文本颜色的具体步骤如下：<br>· 打开包含文本链接的文档“园丁乐园”，选择主菜单中的“Modify（修改）”|“Page Properties（页面属性）”命令，打开“Page Properties（页面属性）”对话框；<br>· 单击“Links（链接）”项右边的图标，打开调色板，选取一种颜色；<br>· 同样为“Visited Links（访问过的链接）”、“Active（活动链接）”项设置不同的颜色；<br>· 单击“Ok”按钮，完成设置。<br>设置完成之后，按下“F12”键，预览网页，链接的三种状态通过不同的颜色区别开来。<br>②删除文本超链接<br>在Dreamweaver 4.0中要删除一个文本超链接很容易，先用鼠标选定文本对象，将光标定位于属性面板的“Link”文本框中，用“BackSpace”键或“Delete”键，将其显示的超链接对象文件名删除，再回车，或选择“Modify”|“Remove Link”命令，都可以删除超链接而保留原文本对象。<br>7.1.2 创建图片超链接<br>1．创建图片超链接<br>创建图片超链接的步骤如下：<br>（1）选中所需建立超链接的图片，此时属性面板为图片的属性面板。<br>（2）在图片属性面板中，为图片添加文档相对路径的链接。具体方法可参考为文本添加超链接的操作；<br>（3）按“F12”预览网页。<br>图像连接不像文本链接那样，会发生许多提示，图像本身不会发生改变，只是在预览网页时，当鼠标指针经过带链接的图像时，指针的形状变为“手”的形状。点击图像就会打开所链接的文档。<br>7.1.3 创建锚点超链接<br>在一些内容很多的网页中，设计者常常在该网页的开始部分以网页内容的小标题作为超链接。当浏览者单击网页开始部分的小标题时，网页将跳到内容中的对应小标题上，免去浏览者翻阅网页寻找信息的麻烦。其实，这是在网页中的小标题添加了锚点，再通过对锚点的链接来实现的。<br>锚点，也称为书签，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置。在网页中加入锚点包括两方面的工作，一是在网页中创建锚点，另一个是为锚点建立链接。<br>1．创建锚点<br>创建锚点的步骤如下：<br>（1）将光标移到需要加入锚点的地方，一般是将光标放置在一行或是一段文字的开头部分；<br>（2）单击对象面板“Invisibles”类上的“插入锚点” 按钮，将弹出“Insert Named Anchor（插入命名锚点）”对话框；<br>（3）在对话框的“Anchor Name”文本框输入锚点的名称；<br>（4）单击“OK”按钮。<br>执行完上述操作之后，则在光标处出现一个代表锚点的图标。<br>在命名锚点时，必须遵循以下规定：<br>① 只能使用字母和数字，锚点命名不支持中文。虽然在插入锚点对话框中能输入中文，但在属性面板上显示的则是一堆乱码，且在为锚点添加链接的时候，也无法工作。<br>② 锚点名称的第1个字符最好是英文字母，一般不要以数字做为锚点名称的开头。<br>③ 锚点名称区别英文字母的大小写。<br>④ 锚点名称间不能含有空格，也不能含有特殊字符。<br>2．链接锚点<br>创建锚点后，还必须链接锚点。选择想要链接到锚点的文字或图片，然后按如下方法中的任意一种进行操作。<br>· 在属性面板上的“Link”文本框中输入符号 # 和锚点名称。<br>· 选择文字或图片后，按住Shift键，然后拖动鼠标指向锚点。在属性面板上的“Link”文本框中将自动出现符号#和该锚点的名称。<br>· 按住属性面板上的“Point to File（指向文件）”按钮，并拖动鼠标指向锚点，属性面板上的“Link”文本框中自动出现符号 # 和该锚点的名称。<br>在链接锚点时，应注意以下事项：<br>① 在#和锚点名之间不要留有空格，否则链接会失败。<br>② 在不同文件夹中为锚点创建链按时，其文件名后缀必定是“．htm”，而不能写成“．html”，否则链接也会失败。<br>③ 符号#必须是半角符号，而不能为全角符号。<br>7.1.4 创建电子邮件超链接<br>如果希望浏览者给你发E-mail时，只要浏览者单击E-mail链接时，就会在浏览端自动打开浏览器默认的E-mail处理程序，收件人的地址将会被E-mail超链接中的指定地址自动装入，无需浏览者输入，就需要创建电子邮件链接。<br>创建电子邮件链接如下：<br>将光标置于网页中要添加E-mail链接的地方，或选中文字，通过对象面板“Common”类上的“Insert Email Link”按钮，弹出“Insert Email Link”对话框。如果未选中文字，可以在“Text”文本框中添加所需文字；如果已经选中超链接文字，将会在“Text”文本框中自动显示。然后在“E-mail”文本框中输入你的E-mail地址，单击“OK”按钮，就可以了。<br>7.1.5 创建下载文件超链接<br>如果想让网站提供文件下载的功能，就必须建立下载文件超链接。实现文件下载的功能很简单，只需加入连接到文件的超链接就可以了。首先选择主窗口的菜单“Site”|“Site file”命令，打开站点窗口，找到需要链接的目标文件。然后选择网页中需建立超链接的文字，按下“Shift”键拖动鼠标到站点窗口中的目标文件。<br>7.1.6 创建空链接<br>空链接是一个未指定目标的链接，Dreamweaver 4.0的行为面板中列出了许多行为，这些行为相当于使用JavaScript编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。<br>为文本建立超链接时，只要先在文档窗口选定文本，然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立空链接。<br>7.2 创建超链接的其他方法<br>7.2.1利用HTML创建超链接<br>1．页面链接<br>用HTML创建超链接需要使用A标记符（结束标记符<／A>不能省略），它的最基本属性是href，用于指定超链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。另外，在<A>和<／A>之间可以用任何可单击的对象作为超链接的源，例如文字或图像。<br>例如：<br><A href="../外国的教师节.htm" target="_parent">外国的教师节</A><br><A href="老师，您辛苦了！！.htm" target="_blank"><IMG border=0 height=113 src="园丁乐园.files/31.jpg"width=146></A><br>2．锚点链接<br>除了可以对不同页面或文件进行链接之外，用户还可以对同一网页的不同部分进行链接。即建立锚点链接。<br>如果要设置锚点超链接，首先应为页面中需要跳转到的位置命名。命名时应使用A标记符的name属性。<br>例如，可以在页面开始处用以下HTML语句进行标记：<br><A name="top">目录<／A><br>对页面进行标记之后，就可以用A标记符设置指向这些标记位置的超链接。<br><A href="#top">返回目录<／A><br>这样设置之后，当用户在浏览器中单击文字“返回目录”时，将显示“目录”文字所在的页面部分。<br>3．电子邮件链接<br>如果将href属性的取值指定为“mailto:电子邮件地址”，那么就可以获得电子邮件链接的效果。例如：<br><A href="mailto：qjl@">作者邮箱<／A><br>当浏览网页的用户单击了指向电子邮件的超链接后，系统将自动启动邮件客户程序（对于安装了Windows 98／2000操作系统的计算机，默认时启动Outlook Express），并将指定的邮件地址填写到“收件人”栏中，用户可以编辑并发送该邮件。<br>7.2.2 利用FrontPage 2002创建超链接<br>用FrontPage 2002同样可以创建文本、图片、电子邮件和书签等超链接。<br>1．创建文本超链接<br>建立文本超链接的操作步骤如下：<br>（1）在网页中选中要创建超级链接的文本；<br>（2）单击工具栏中的“插入超链接”按钮，或选择“插入”|“超链接”命令，弹出“插入超链接”对话框；<br>（3）在“查找范围”下拉列表框中选择要链接的网页的位置；<br>（4）在所显示的网页列表中选择要链接的网页文件；<br>（5）单击“屏幕提示”按钮，弹出“设置超链接屏幕提示”对话框；<br>（6）在“屏幕提示文字”文本框中输入在屏幕上显示的文本，在浏览器中点击该超链接时将显示这些提示文字；<br>（7）单击“确定”按钮，回到“插入超链接”对话框；<br>（8）单击“确定”按钮，文本超链接完成。<br>2．创建图片超级链接<br>具体操作步骤如下：<br>（1）在网页中选择要创建超级链接的图片 ；<br>（2）单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框；<br>（3）在“查找范围”下拉列表中选择要链接的网页的位置；<br>（4）在显示的网页列表中选择要链接的网页；<br>（5）单击“屏幕提示”按钮，弹出“设置超链接屏幕提示”对话框；<br>（6）在“屏幕提示文字”输入提示的文本；<br>（7）单击“确定”按钮，回到“插入超链接”对话框；<br>（8）单击“确定”按钮，图片超链接完成。<br>3．创建电子邮件超链接<br>在FrontPage 2002中创建电子邮件超链接的具体方法如下：<br>（1）选中要建立超链接的文本或图片，单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框；<br>（2）单击“电子邮件地址”选项，对话框变成图7.24所示；<br>（3）在“要显示的文字”文本框中输入要显示的文字，在“电子邮件地址”文本框中输入邮件地址，在“主题”文本框中输入主题；<br>（4）单击“确定”按钮。<br>4．创建书签超链接<br>书签即锚点。<br>（1）创建书签<br>在网页中创建书签的方法非常简单，可以执行以下的操作来实现：<br>① 将光标置于要插入书签处<br>② 选择“插入”|“书签”命令，弹出“书签”对话框；<br>③ 在“书签名称”文本框中输入书签的名称；<br>④ 单击“确定”按钮，书签创建完毕。<br>（2）使用书签创建链接<br>为书签创建超级链接可以执行以下的操作步骤。<br>① 选中要创建超级链接的文本；<br>② 单击工具栏中的“插入超链接”按钮，打开“插入超链接”对话框；<br>③ 单击“书签”按钮，弹出“在文档中选择位置”对话框；<br>④ 选择要链接的书签，单击“确定”按钮，回到“插入超链接”对话框；<br>⑤ 单击“确定”按钮，完成书签的链接。<br>除了文本可以链接到书签外，图片也可以链接到书签。将图片链接到书签的方法与文本相同。<br>5．编辑超级链接<br>（1）更改超级链接的颜色<br>改变超级链接的颜色可以执行以下操作：<br>① 在网页中单击鼠标右键，从弹出的快捷菜单中选择“网页属性”命令，打开“网页属性”对话框；<br>② 在此对话框中单击“背景”标签，打开“背景”选项卡；<br>③ 单击设置3种超级链接颜色状态的选项后的小三角按扭，在弹出的颜色面板中选择3 种状态的颜色；<br>④设置完成后单击“确定”按钮。<br>这样设置完成超级链接的3种状态颜色后，以后创建的超级链接就会变为设置的颜色。但要注意此种方法只可以保证在同一网页中的超级链接颜色为设置的状态，当新建网页时，新网页的超级链接的状态颜色的状态还会是默认值。<br>（2）更改超链接的字体格式<br>更改超链接的字体格式可以使用两种方法：一是通过网页属性更改超链接的字体格式；二是通过超链接的属性更改超链接的字体格式。<br>6．删除超级链接<br>如果对网页中创建的超链接不满意，可以对其进行删除。删除时可以使用两种方法：一是通过删除超链接对象来删除超链接；另一种是通过“编辑超链接”对话框中的“删除链接”按钮来删除超链接。<br>（1）删除超链接对象<br>彻底删除超链接是指在删除超链接的同时连同超链接文本一同删除。可以在“普通”视窗下选中超链接，然后按下“Delete”键，删除超链接。<br>（2）删除超链接<br>在删除超级链接时，若要保留超级链接文本，可以执行以下的操作。<br>① 在网页中选中创建了超级链接的文本；<br>② 在工具栏中单击“插入超链接”按钮，打开“编辑超链接”对话框；<br>③ 单击“删除链接”按钮；<br>④ 单击“确定”按钮。(共16张PPT)<br>3.3英特网上的信息交流<br>3.3.1非实时的信息交流方式<br>1.电子邮件<br>3.3.1非实时的信息交流方式<br>2.C/S或B/S<br>客户机/服务器模式（Client / Server）<br>客户机<br>用户界面<br>客户应用<br>操作系统<br>网络接口<br>服务器<br>服务引擎<br>服务器应用核心<br>操作系统<br>网络接口<br>3.3.1非实时的信息交流方式<br>2.C/S或B/S<br>客户机/服务器模式（Client / Server）<br>浏览器/服务器模式（Browser / Server）<br>选择一种邮件服务器，安装并配置邮件的收发。<br>①Foxmail<br>②Outlook Express<br>3.3.1非实时的信息交流方式<br>3.电子邮件的传输过程<br>3.3.2实时的信息交流方式<br>即时消息（Instand Messaging）<br>老牌ICQ<br>腾讯QQ<br>雅虎通<br>MSN Messenger<br>即时消息如何实现实时通信的呢？<br>使用软件Netmeeting，体验网络实时通信的过程<br>使用软件ＱＱ软件，体验网络实时通信的过程．<br>比较项目 OICQ ICQ MSN Netneeting 其他软件<br>图像清晰度<br>文件传输<br>语音优先技术<br>功能模块扩充<br>通信效率<br>还有哪些软件功能挖掘6.2网络安全防护技术<br>教学主题 信息加密、数字签名、数字认证及网络文明道德<br>适用年级 高二年级 教学课时 1课时<br>教材分析 本课的重点是信息加密、数字签名、数字认证及网络文明道德。难点是对信息加密、数字签名和数字认证的理解。<br>学习目标 1．了解加密、数字签名和数字认证的基本知识。2．了解网络文明道德，降低因特网的负面影响。<br>所需资源和环境<br>数字化资源 1、中国招商银行个人网上银行http:// www.2、天同证券网上交易系统http://<br>教学支撑环境 计算机网络教室/多媒体网络教室软件/投影仪<br>教学设计<br>教学引导问题设计 问题 目的 重点/难点/关键点<br>为什么要对信息进行加密？ 了解信息加密的意义。 信息加密的目的<br>常用的加密方法有哪些？RSA加密法是怎么样的？ 了解常用的几种加密方法。 对加密方法的认识<br>什么是数字签名，它和手写签名有何不同？ 了解常用的数字签名的方式；知道数字签名是数字认证的主要方式。 数字签名的意义<br>数字认证又是什么？ 知道数字认证的实质。 对数字认证重要性的认识<br>现实中的你是如何看待虚拟的网络世界？ 了解网络道德规范的特点。 做到正确使用网络资源，上文明网，做文明人。<br>教学过程设计 新课引入：面对瞬息万变的信息社会，我们该如何加强安全防范措施，以避免不必要的麻烦和减少经济损失呢？从而引出“学习安全技术”的重要性。教学内容：（一）信息加密1、设问：何谓信息加密？信息加密的作用及常见的信息加密的方法？网络安全中，加密作为一把系统安全的钥匙，是实现网络安全的重要手段之一，正确的使用加密技术可以确保信息的安全。 [学生活动]：学生根据自己的认知进行讨论，然后再参看书本6.2.3加密及相关网站介绍，进行系统的学习。[教师活动]：归纳总结。2、设问：学习了信息加密后，你有何感想？教师活动：请学生谈谈信息加密在生活中的应用。学生活动：展开讨论。3、[知识扩展] （1）、数据加密标准（DES）数据加密标准（DES）是美国经长时间征集和筛选后，于1977年由美国国家标准局颁布的一种加密算法。DES主要采用替换和移位的方法加密。它用56位密钥对64位二进制数据块进行加密，每次加密可对64位的输入数据进行16轮编码，经一系列替换和移位后，输入的64位原始数据转换成完全不同的64位输出数据。DES算法仅使用最大为64位的标准算术和逻辑运算，运算速度快，密钥生产容易，适合于在当前大多数计算机上用软件方法实现，同时也适合于在专用芯片上实现。DES主要的应用范围有：1）计算机网络通信：对计算机网络通信中的数据提供保护是DES的一项重要应用。2）电子资金传送系统：采用DES的方法加密电子资金传送系统中的信息，可准确、快速地传送数据，并可较好地解决信息安全的问题。3）保护用户文件：用户可自选密钥对重要文件加密，防止未授权用户窃密。4）用户识别：DES还可用于计算机用户识别系统中。 （2）、RSA与DES的关系RSA并不能替代DES，它们的优缺点正好互补。 RSA的密钥很长，加密速度慢，而采用DES，正好弥补了RSA的缺点。即DES用于明文加密，RSA用于DES密钥的加密。由于DES加密速度快，适合加密较长的报文；而RSA可解决DES密钥分配的问题。美国的保密增强邮件（PEM）就是采用了RSA 和DES结合的方法，目前已成为E-MAIL保密通信标准。（二）数字签名与认证 众所周知，我们在写信、签订合同、开支票的时候会用笔慎重地签下自己的名字，签名可以准确无误地确定我们的身份 鉴定处理我们最重要的一些事物。不过在网上一切都变了，你无法用笔在电子邮件上签下自己的名字，你也别想在电子订单上写下点什么，呵呵，除非你偏想用钢笔跟电脑屏幕过不去！[思考一]：那么在网上该怎么做呢？在网上使用“数字签名”。它可以证明某条信息的确是由某个人发出来的，并且可以保证该信息在传送过程中没有受到修改，这一作用跟传统的用笔签名是相同的，再加上它以数字化进行处理，所以叫它数字签名。 [知识扩展]何谓数字签名？ 简单地说,所谓数字签名就是附加在数据单元上的一些数据,或是对数据单元所作的密码变换。这种数据或变换允许数据单元的接收者用以确认数据单元的来源和数据单元的完整性并保护数据,防止被人(例如接收者)进行伪造。[思考二]：传统的签名笔迹可以被模仿，而数字签名也有被仿造的危险，那么我们怎样来判断数字签名的真伪呢？[这就需要认证，需要权威机构来对数字签名进行管理和认证，这种机构被称为CA(认证机构)。][典型示例] 大家在登录招商银行的网站(www.)管理个人存款之前，网站会要求你下载并安装“招商银行认证证书”。（三）网络文明道德[案例分析] ：一个叫冬冬的杭州少年，在离家出走14天后被找到。找到之后他用简单的几个词形容他这14个日夜：上网、吃饭、上网、睡觉、再上网、吃饭……这十四个日夜，三百多个小时，他只玩一个以狩猎为内容的“传奇游戏”。14天里泡过两家网吧，离家时从家里带出的1000元钱只剩下300元。他说，那是一个自由的世界，网吧的椅子睡得很舒服，身边是和他一样的同伴。他脑子里只有一个念头，“永不回家”。但当在他快乐的游戏时，他的父母、老师、所有的亲戚以及其他认识不认识的人们都在到处得找他，为了找不到他而日夜难眠。[学生活动]：思考：这个案例的启示。[教师活动]：教师从正反两面论述网络文明道德的重要性，为将因特网的负面影响降到最低。正面影响：互联网在加速信息的交流、促进知识的创新、推动经济的发展。负面影响：网上的腐朽文化，对我们青少年人生观、价值观、道德观进行侵略；网上的黄色流毒，对我们青少年身心进行摧残；网上的暴力文化，对我们青少年行为进行误导。一些青少年受了网络的负面影响，甚至利用各种手段进行不道德的甚至是违法犯罪的活动，制造并传播计算机病毒，在网上通过盗用他人银行帐号等方式谋取钱财、攻击合法网站、通过网络窃取他人研究成果……所有这些，非常令人心痛，对我们青少年造成极大的危害。学生实践体验实践体验一：数字签名与认证[实验要求及目的]：通过提供数字签名与认证服务的网站（中国招商银行个人网上银行http:// www.、天同证券网上交易系统http://），了解其服务要点。[实验步骤]：略。实践体验二：常用客户端软件的安全措施[实验要求]：学会IE浏览器和Outlook Express邮件管理软件中的网络安全设置，以达到安全的目的。1、IE浏览器的网络安全设置。 [实验目的]：在IE浏览器中使用安全技术保护自己的隐私 [实验步骤]： A．打开IE浏览器。 B．单击“工具”菜单下的“Internet”选项。 C．在“Internet选项”对话框中，选择“内容”选项卡，再单击“个人信息”项目中“自动完成”按钮，打开“自动完成设置”对话框。D．去除所有“自动完成功能应用于”，并清除“历史记录”。2、Outlook Express邮件管理软件中的网络安全设置[实验目的]：阻止垃圾邮件的进入。[实验步骤]： A．打开Outlook Express。 B．选择“工具”菜单，再选“邮件规则”中的“阻止发件人名单”。 C．单击“添加”按钮，在弹出的对话框的“地址”输入框中输入想阻止的电子邮件地址，然后单击“确定”。 实验结果：检验你的设置效果，比较设置前和设置后IE和Outlook Express各有什么不同，并仔细观察实验结果是否达到了预期的效果。本课小结本课练习完成本课学习任务单。<br>“常用安全技术、网络文明道德”学习任务单<br>一、说说你对信息加密的认识。<br>二、常见的信息加密的方式有哪些？<br>三、数字签名和数字认证的方法及种类有哪些？<br>四、试一试，做一做：登入中国工商银行个人网上银行（网址：http://www.icbc. ( http: / / www.icbc. )），进行网上交易系统软件的安装。<br>五、试论在虚拟的网络世界中，如何增强安全意识、提高自我保护能力？<br>六、试论面对良莠不齐的网络文化，该如何增强对不良信息的抵抗力和免疫力？<br>七、试论面对网络的诱惑，如何增强自我约束的能力？<br>PAGE<br>1<br>第 页 共5页(共13张PPT)<br>3.1因特网上的信息资源<br>3.1.1因特网信息资源的特点与服务形式<br>1.什么是网络信息资源<br>2.英特网信息资源的特点<br>3.英特网信息资源的服务形式<br>3.1.2万维网<br>1.什么是万维网<br>万维网（World Wide Web）<br>2.万维网信息资源的特点<br>（1）信息资源以超文本／超媒体形式组织<br>（2）信息资源的分布存贮<br>（3）信息资源具有动态性<br>根据你的兴趣爱好，选择浏览一个网站，把你浏览过的网站，网页地址记录下来，通过连线方式绘制成一幅浏览图。分析一下，网络中的信息资源是如何组织的。<br>3.万维网服务器与浏览器<br>（1）万维网服务器<br>（2）浏览器<br>4.统一资源定位器<br>URL(Uniform Resource Locators)<br>统一资源定位器<br>基本格式是<br>协议：//域名（或IP地址）【：端口号】/文件名<br>http://www.tsinghua.<br>http://www.tsinghua./chn/index.htm<br>访问bingle.pku.<br>查找以“spaceship”为关键字的信息资源。<br>3.1.3FTP资源<br>FTP服务器<br>FTP客户端软件<br>3.1.4合理利用因特网中的信息资源<br>1.尊重知识产权<br>2.跨文化资源的利用<br>3.关注信息资源质量<br>P2P技术<br>（Point-to-Point）1.5 轻轻松松组建家庭网络<br>谈起家庭组网，无非就是几台电脑、几根网线、一个交换机的组合！然而，这当中的学问也颇多！比如如何让家里所有计算机都可以同时上网？如何选择一款高性价比的联网设备？电脑之间怎么相互连接？这是本文要讨论的问题！<br>一、 组网设备准备<br>这里笔者假设你已经到电信申请了ADSL宽带业务，并且已经安装到位。组建共享局域网时，请先查看你的ADSL Modem产品说明，如果支持路由功能，那就可以省去购买宽带路由器的钱；反之，这一设备必不可少；<br>另外，另一必不可少的设备就是交换机，计算机之间的相互通信全靠它作中转设备；还有就是每台计算机需要安装一块网卡负责接收数据，以及准备几根数据传输的通道—网线，OK，基本上就这些东西了。而如果你只有两台计算机，大可不必如此麻烦，直接在两台计算机里各安装一块网卡，再用网线连接起来就OK了。<br>二、设备选购<br>1、 宽带路由器<br>宽带路由器有两个作用，一个作用是连通不同的网络，另一个作用是选择信息传送的线路，它是共享宽带连接的最佳解决方案。并以易使用、易管理、零维护的优点成为Internet共享接入的首选设备。<br>选择路由器和选择电脑是一个道理，首先要看硬件。硬件是路由器运行的基础，硬件型号好，质量高，路由器不但功能稳定，而且可进行功能的扩展。比如接入计算机数量，一般中上档次的接入路由器可支持100台PC机，且除了IP共享和路由功能外还具有防火墙、时间管理、DMZ等功能；再比如大容量的内存和闪存，都可为路由器提供强劲的处理能力。<br>目前市面上，这类产品的品牌不少，大家可向周围朋友打听打听，什么牌子在当地口碑不错。比较常见的有：友讯（D-LINK）、TP-LINK、艾泰科技、思科、3Com、华为3Com等。<br>2、 交换机<br>交换机，这个集线器的后续产品，无论是在速度及具备功能上，都是前者所不能比拟的。其主要功能就是实现多台计算机的互连互通，相当于文前提到的“中间人”的作用。<br>而在如今家用交换机市场，因为不同品牌、不同端口数的交换机价格差距很大，所以在选购时，应该根据自己的实际情况来选择，比如选择的组网方式、承受的价格、品牌、喜欢的交换机外形等，另外还必须注意交换机的各项性能指标，比如接口数量等，一般说来，5口和8口的交换机是首选。<br>3、 网卡、网线<br>网卡亦称作NIC，其意思是Network Interface Card(网络接口卡)，它的作用是将数据分解为数据包再发送至网络。目前市面上主要是PCI接口的网卡。<br>另一方面，我们平常所说的10M网卡，100M网卡，10M/100M自适应网卡等，主要是按照网卡连接速率来划分的。综合以上所说，如今家用最成熟的选择是PCI接口的10M/100M产品。笔记本则是使用的PCMCIA接口的网卡，其价格比普通PC机上的PCI网卡要贵出不少，一般PCI网卡几十元即可拿下，而PCMCIA通常都要1、2百。<br>而在网线方面，没有过多注意的。一般都是选择超五类的双绞线，大家在购买时，商家就会依据你的网络类型替你做好接头的，所以不必担心。网线的价格以长度来衡量，一般为1.5元/米。<br>三、 关于设备的连接<br>前面我们已经清楚了组建这么一个网络需要什么设备，以及各设备的选购常识。那么，如何根据具体情况，最终确定自己究竟需要哪些设备呢？以下是可能的几种情况：<br>1、 双机直连<br>即是说其中一台计算机与ADSL Modem相连，然后通过网卡直接与另一台计算机连接。如果采用这种连接，就需要在宽带接入的计算机上作internet共享代理设置，比如安装wingate等代理软件，来实现双机共享上网。这算是最最廉价的网络。<br>2、 宽带路由器+网卡+计算机<br>这种方式主要用在共享计算机不多的情况下。因为一般的宽带路由器都提供了4个交换机端口，如果需要共享的计算机小于4台的话，就没必要再花钱去购买交换机了。具体连接方式为：ADSL宽带线路连接ADSL Modem，直连双绞线连接Modem和路由器，其它计算机用交叉双绞线与路由器相连即可。<br>3、 宽带路由器+交换机+网卡+计算机。<br>对应上面一种情况，此方式就是运用在共享计算机大于宽带路由器交换端口的情况下。这时就需要交换机帮忙，并根据共享计算机的数量选择相应端口的交换机。即是说，所有共享计算机先与交换机相连，再通过交换机连接宽带路由器，从而实现共享上网。<br>4、 交换机+网卡+计算机<br>如果你的ADSL Modem自带有宽带路由功能（请查看产品说明书），那就可以省去路由器。这是跟上面三种方式唯一的区别。连接起来也更方便，根本不需要设置，连接方式为：ADSL Modem的LAN口用双绞线和交换机的任一端口连接，再将各计算机分别接入交换机剩余端口即可。3．1 FTP资源<br> <br>一、教学分析<br>教材分析：<br>　　“ FTP资源 ”主要内容是因特网服务类型中的文件传输服务，由于文件传输服务涉及的方面很广，不可能在一节课内全部讲完，再加上个人认为学生应该要掌握这方面的知识因此，我划分为二个课时，第一课时讲解文件传输的基本概念和常用的文件传输的方法以及多种文件传输工具的使用介绍。第二节课讲解如何配置文件传输服务器以及在配置过程中需要注意的事项。为了更好地提高学生的综合应用能力；<br>教学目标 ：<br> 　　1、知识与技能：<br>　　(1)、了解英特网服务的基本类型和特点，掌握常用的FTP工具的基本使用方法，能够根据需要从服务器上获取资源。<br>　　(2)、学会自己配置ftp服务器，提高学生使用ftp进行资源共享和共享资源的获取的能力，以适应信息技术的发展变化。<br>　　2、过程与方法：<br>　　通过教师讲解和演示，利用任务驱动，通过学生分组探究，协作学习，在完成一个个具体的任务的过程中了解常用的文件传输方法； 以具体的任务为外驱力，在教师的引导下，通过学生个体的自主探究和相互间的协作学习来 配置 ftp服务器，提高学生信息技术的综合应用能力。<br>　　3、情感、态度和价值观：<br>　　(1)、 通过完成实践活动，激发学生对信息技术学习与应用的浓厚兴趣，培养学生正确选择、运用信息技术收集、处理、交流、发布信息的能力。<br>　　(2)、通过小组协同合作交流学习，培养学生互相帮助、团结协作的良好品质；增强学生协作学习、与人合作交流的意识；形成积极主动地学习和使用信息技术、参与信息活动的态度。<br>　　(3)、通过学习配置ftp服务器；让学生能够体验成功的喜悦，增强自信心。<br>教学重点：<br>　　通过对常用的文件传输工具的学习，灵活运用 根据所掌握的知识， 学会使用适当的工具对信息进行收集整理。<br> <br>教学难点：<br>　　FTP 服务器的配置和使用<br>教学资源：<br>　　 硬件环境：<br>　　连接到 internet 的多媒体网络教室（每人一机），大屏幕投影仪，音响设备等。<br>　　 软件资源 :<br>　　（ 1）预设资源：<br>　　flash课件、网络教学系统；<br>　　学习资源（教师配置 ftp服务器的操作过程录像）<br> 　　（ 2）泛在资源：讨论社区，BS论坛，以供师生在课外进行交流）<br>　　相关资源网站<br>教学策略：<br>　　普通高中技术课程标准中强调利用各种条件为学生创设多样化的信息环境，营造良好和谐的信息氛围，为改善学生学习创造条件。如果 学生对学习内容产生兴趣，就能自觉地排除内外主客观因素的干扰，集中注意力积极主动地投入学习，把学习当成愉快的。 信息技术教学大纲中明确指出：知识及技能的传授应以完成典型“任务”为主。确立“任务驱动”的教学原则。这个原则突出了在“做中学 ”的思想。在贯彻的时侯，应当注意针对学习内容明确相应的任务，并且任务的设计要有一定的科学性，要充分体现技能技巧的训练。同时，任务的设计要具有多样性，让学生根据兴趣自主选择。 教师在教学活动中提出问题或活动项目，引导受教育者开展讨论、研究、探索，并通过信息技术的应用以解决问题，受教育者在自主设计探索、合作研究的过程中，即提高了学习兴趣，又可以增强信息技术的综合应用能力， 为了启发学生对本节课知识点的认识，提高技能水平 , 采用任务驱动学习的方法，让学生在完成任务的过程中发现问题，并主动探求解决问题的方法。 因此本节课的实践操作部分采用主题任务驱动强化的方法，根据学生的兴趣和希望获得成功体验的心理，本节课精心设计了 2个参考项目（从ftp服务器上获取资料和利用ftp服务器发布信息资料，同时，为了发展学生的协作能力，将学生进行分组。整个过程，教师都与学生在一起，教师是指导者，同时也是主题任务的参与者；学生是主题活动的主体，是积极的、互动协作的，这样使得每个学生的自主性和创造性都得以发挥，也使每个学生的心理和愿望得到满足。为了进一步提高学生的自学能力，本节课的难点部分采用了 学生在教师指导下 自主学习，讨论研究， 这一学习过程，培养学生的创造性思维和创新精神。<br>学生分析：<br>　　由于高一的学生已经比较熟悉网络、能够进行上网浏览网页、收发电子邮件、 QQ 聊天、部分学生能够通过 QQ 软件进行文件传输。但是对网络方面的知识还是比较空缺的，而且，他们对网络方面的知识也非常感兴趣，再加上这是第一节课。因此能否让学生对以后的学生更加产生兴趣是非常重要的，因此要 根据教学内容和教学目标的需要，结合学生的生活经验以及我校学生的实际情况，要设计一种有趣且有一定挑战性的任务，即能激发学生兴趣，又能让学生在完成实际任务的过程中学习信息技术，同时利用学到的信息技术解决实际问题的教学方法。 若想使学生主动地获取新知，就要让学生真正有机会、有基础、有能力、有方法的主动学习。本课将引导学生亲身经历知识的发生、发展、形成的认知过程。通过观察、比较、思考、交流等活动。灵活地运用所学知识去研究新问题，在潜移默化中领会学习方法。使学生从“学会”到“会学”最后到“乐学”。<br>教学设计意图：<br>　　为了给学生营造一个有益于发展思维、开发创造潜能的开放环境，充分发挥现有设备的功能，使学生获取一种掌握知识和交换信息的手段，以促进学生当前的学习以至今后一生的学习和提高。培养学生具有适应社会变化和科技进步的应变能力。 将教学过程设计如下：<br>二、教学流程<br>课前准备：（略）<br> 步骤 教师活动 学生活动 设计意图<br>创 设 情 境 激 发 兴 趣 教师提问：同学们！我想问大家一个问题，同学相互之间传输文件都是采取的那些方法。 请大家比较一下他们的优点和缺点。 引导学生从快捷、方便、费用、传输文件大小限制等，来对常用的几种文件传输方法进行比较。 教师总结，引出 FTP概念 学生通过思考，踊跃回答， 能说出一些方法，例如：通过 QQ软件、电子邮件、网上邻居等等 利用学生对 qq 、电子邮件等网络传输工具的熟悉，不仅能够生动自然引出我们要学习的内容，更重要的是激发了学生强烈的想学习和了解欲望。<br>教 师 讲 解 演 示 超 作 过 程 介绍英特网服务类型，描述 FTP的基本概念和常用的FTP软件的使用，教师演示操作过程; (多种文件传输方发) 在 dos下操作； 在浏览器中操作 在软件中操作 <略> 学生观看教师操作、演示并思考。对几种文件传输方法进行比较。 通过感观直接让学生能够理解和了解 FTP的用法。<br>围 绕 主 题 协 作 创 作 学生操作，练习用 FTP软件从服务器上下载资料，感受FTP服务的文件下载功能 <略> 明确学习任务： 自主探究，对所掌握的知识、技能进行分析，协作创作 提出活动项目，引导学生开展讨论、研究、探索，并通过信息技术的应用以解决问题，<br>完 善 提 高 教师演示如何配置 ftp服务器，讲解配置服务器的时候的注意事项。 <略> 学生观察后，动手实践，自行配置 ftp服务器，小组合作进行验证。 <br>练 习 总 结 <略> 在线练习 心得体会 (共18张PPT)<br>通过本章学习，应该掌握以下内容：<br>Photoshop基本操作<br>利用Photoshop 6.0处理网页图像利用Dreamweaver编辑各种超连接的方法<br>Fireworks 4.0基本操作<br>利用Fireworks 4.0美化网页图像<br>Flash5基本操作<br>利用Flash5处理网页动画<br>第9章 美化网页<br>9.1 使用Photoshop 6.0美化网页<br>9.1.1 Photoshop的特点及功能<br>新版Photoshop软件增加了许多新功能，设计了更加友好的界面，提供了更为方便的操作工具。它主要具有以下特点及功能：<br>支持大量的图像文件格式.<br>文本处理更加方便 ,可以在任何时候修改文本内容，并可以对文本层进行多种格式设置。<br>增强的色彩功能，提供了更广泛的色彩范围。<br>增强图层的功能，可以建立文本层、效果层，并增加了图层操作命令。<br>丰富的滤镜功能。<br>具有“Actions（动作）选项板”，能对图像处理操作进行有效的控制管理.<br>无限的撤消和重复操作为图像处理提供了更广泛的空间.<br>新增了“魔术棒”、“磁性套索”等工具 .<br>9.1.2 Photoshop 6.0的基本操作<br>Photoshop 6.0的界面主要由标题栏、菜单栏、工具箱、选项栏、控制面板和状态栏组成.<br>1．菜单栏的使用<br>（1）“文件”菜单<br>（2）“编辑”菜单<br>（3）“图像”菜单<br>（4）“图层”菜单<br>（5）“选择”菜单<br>（6）“滤镜”菜单<br>（7）“视图”菜单<br>2．工具箱的使用<br>工具箱一般出现在屏幕的左侧，也可以用鼠标按住其标题栏，拖动到屏幕的其它位置上。<br>（1）绘图工具<br>绘图工具包括“毛笔”、“铅笔”、“喷枪”、“印章”、“直线”工具等，利用这些工具可以在图像或选区中直接进行创作。<br>（2）选区工具<br>“选区”工具用于在图像上选出特定的区域。选区设定后，区域边界上会出现不断流动的虚线，虚线内部就是选定区域。<br>（3）编辑工具<br>编辑工具主要对图像进行进一步的修饰。包括“移动”、“橡皮擦”、“裁剪”、“涂抹”、“模糊”、“锐化”、“减淡”、“加深”、“海绵”、“缩放”、“抓手”工具等。<br>（4）填充工具<br>填充工具可对封闭的选区填充颜色或图案，包括“油漆桶工具”、“渐变工具”。<br>（5）文字工具<br>文字工具可以在图像中加入文字对象。选中该工具在图像区单击，会弹出文字对话框。<br>（6）其它工具<br>利用“注释工具”可为图像添加文字注释或语音注释。<br>利用“测量工具”可测量图像中两个像素点之间的距离、角度等。<br>利用“颜色拾取工具”可从图像中拾取某一像素点的颜色来改变前景色和背景色，.<br>“显示模式选择工具”使用户可根据实际情况在标准屏幕模式、带菜单栏的全屏模式、全屏模式中进行选择。<br>3．控制面板的使用<br>控制面板是Photoshop提供的一种很有特色且非常有用的功能，主要用于图像及工具的属性显示与参数设置等。<br>（1）导航器控制面板<br>导航器控制面板用来观察图像，它以一个小窗口显示整个图像。<br>（2）信息控制面板<br>信息控制面板用于显示光标在图像上所处位置的坐标、颜色信息以及选择区域的大小。<br>（3）颜色控制面板<br>颜色控制面板用来设置前景色和背景色。<br>（4）色板控制面板<br>此面板也可用来改变前景色和背景色。<br>（5）样式控制面板<br>在样式控制面板中有许多现成的样式，供用户直接使用。<br>（6）图层控制面板<br>利用图层控制面板可以控制图层的新建、删除、显示、隐藏、连接、合并、添加效果层、添加蒙板等。<br>（7）通道控制面板<br>通道控制面板用于创建和管理通道。通道不仅可以存放图像的颜色信息，还可以用来建立和存储选择区域。<br>（8）路径控制面板<br>路径是使用钢笔、自由钢笔等工具绘制的线条或形状，它提供了一种有效的方法来绘制精确的选区边界。<br>（9）历史记录控制面板<br>历史记录控制面板用来记录用户对图像的每一个操作，并根据执行的操作命令自动命名。它可帮助用户恢复到操作过程中的任何一步，可以完全恢复当时的状态。<br>9.1.3 利用Photoshop美化网页<br>9.2 利用Fireworks 4.0美化网页<br>9.2.1 利用Fireworks 4.0制作网页图片<br>1．Fireworks 4.0工作界面<br>（1）标题栏<br>（2）菜单栏<br>（3）工具栏<br>（4）标准工具栏<br>（5）状态栏<br>（6）浮动面板<br>2．Fireworks 4.0基本操作<br>（1）画面显示与调整<br>与显示相关的功能主要位于“View”菜单中.<br>（2）对象选择方法<br>3．利用Fireworks网页导航栏<br>4．利用Fireworks制作按钮符号<br>9.2.2 将Fireworks制作的图片放到网页上<br>在Fireworks 4.0中制作完图片或符号后，要将其放到网页中，需要进行如下操作：<br>（1）将图片或符号文件复制到Dreamweaver 4.0管理的网站的本地文件夹中；<br>（2）在Dreamweaver 4.0的网页文件内选定要放图片的位置，然后选择 “Insert”|“Image” 命令；<br>（3）在插入图片的对话框内选择要使用的图片或符号，然后单击“OK”按钮。<br>9.3 利用F1ash5制作网页动画<br>9.3.1 利用F1ash5制作网页动画<br>1．F1ash5简介<br>（1）有关动画的一些基本概念<br>① 帧（Frame）<br>Flash在制作动画时，是由若干个帧来组成一个动画效果的。帧是装载Flash作品内容、进行Flash作品播放的基本单位，也是Flash动画的基本组成元素。Flash的时间轴面板上的每一小格代表一帧。<br>帧有以下几种类型：<br> 关键帧：关键帧是一个包含有内容，或是对内容的改变起决定性作用的帧。<br> 静止帧：时间轴上的静止帧是相邻静止关键帧的延续。<br> 中间过渡帧：中间过渡帧出现于过渡动画的两个关键帧之间。<br>② 图层（Layer）<br>图层是为了方便操作者制作复杂的Flash动画作品而引入的一种手段。在时间轴面板上，每个图层都有各自的时间轴。在每个图层中都包含了一系列的帧，在各图层中所使用的帧均是独立的。可用控制器来播放某个场景的动画效果。播放动画时，会从每个图层的第一帧开始播放（即同步播放），不同图层中的帧在同时播放中可以得到综合的效果。<br>③ 场景（Scene）<br>一个Flash作品可以由若干个场景组成，每个场景都分别拥有各自独立的动画内容。每个场景中的图层和帧均相对独立。在播放时，Flash会自动按场景的顺序进行播放。<br>（2）Fhsh5的界面组成<br>① 菜单栏<br>② 标准工具栏<br>③ 绘图工具栏<br>④ 状态栏<br>⑤ 控制器<br>⑥ 时间轴面板<br>（3）F1ash 5中的一些基本操作<br>① 帧的操作<br>改变帧的播放速率<br>方法是：在“Edit（修改）”菜单中选择“Movie（影片）”选项，在弹出的“Movie Properties（影片属性）”对话框中的“Frame Rate（帧频）”框内输入所需数值，然后单击“OK”按钮即可。<br>帧的选择<br>用鼠标单击某一帧，该帧即被选中，并且成为当前帧，同时在工作区中显示出该帧中的内容。<br>创建各种类型的帧<br>在时间轴上需要新建静止帧的位置处单击鼠标左键，然后选择“Insert（插入）”|“Frame（帧）”命令，就可在所需位置上创建一个包含有与前一帧相同内容的静止帧。<br>在时间轴上需要新建关键帧的位置处单击鼠标左键，然后选择“Insert”|“Key frame（关键帧）”命令，就可在所需位置上创建一个包含有与前一个关键帧相同内容的关键帧。<br>在时间轴上需要新建空白关键帧的位置处单击鼠标左键，然后选择“Insert”|“Blank Key frame（空白关键帧）”命令，就可在所需位置上创建一个不包含任何内容的空白关键帧。<br>复制帧<br>复制帧的方法为：首先将需要复制的一个或者多个帧选中；在其上单击鼠标右键，从弹出的菜单中选择“Copy Frames（复制帧格）”命令；用鼠标单击需要粘贴的位置，再单击鼠标右键，从弹出的快捷菜单中选择“Paste Frames（粘贴帧格）”命令，即可将相同的内容复制到所需的位置上。<br>删除帧<br>无论是静止帧、关键帧还是空白关键帧，其删除的方式都是一样的。首先选取帧，然后选择“Insert”|“Remove Frame”命令，或者是在被选中的帧上单击鼠标右键，从弹出的快捷菜单中选择“Remove Frame”命令，这两种方法都可以将所选取的帧以及该帧中的内容一起删除掉。<br>② 图层的操作<br>添加图层<br>对图层的重命名<br>调整图层的顺序<br>删除图层<br>③ 场景的操作<br>新增场景<br>场景的更名<br>当前场景的切换<br>删除场景<br>2．利用Flash5制作网页动画<br>（1）F1ash动画的类型<br>Flash动画分为两种类型：逐帧动画和过渡动画。<br>逐帧动画是由位于时间轴上的同一动画轨道上的一个连续的关键帧序列组成。对于该序列中的每一帧中的内容都可以单独地进行编辑。在播放时，按顺序逐帧地进行播放而产生动 画的效果。<br>每一个过渡动画序列由两个处于两端的关键帧和位于中间的一个过渡帧序列组成，两个关键帧分别定义了该动画序列的开始和结束的状态，过渡帧序列产生动画的中间效果。只需要编辑动画对象在两个关键帧中的位置、形状、颜色和大小等属性，然后定义过渡帧序列的渐变类型以及效果，即可自动生成一定效果的平滑的过渡动画。用这种方法制作动画操作简单，占用的存储空间小。<br>（2）Flash动画的制作<br>① 创建逐帧动画<br>② 创建过渡动画<br>9.3.2 在网页中加入Flash动画<br>1．准备工作<br>要在页面中插入Flash动画，首先就要把Flash动画输出成.swf文件.<br>2．文件的发布设置（Publish Settings）<br>3．在Dreamweaver 4.0制作的网页中加入.swf文件<br>4．在要加入.swf文件的网页中直接插入HTML引导程序1.4 TCP/IP通信原理<br> 一、教学方法：讨论、模拟<br> 二、教学目标：<br>学生理解TCP/IP通信原理，学会换位思考的方法，培养学生从另一个角度或者说从别人的角度去思考问题。<br> 三、重点难点：<br>两个对象（可以是人、动物或者机器）之间通信应该经历一个什么样的过程——〉信息交流的过程、方式<br> 四、课程标准：描述TCP/IP协议的概念，思想和功能<br> 五、教学媒体：<br>硬件：多媒体教室<br>软件：自制FLASH演示动画<br>六、教学过程：<br> 教师活动 学生活动<br>引入“黑屋会议”问题，请学生提出结决方案： 一群来自世界各地的人在一间黑屋里开会，互相谁都看不见谁，但能听到别人的声音，他们如何能完成一个会议？ 在教室中假设一个黑屋环境，假设一个同学是来自美国，一个同学来自俄国，请一个同学向另一个同学传递一个信息，如：中午我请你吃冰糕。 回到开始的问题，请同学总结归纳解决“黑屋会议”问题的方法，描述黑屋会议的开会过程。 请同学通过这一案例描述通信的过程和通信当中应该解决哪些问题，我们可能会有什么样的解决方法 教师在学生描述的基础上大概讲述TCP/IP的通信过程 请同学自己查找关于TCP/IP的资料 再次总结通信的原理和思想 学生讨论，思考，提出解决这个问题应该注意什么方面，或者说这个问题可以被分解为哪些小问题来处理 （学生回答的不一定全面，暂且放在一边） 学生在实践过程中自然会涉及到用什么语言传达，向谁传达，传达什么，怎么样才能知道对方是否已经正确接受到等问题，并会很自然的想办法解决，或者老师提示解决 同学描述 讨论总结 通过网络、课本查找，发现不懂的问题，提出来，大家一起找答案 <br> 自我评价：<br>这是我曾经上过的一次课，效果还可以，主要是希望能培养学生自己解决问题的思想。让学生发现原来解决一个问题并不难，有可能很复杂的问题往往在现实社会中，或者说在我们身边就有很简单的解决办法(共9张PPT)<br>通过本章学习，应该掌握以下内容：<br>能够选择合适的网页颜色<br>了解网页图像的基本格式<br>掌握使用网页图像的要点<br>在网页中插入图像的方法<br>图像属性的设置<br>调整图像的大小及位置<br>第6章 网页图像处理<br>6.1 利用Dreamweaver 4.0编辑图像<br>6.1.1 网页中的颜色<br>图像与颜色是分不开的。在网页中是以RGB方式来表示颜色的，RGB颜色包括几百万种之多，这么多的颜色却有一个共同点，都是由红、绿、蓝这三种基色调混和而成的，RGB其实就是Red、Green、Blue的缩写。<br>在网页中运用色彩一般应遵循下列几个原则。<br>（1）一个页面中切忌采用过多的颜色，否则会给人一种繁杂的感觉，也烘托不了网页的主题，因此一种风格的网页选用颜色一般不要超过三四种。<br>（2） 背景的颜色不要太深，显得过于厚重，因为这样会影响整个页面的显示效果。但也有例外，黑色的背景衬托出亮丽的文本和图像，会给人一种另类的感觉。<br>（3）要保持整个网页的色调统一。<br>（4）要围绕网页的主题选择颜色，色彩要能烘托出主题。<br>6.1.2 图像格式<br>由于受网络带宽的限制，在Web页上使用的图像都是一些压缩格式，最常用的包括：GIF格式、JPEG格式、PNG格式和矢量格式。<br>1．GIF格式<br>GIF格式采用无损压缩算法进行图像的压缩处理，是目前在网页设计中使用最普遍、最广泛的一种图像格式。<br>2．JPEG格式<br>JPEG格式是另一种在Web上应用广泛的图像格式。由于它支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。与GIF格式采用无损压缩不同，JPEG格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。<br>3．PNG格式<br>PNG格式是近年来新出现的一种图像格式，它适于任何类型、任何颜色深度的图片。<br>4．矢量格式<br>6.1.3 使用网页图像的要点<br>在Web页上显示图片之前，通常需要考虑下列三个问题：<br>① 确保文件较小；<br>② 控制图像的数量和质量；<br>③ 合理使用动画。<br>6.1.4 在网页中插入图像<br>1．插入图像<br>在Dreamweaver中插入图像非常简单，具体操作步骤见课本。<br>2．图像属性参数<br>在文档中插入图像后，用鼠标单击图像，图像四周出现可编辑的缩放手柄，说明该图像被选定。这时属性面板中显示出关于图像的属性信息。<br>3．改变图像的尺寸<br>改变图像的尺寸大小可以通过在属性面板中的“Ｗ”和“Ｈ”直接输入数值来改变图像的尺寸大小 。此外，还可以通过拖放图像边框来改变图像的尺寸。<br>4．调整图像在网页中的相对位置<br>6.1.5 设置网页背景<br>改变网页背景的状态可以通过两种方法来实现，一种是设置背景颜色；另一种是设置背景图像。<br>1．设置网页背景颜色<br>设置网页背景色在页面属性对话框里设置 。<br>2．设置背景图像<br>设置网页背景色，只能得到单一颜色的背景。如何能使背景发生更多的变化，这就需要设置网页的背景图像。<br>6.1.6 在Dreamweaver 4.0中巧妙地处理图像<br>1．给图像加文字说明<br>利用Dreamweaver 中为图像加文字说明的功能，可使网页中的图像在不能被浏览器正常显示时，以说明文字代替，以帮助访问者了解图像的信息。<br>2．制作低分辨率图像<br>3．为图像添加热点<br>热点即图像上不可见的区域，该区域分配了一个超链接。为图像添加热点就是在图像上划分区域，从而设定图像上制作超链接的范围。<br>6.2 网页图像的其他处理方法<br>6.2.1 利用FrontPage 2002处理图像<br>用FrontPage 2002同样可以处理网页图像，不过在FrontPage中习惯称图像为图片。<br>1．插入图片<br>（1）插入来自文件的图片<br>（2）插入来自剪贴画的图片<br>2．修改图片属性<br>（1）调整图片的大小<br>（2）移动图片位置<br>在FrontPage 2002中移动图片位置很容易，只要在图片上单击鼠标左键，然后按住鼠标左键，拖动图片之所需的位置即可。<br>（3）更改图片属性<br>更改图片属性指的是更改图片的格式属性。<br>（4）替换图片或文字<br>当图片太大，下载速度很慢，可使用一个分辨率较低的图片代替；而当图片不能被浏览器正常显示时，可以使用一些说明性文字。<br>3．图片与文字<br>（1）图片与文字的对齐方式<br>（2）图片的环绕样式<br>图片的环绕样式决定了文字在图片周围的排列方式。设置图片的环绕样式可以在“图片属性”对话框中通过“环绕样式”命令完成，也可在“定位”对话框中设置。<br>6.2.2 利用HTML处理图像<br>1. 插入图像<br>在HTML中，使用IMG标记符可以在网页中加入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。<br>2．设置图像属性<br>（1）指定图像的宽和高<br>在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间（以像素为单位）。<br>（2）图像的边框<br>使用IMG标记符的border属性，可以给图像添加边框效果，边框的取值是像素数。<br>（3）设置图像周围的空白<br>可以在IMG标记符内使用属性hspace和vspace设置图像周围空白，其中hspace示水平方向的空白，vspace表示垂直方向的空白，它们的取值都是像素数。<br>（4）图像的对齐<br>① 图像在页面中的对齐<br>设置图像在页面中的对齐与设置文本对齐类似，可以使用DIV或P标记符将IMG标记符括起来，然后使用align属性。<br>② 图像与周围内容的垂直对齐<br>使用IMG标记符的align属性，可以控制图像与周围内容的垂直对齐。<br>③ 图文混排时的图像对齐<br>如果要在图像的左、右环绕文字，也应该使用IMG标记符的align属性。3.2因特网上的信息检索<br>学习目的：1、掌握搜索引擎的类型与特点。<br>　　　　　2、了解搜索引擎的产生与发展。<br>　　　　　３、理解搜索引擎的工作原理。<br>重点难点：搜索引擎的类型与特点、搜索引索的工作原理。<br>学习方式：情景设置法 任务驱动法<br>学习任务：<br>　　 　　<br>学习内容：　<br>　　一、因特网信息检索的方法<br>　　　　　在因特网中信息检索的方法主要有三种：<br>　　 　　　　　１、基于超文本／超媒体的信息浏览<br>　　 　　　　　２、基于目录服务的信息查询（目录式搜索）<br>　　 　　　　　３、使用搜索引擎进行信息检索（全文搜索）<br>　　二、搜索引擎的发展与分类<br>　　　　　1、 世界上最早的搜索引擎是超级目录索引yahoo,出现在 年？设计者是：<br>　　　　　2、 按信息搜集方法和服务提供方式，搜索引擎有 搜索引擎、 搜索引擎和 搜索引擎等类型？<br>　　　　提问：同学们,你们知道 "大力神"杯是由什么金属制造而成的么？你是用什么关键词来搜索？<br>　　三、搜索引擎的工作过程<br>　　　　全文搜索引擎的工作过程是什么？课本p72-73<br>　　　　(1)<br>　　　　(2)<br>　　　　(3)<br>　　　　(4)<br>　　四、网上信息检索技巧(以Google为例)<br>　　　1、使用空格<br>　　　　输入更多的关键词,只要在关键词中间留空格,这相当于多个关键词之间的关系是逻辑"与".<br>　　　　练习1,"大力神"杯是由什么金属制造而成的么<br>　　　　(设置提示按钮) 大力神 由来<br>　　　2、使用减号.<br>　　　　要避免搜索某个词语,可以在这个词前面加上一个减号("-", 英文字符).但在减号之前必须留一空格.如要了解搜索引擎历史,可以这样输入关键字:搜索引擎 历史 -文化 -中国历史 -世界历史<br>　　　3、添加英文双引号.<br>　　　　双引号中的词语在查询到的文档中将作为一个整体出现.这一方法在查找名言警句或专有名词时显得格外有用.<br>　　　　练习2,请你比较应用下面两组关键词的搜索结果有什么不同<br>　　　　1,理科的学习方法<br>　　　　2,"理科的学习方法"<br>　　　4,查找特定格式的文件.<br>　　　　Google可以 直接搜索13种非HTML文件.其中包括Flash的 swf 文档,Microsoft Office的(doc, ppt, xls, rtf) ,pdf和其它类型文档.格式是:关键词 filetype:类型名.<br>　　　　练习3,请你查找一个介绍"遮罩"的flash教程(注:类型名为swf),下载并打开它.<br>　　　5,标题搜索.<br>　　　　当我们需要搜索一篇关于某个主题的文章时,可以用以下的关键字:"intitle:关键字".如"intitle:南瓜饼"<br>　　　6,网页快照.<br>Google 在访问网站时,会将看过的网页复制一份网页快照,以备在找不到原来的网页时使用.<br>　　五、实践与探究：<br>　　<br>　　　　比较一下Google与Ｙahoo、百度等搜索引擎，了解一下这些网站的更新频率如何。(共17张PPT)<br>通过本章学习，应该掌握以下内容：<br>认识网页<br>构成网页的基本要素<br>制作网页的基本工具<br>美化网页的基本工具<br>网页制作的基本步骤<br>第1章 网页制作初识<br>1.1 一个校园网的制作示例<br>1.1.1 主要网页画面<br>1.1.2 网页的基本功能<br>1.2 网页的基本要素<br>1.2.1 文字<br>文字是网页发布信息所用的主要形式，由文字制作出的网页占用空间小，因此，当用户浏览时，可以很快的展现在用户面前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载，便于以后长期阅读，也可对其进行编辑打印。但是没有编排点缀的纯文字网页，又会给人带来死板不活泼的感觉，使得人们不愿意再往下浏览。所以，文字性网页一定要注意编排，包括标题得字型字号，内容的层次样式，是否需要变换颜色进行点缀等等。<br>1．标题<br>一个网页通常都有一个标题，表明本网页的主要内容。标题是<br>醒目，是吸引浏览者能否注意的一个关键，因此对标题的设计是<br>很重要的。<br>2．字号<br>网页中的文字不能太大或太小。太大会使得一个网页信息量变，<br>太小又使人们浏览时感到费劲。一个优秀网页中的文字，应统筹<br>规划，大小搭配适当，给人以生动活泼之感觉。<br>3．字型<br>在网页适当的位置采用不同的字体字型，也能使网页产生吸引<br>人的效果。应该注意的是在报刊上变换字体字型非常普遍，它可<br>以在不同的地方使用不同的字型。但在网页制作上却要慎重。因<br>为有些美丽的字型在制作网页的计算机上有，但将来别人浏览你<br>的网页时，浏览者的计算机上未必装有这种字体。这样浏览者就<br>无法得到你预想的浏览效果，甚至适得相反。<br>如果只是标题或少量的文字，可以将采用的特殊字体制作成图<br>形方式，就可避免其他浏览者看不到的尴尬局面了。<br>当文本内容较多时。可以利用表格形式来实现。<br>1.2.2 图形<br>这里的图形概念是广义的，它可以是普通的绘制图形，可以是<br>各种图像，还可以是动画。一幅优秀的网页除了有能吸引浏览者<br>的文字形式和内容外，图形的表现功能是不能低估的。网页上的<br>图形格式一般使用JPEG和GIF，这两种格式具有跨平台的特性，可<br>以在不同操作系统支持的浏览器上显示。图形在网页中通常有如<br>下应用。<br>1．菜单按钮<br>网页上的菜单按钮有一些是由图形制作，通常有横排和竖排两<br>种形式，由此可以转入不同的页面。<br>2．背景图形<br>为了加强视觉效果，有些网页在整个网页的底层放置了图形，称<br>作背景图。背景图可以使网页更加华丽，使人感到界面友好。但<br>由于这是一个比较大的图形，需要占据较大的空间，致使网页的<br>显示速度明显变慢，所以，近期的网页以及比较著名的访问量比<br>较大网站一般都不设置背景图形。<br>1.2.3 链接标志<br>链接是网页中一种非常重要的功能，是网页中最重要、最根<br>本的元素之一。通过链接可以从一个网页转到另一个网页，也可<br>以从一个网站转到另一个网站。链接的标志有文字和图形两种。<br>制作一些精美的图形作为链接按钮，使它和整个网页融为一体。<br>1.2.4 交互功能<br>Internet区别其他媒体的一个重要标志就是它的交互功能。<br>例如在商务网站的页面上，人们经过浏览，选择了某一个产品，<br>就需要将自己的决定通过Internet告诉这个网站，网站能够自动<br>对该产品的数据库进行检索，及时回应有还是没有，数量、规格、<br>价格等信息。如果用户选择确定，那么网站能够返回确认信息。<br>像这种交互功能其他媒体是无法比拟的。<br>通常网页的交互功能都是利用表单来实现的。表单是网页中<br>站点服务器处理的一组数据输入域，当访问者单击按钮或图形来<br>提交表单后，数据就会传送到服务器上。<br>1.3 网页制作和美化工具<br>1.3.1网页制作工具<br>1．超文本标识语言（HTML）<br>HTML（Hypertext Markup Language）是一种专门用于Web页制<br>作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何<br>显示文本，怎样生成与别的文本或图像的链接点。<br>HTML文档由文本、格式化代码和导向其他文档的超链接组成。<br>2．FrontPage<br>FrontPage是由Microsoft公司推出的新一代Web网页制作工具。<br>FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具<br>有直观的网页制作和管理方法，简化了大量工作。<br>FrontPage界面与Word、PowerPoint等软件的界面极为相似，<br>为使用者带来了极大的方便，Microsoft公司将FrontPage封装入<br>Office之中，成为Office家族的一员，使之功能更为强大。<br>3．Dreamweaver<br>Dreamweaver是由Macromedia公司推出的一款在网页制作方面大<br>众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代<br>码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人<br>员的需要，同时也容易被业余网友们所掌握。另外，Dreamweaver的<br>网页动态效果与网页排版功能都比一般的软件好用，即使是初学者也<br>能制作出相当于专业水准的网页，所以Dreamweaver是网页设计者的<br>首选工具。<br>Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术，从<br>而奠定了在网页高级设计功能方面的领先地位。在进行网页设计过程<br>中，动态HTML技术能够让用户轻松设计复杂的交互式网页，产生动态<br>效果；而Roundtrip HTML技术则可以真正支持HTML源编辑模式，不<br>会产生冗余代码，使网页渲染速度加快。因此，Dreamweaver是一种<br>可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。<br>1.3.2网页美化工具<br>为了使制作的网页更为美观，用户在利用网页制作工具制作网<br>页时，还需利用网页美化 工具对网页进行美化。<br>1．Photoshop<br>Photoshop是由Adobe公司开发的图形处理软件，它是目前公认<br>的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、<br>使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop<br>都是首选的平面制作工具。<br>2．Fireworks<br>Fireworks是由Macromedia公司开发的图形处理工具，它的出<br>现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为<br>制作网页图形而设计的软件，同时也是专业的网页图形设计及制作<br>的解决方案。<br>作为一款为网络设计而开发的图像处理软件，Fireworks还能<br>够自动切割图像、生成光 标动态感应的JavaScript程序等等，而<br>且Fireworks具有强大的动画功能和一个相当完美的 网络图像生<br>成器。<br>用户可以从http://www. ／站点下载该软件。<br>3．Flash<br>Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的<br>专业软件，它是一种交互式动画设计工具，用它可以将音乐、声<br>效、动画以及富有新意的界面融合在一起，以制作出高品质的网<br>页动态效果。它主要应用于网页设计和多媒体创作等领域，功能<br>十分强大和独特，已成为交互式矢量动画的标准，在网上非常流<br>行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、<br>在线游戏等的制作中。<br>1.4 网页制作的基本步骤<br>1.4.1 整体规划<br>进行网站的整体规划也就是组织网站的内容和设计其结构。网<br>页制作者在明确网页制作的目的及要包括的内容之后，接下来就<br>应该对网站进行规划，以确保文件内容条理清楚、结构合理，这<br>样不仅可以很好地体现设计者的意图，也将使网站可维护性与可<br>扩展性增强。<br>① 层状结构<br>层状结构（如图1.8所示）类似于目录系统的树型结构，由网站<br>文件的主页开始，依次划分为一级标题、二级标题等等，逐级细<br>化，直至提供给浏览者具体信息。<br>主 页<br>页面1<br>页面2<br>页面3<br>页面4<br>页面5<br>页面6<br>页面7<br>一级标题<br>二级标题<br>图1.8 层状结构<br>② 线性结构<br>线性结构（如图1.9所示）类似于数据结构中的线性表，用于<br>组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地<br>浏览整个网站文件。这种结构一般都用在意义是平行的页面上。<br>通常情况下，网站文件的结构是层状结构和线性结构相结合的<br>。这样可以充分利用两种结构各自的特点，使网站文件既具有条理<br>性、规范性，又可同时满足设计者和浏览者的要求。<br>主 页<br>页<br>面<br>1<br>页<br>面<br>2<br>页<br>面<br>3<br>图1.9 线性结构<br>③ Web结构<br>Web结构（如图1.10所示）类似于Internet的组成结构，各网页<br>之间形成网状连接，允许用户随意浏览。<br>主 页<br>页面1<br>页面2<br>页面3<br>页面4<br>页面5<br>页面7<br>页面8<br>一级标题<br>二级标题<br>图1.10 Web结构<br>页面6<br>1．收集整理资料<br>2．准备素材<br>3．内容规划<br>1.4.2 网页设计与制作<br>1．静态网页的设计与制作<br>在开始制作网页之前，建议应用少量时间对自己要制作的主页<br>进行总体设计，例如希望主页是怎样的风格，应该放一些什么信息<br>，其他网页如何设计，分几层来处理等等。<br>通常在进行网页开发时，首先都进行静态网页的制作，然后再<br>在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息<br>，而不具有任何交互功能的网页，它是Web网页的重要组成部分。<br>一个好的网站首先是内容丰富，其次就是网页设计美观。对于<br>网页的外观设计，提供以下建议：<br>（1）不要先决定网页的外观，然后迫使自己去适应它，应该根据<br>网站的访问者对象、要提供的信息以及制作目标得出一个最适合<br>的网页架构。<br>（2）每页排版不要太松散或用太大的字，尽量避免访问者浏览网<br>页时要作大幅度的滚动，对于篇幅太长的一页可以使用内部链接<br>解决。须知，在一页的上部是显眼而宝贵的地方，不要只放几个<br>粗大的字或图片。<br>（3）切勿以800×600以上的分辨率设计网页，常用的分辨率是<br>640×480及800×600。现在国内的站点基本上都是800×600，但<br>是如果主要是面向国外访问者的站点，建议使用640×480。<br>（4）不应在每页中插入太多的广告。相信任何访问者都不会喜欢<br>浏览尽是些广告的网页，要考虑该页内容与广告的比例，广告太<br>多，只会令人烦厌。<br>（5）不要每页都采用不同的墙纸，以免每次转页时都要花费过多<br>的时间去下载，采用相同的底色或墙纸还可以增强网页一致性，<br>以树立自己的风格。<br>（6）底色或墙纸必须与文字对比强烈，以易于阅读。这并不是要<br>求永远使用鲜亮的背景搭配深色的文字，但深色背景常要求与主<br>题配合，有较多的顾虑，如果网页是文章式或是包含大量文字，<br>不妨在底色与文字的搭配上下些工夫，力求让访问者能够舒适地<br>阅读网页。<br>（7）不要把图片白色当作透明，要知道别人的系统不一定把内定<br>底色设为白色，解决的办法除了真的把该网页的底色设为白色之<br>外，最好还是用图片编辑工具将图片设为透明颜色。<br>2．为网页的添加动态效果<br>静态网页制作完成后，接下来的工作就是为网页添加动态效果，<br>包括一些脚本语言程序和数据库程序的设计，以及加入动画效果<br>等。<br>1.4.3 测试网页<br>当网页设计人员制作完所有网站页面之后，需要对所设计的网<br>页进行审查和测试，测试内容包括功能性测试和完整性测试两个方<br>面。<br>所谓功能性测试就是要保证网页的可用性，达到最初的内容组<br>织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的<br>内容。完整性测试就是保证页面内容显示正确，链接准确，无差错<br>无遗漏。<br>如果在测试过程中发现了错误，就要及时修改，在准确无误后,<br>方可正式在Internet上发布。在进行功能性测试和完整性测试后，<br>有的还需要掌握整个站点的结构以备日后的修改。<br>1.4.4 网页上传发布<br>网页设计好，必须把它发布到互连网上，否则网站形象仍然不<br>能展现出去。发布的服务器可以是远程，也可以是本地，但必须支<br>持ASP，因为动态程序是建立在ASP基础上的。(共10张PPT)<br>通过本章学习，应该掌握以下内容：<br>FrontPage和Dreamweaver的基本操作<br>创建站点的方法<br>管理站点的方法<br>能够为站点添加网页<br>导入文件到当前站点的方法<br>发布站点的方法<br>第2章 创建站点<br>2.1 利用FrontPage 2002创建站点<br>2.1.1 FrontPage 2002简介<br>1．FrontPage 2002的特色<br>（1）强大的网页设计功能<br>可以智能地完成HTML文本的编辑，并可以针对不同的浏览器对网页进行设置 ;可以提供对多种版本的浏览器的支持 ;完善了所见即所得的网页编辑操作<br>（2）丰富的网页设计模板、设计向导和主题样式<br>提供了多种网页设计模板、网页设计向导和主题样式。使用这些模板、向导和样式，即使是初学者也可以设计出具有专业水准的网站。<br>2．FrontPage 2002的新增功能<br>FrontPage 2002在FrontPage 2000的原有功能基础上增加了图片库和增强的绘图工具，优化了更新、控制与管理站点的方法。还增加了更多的表格格式选项、Office剪贴板任务窗格、网页选项卡、自定义链接栏和电子商务等其他新功能。<br>3．FrontPage 2002工作界面<br>（1）标题栏<br>（2）菜单栏<br>（3）常用工具栏<br>（4）格式工具栏<br>（5）窗口栏<br>· “网页”视图 网页视图是进行网页编辑的操作界面。<br>· “文件夹”视图 文件夹视图的功能有些类似于Windows资源管理器，主要是用来对网站的目录和文件夹进行管理 .<br>· “报表”视图 “报表”视图主要用于查看与网页制作有关的各项参数。<br>· “导航”视图 “导航”视图用来显示和编辑网页的导航关系。<br>· “超链接”视图 “超链接”视图显示的是站点中的某个网页与其他网页之间的关系，<br>· “任务”视图 “任务”视图用来查看网站和网页设计的完成情况。<br>（6）状态栏<br>2.1.2 创建站点<br>1．创建新站点<br>① 选择“文件”| “新建”| “网页或站点”命令，在窗口栏打开“新建网页或站点”窗格；<br>② 单击 “新建”下的“空白站点”超级链接，打开“Web站点模板”对话框;<br>③ 单击站点模板中的“空白站点”图标，在“指定新站点的位置”文本框中输入新站点的位置。单击“确定”按钮.<br>注意：在创建站点选择路径时，最好选择某个文件夹作为站点，而不要选择某个磁盘分区（例如F盘）作为站点，否则可能会导致整个磁盘分区瘫痪。<br>2．导入一个已存在的站点<br>要导入一个站点，首先应选择“文件”菜单下的“导入”命令，然后根据提示，依次选择需导入的站点即可。<br>3．将文件夹转换为站点<br>FrontPage 2002中可以将一个已经存在的文件夹转换为站点<br>2.1.3 管理站点<br>1．打开站点<br>单击工具栏中的“打开”按钮，弹出“打开文件”对话框，在“打开文件”对话框中选择要打开得网页，选中之后，单击“打开”按钮，<br>2．重命名站点<br>在创建站点时，如果没有为站点创建一个好的名称，可以重新为站点命名。重命名Web站点时，FrontPage 2002会用新站点名称自动更新所有内部超链接以及其他站点设置。<br>3．删除站点<br>如果创建的站点不理想，修改起来又十分麻烦，可以将站点删除。在FrontPage 2002中选择“文件夹”视图，并选择要删除的站点，单击“Delete”键，或单击鼠标右键，从弹出的快捷菜单中选择“删除”命令，就可以删除所选的站点了。<br>注意：应用手动方式删除文件，删除的文件会自动放置于“回收站”中，而应用“删除”命令方式删除文件，被删除的文件直接从磁盘中删除，是不可恢复的。<br>2.1.4 为站点添加网页<br>创建完站点，接下来的任务就是为站点添加网页。在FrontPage 中，为站点添加网页的方法有两种。一种是：单击工具栏中的“新建网页”按钮或者按快捷键“Ctrl＋N”，打开一个空白网页，设计者可以在网页编辑区编辑自己的网页；另一种是：选择“文件”|“新建”|“网页或站点”命令，在打开的“新建网页或站点”窗格中单击“网页模板”超级链接，利用网页模板创建网页。<br>2.1.5 导入文件到当前站点<br>站点设计者可以通过导入一个页面而减轻自己的工作量，并吸收别人成功的经验（当然要得到版权的许可）。导入方法与导入站点的方法类似。<br>2.1.6 发布站点<br>1．设置浏览器的兼容性<br>2．测试站点<br>（1）查看站点中的所有内部超链接<br>（2）验证各个外部超链接的有效性<br>（3）修复断开的超链接<br>（4）更新超链接<br>2.2 利用Dreamweaver 4.0创建站点<br>2.2.1 Dreamweaver 4.0简介<br>1．Dreamweaver 4.0的界面<br>（1）菜单栏<br>（2）工具栏<br>（3）对象面板<br>（4）浮动面板<br>（5）文档窗口<br>（6）状态栏<br>（7）启动面板<br>（8）属性面板<br>2．Dreamweaver的视图<br>作为一种所见即所得的网页编辑软件，Dreamweaver自动在用户创建网页时生成底层的HTML代码，同时提供了很好的HTML代码编辑功能。使用工具栏中的视图切换按钮可以很方便地切换到代码视图，以便查看当前编辑网页的HTML源代码。<br>2.2.2 定义站点<br>1．站点窗口<br>在Dreamweaver 4.0的编辑窗口，选择“Site”|“New Site”菜单，可以打开站点窗口。<br>站点窗口是Dreamweaver另一个重要的窗口，左半部是远程站点的目录，一般显示为空，只有在FTP连通状态下才有显示内容；右半部是当前编辑中的本地目录，有点像windows的资源管理器。<br>2．定义站点<br>方法1：<br>在站点窗口的下拉菜单选择最后一项“Define Sites”，弹出“Define Sites”对话框，点击“New”按钮定义一个新网站。<br>方法2：<br>在编辑窗口或站点窗口选择命令菜单“Site” | “New Site”选项，弹出“Site Definition for Unnamed Site”对话框，设置结束单击“OK” 按钮。<br>2.2.3 站点的基本操作<br>1．打开站点<br>如果要打开站点，可以在文档窗口或站点窗口中单击“Site”菜单的“Open Site”命令，然后在弹出列表中选择当前已经定义过的站点名称。也可以使用键盘快捷键“F8”，此时将打开最后一次打开的站点窗口。<br>2．复制站点<br>若要复制当前站点，可以使用文档窗口或站点窗口中“Site”菜单的“Define Site”命令，打开“Define Site”对话框。选中要复制的站点名称，单击“Duplicate”（复制）按钮即可对当前站点进行复制操作。<br>3．编辑站点<br>如果要更改当前站点设置，比如对站点进行修改站点名称、设置参数选项等编辑操作，可以使用上面的方法打开“Define Site”对话框，选中一个站点后单击“Edit”按钮，即可打开该站点的定义对话框进行站点编辑。<br>4．删除站点<br>在Dreamweaver 4.0中删除一个站点非常容易，在弹出的“Define Site”对话框中，单击“Remove”（删除）按钮就可以删除选中的站点。(共22张PPT)<br>ADO是Active Data Object缩写，是针对当前Microsoft软件所支持的数据进行操作的最有效、最简单、功能最强大的方法。它能自如地控制数据的显示、查询以及对数据的修改、删除和添加。通过本章学习，应该掌握以下内容：<br>ADO各种对象和集合<br>利用ADO存取组件进行数据库连接利用Dreamweaver编辑各种超连接的方法<br>第12章 利用ADO实现网页与<br>数据库的链接<br>12.1 利用ADO编写新闻发布系统<br>新闻发布系统能带给浏览者许多的方便，就像布告栏一样，可以让在校师生和外界单位了解学校当天或是最近发生的大事，以及公布短期内学校的主要工作计划等等。<br>具体来说，使用ADO数据库链接技术来完成输入新闻和查看新闻，需要用链接对象的Open方法来建立数据库链接，用链接对象的Execute方法来执行SQL查询语句和操作命令（把新闻信息保存到数据库、或者从数据库中查找新闻信息），还需要使用ADO记录集来显示新闻（把数据库中找出来的新闻以一定的格式显示到新闻发布系统）。<br>书上给出了示例中新闻发布系统得源代码以及一些解释。<br>12.2 ADO概述<br>ADO定义了三个一般对象：Connection对象、Command对象和Recordset对象，通过这三个对象，用户可以方便地建立数据库连接、执行SOL查询及存取查询的结果。<br>下面列出了ADO的重要接口：<br>Connection （连接）：该对象代表打开的文件与数据源的连接。<br>Error（错误集）：包含在响应涉及提供者的单个失败时产生的所有Error对象。<br>Command（命令）：该对象定义了对数据源执行的指定命令。<br>Parameter（参数）：这个接口表示传给Command的参数。<br>Recordset（游标）：这是功能最强大但最复杂的接口，它含有包含数据的游标。用户可使用Recordset对象操作来自提供者的数据。<br>Field（字段）：该接口表示Recordset对象中的某一列数据，同时能返回游标对象的一些关于数据本身的属性和参数。<br>Property（属性）：包含特定对象实例的所有Property对象。<br>12.3 Connection对象<br>Connection对象是数据源的一个开放连接。它跟踪正在使用的DSN连接保持的时间以及其他定义的数据库的属性。<br>12.3.1 Connection对象的方法<br>1．Open方法<br>Connection对象的Open方法用来初始化一个连接，只有使用了Connection对象的Open方法后，Connection对象才会真正存在，然后才能发命令对数据源产生作用。通常在使用Open方法时有如下两种途径：<br>（1）直接将连接字符串传给Open方法<br><%<br>set conn=Server.CreateObject（“ADODB.Connection”）<br>conn.Open“DSN=STUDENT.UID=uid.PWD=pwd”<br>%><br>（2）利用它的ConnectionString属性<br><%<br>conn.Connectionstring=“DSN=STUDENT;UID=uid;PWD=pwd”<br>conn.Open<br>%><br>2．Close方法<br>当调用了Close方法后，系统就停止了同数据源之间的连接，并且释放与连接有关的系统资源。当调用此方法时，不只是关闭Connection对象，而且还关闭了其他正在使用该Connection对象的ADO对象。不过Close方法只是释放与其相关的系统资源，Connection对象本身并没有释放。因此，一个关闭的Connection对象还可以接着用Open方法打开，而不用再次创建。要真正释放所有其占用的资源，只需：<br><%<br>conn.Close<br>Set conn=nothing<br>%><br>3．BeginTrans方法<br>ADO的一个重要的功能是执行并控制数据源的事务操作。事务即在一次操作中对数据库的多次写的动作。一次事务活动要么全部成功，要么全部失败。使用事务的好处在于它能提供很好的机会优化对数据源进行写操作的过程。它让ADO知道任何对数据源的修改还都没有写到硬盘上，还在缓冲区中。往缓冲区中写东西要比硬盘快得多，这样就能够大大的提高系统性能。<br>4．CommitTrans方法<br>当BeginTrans方法被调用后，数据并没有写到硬盘，所以Connection调用CommitTrans方法把所有的数据写到硬盘上。该方法把一次事务的操作一次全部写到硬盘上。然后就关闭此次事务。<br>5．Execute方法<br>Connection的主要任务是在最高层控制与数据源之间的交互作用，但是该对象也能执行SQL语句及存储过程。但是利用Connection对象返回数据时，要抽取的信息是基本的游标即只能读和只能向前的游标。<br>使用Execute方法的基本语句是：<br>Set myRecordset=Conn.Execute（CommandText.RecordAffected. Options）<br>其中：<br>CommandText：是一个字符串，它包含一个表名、或某个将被执行的SQL语句。<br>RecordAffected：是个变量，数据提供者将它返回此次操作所影响的记录数。<br>Options：用来指定Commandstring参数的性质。<br>6．RollbackTrans方法<br>这个方法和CommitTrans方法相反，它是取消此次事务以来对数据源所做的所有操作，并不写入数据源。同CommitTrans方法一样，调用此方法，本次事务结束。<br>12.3.2 Connection的属性<br>Connection对象的属性是用来控制高级的数据处理。<br>1．Attributes属性<br>该属性定义了对象一个或多个特点。对于Connection对象来说，Attributes属性控制着事务成功或失败后Connection要如何向数据库写数据。如果Attributes设置为262144或者adX- actAbortRetaining的ADODB的常量，那么如果事务被取消，另一个事务会自动启动。<br>2．Mode属性<br>Mode属性用来表示连接的写权限，只能在Connection对象没有打开的情况下进行设置。<br>3．Version属性<br>该属性用来查询ADO的版本号。<br>4．Provider属性<br>该属性用来设置或返回数据来源的名字。它的缺省值是ODBC数据来源，对于OLE DB，它的返回值为“MSDASQL”。<br>5．CommandTimeout属性<br>该属性定义了允许对数据源的操作终止并产生一个错误的等待时间。可用它的属性来定义连接业务很大或服务器很忙时如何操作。<br>6．Connectionstring属性<br>该属性将返回一个字符串，它包含创建数据连接时所用的所有信息。它可以是DNS，也可以是连接数据源时的所有参数。<br>7．DefaultDatabase属性<br>使用DefaultDatabase属性可设置或返回指定Connection对象上默认数据库的名称。<br>如果有默认数据库，SQL字符串可使用非限定语法访问该数据库中的对象。如要访问DefaultDatabase属性中指定数据库以外的数据库中的对象，对象名必须与所需的数据库名称匹配。连接时，提供者将默认数据库信息写入DefaultDatabase属性。某些提供者对于每个连接只允许一个数据库，在此情况下将不能更改DefaultDatabase属性。<br>12.4 Recordset对象<br>Recordset是ADO的一个非常重要的对象。ADO一半以上的文档都是关于Recordset的。<br>12.4.1 Recordset方法<br>1．打开、关闭和复制Recordset的方法<br>（1）Open方法 Open方法是用来打开一个给予ActiveConnection和Source属性的Recordset。在把连接和原信息作为参数传给Recordset的Open方法时，游标被打开且该方法所有相应的属性值也被继承下来。<br>（2）Close方法 Close方法用于关闭Recordset对象并释放相关资源。同Connection对象一样，在调用setRecordSet=nothing之前，它仍然存在，只需要重新打开，而不需要创建。在允许关闭当前编辑的记录前，必须首先调用Cancelupdate或Update方法，否则会出现错误。但是，如果以批量模式更新记录，那么对缓冲区记录所做的修改将全部丢失。<br>（3）Clone方法 Clone方法用来创建一个Recordset对象的完全拷贝。采用该方法，可以为任何Recordset维持多个当前的记录。但是只有所用的Recordset类型允许使用BookMa-rks时才能使用这种方法。<br>2．编辑修改数据的方法<br>（1）addNew方法 addNew方法用来向数据库中增加新纪录。调用该方法时即在Rec-ordset中开始一个新行，并将指针移到行首以准备加入新的数据。是效率最低的一种修改方法，最好用SQL来实现。<br>（2）Delete方法 Delete方法用来删除当前记录。它与addNew方法一样效率很低，但是它能够批量删除。当在批量模式相关联的Recordset中使用Delete方法时，Delete方法只是将当前记录作上删除标记。通过这种方法Recordset可以处理数据缓冲集合。<br>（3）Update方法 Update方法表示将对Recordset对象中的当前记录的任何修改保存在数据源中，条件是Recordset能够允许更新且不是工作在批量更新模式下。<br>（4）CancelUpdate方法 CancelUpdate方法用来取消在调用Update方法前所作的一切修改。<br>（5）UpdateBatch方法 如果工作在批量更新模式下，该方法将取消对Recordset的修改。<br>当取消一个批量操作时，可以指定缓冲区的一个子集，以采用CancelBatch方法的一些Affe-ctrecords变量在其上面的操作。<br>12.4.2 Recordset属性<br>1．MarshalOptions属性<br>该属性指示要被调度返回服务器的记录。<br>2．AbsolutePage属性<br>该属性指定当前记录所在的页。<br>3．AbsolutePosition属性<br>该属性指定Recordset对象当前记录的序号位置。<br>4．Bookmark属性<br>该属性返回唯一标识Recordset对象中当前记录的书签，或者将Reeordset对象的当前记录设置为由有效书签所标识的记录。<br>5．CacheSize 属性<br>该属性指示缓存在本地内存中的Recordset对象的记录数。<br>6．CursorType 属性<br>该属性指示在Recordset对象中使用的游标类型。<br>7．Filter属性<br>该属性为Recordset中的数据指定筛选条件。<br>8．Index属性<br>该属性指示对Recordset对象当前生效的索引的名称。<br>9．LockType属性<br>该属性指示编辑过程中对记录使用的锁定类型。<br>10．MaxRecords属性<br>该属性指示通过查询返回Recordset记录的最大数目。<br>11．PageCount属性<br>该属性指示Recordset对象包含的数据页数。<br>12．PageSize属性<br>该属性指示Recordset中一页所包含的记录数。默认值为10。<br>13．RecordCount属性<br>该属性指示Recordset对象中记录的当前数目。<br>14．Sort属性<br>该属性指定一个或多个Recordset对象中排序的字段名，并指定按升序还是降序对字段进行排序。<br>15．Source属性<br>该属性指示Recordset对象中数据的来源。<br>16．State属性<br>该属性对所有可应用对象，说明其对象状态是打开或是关闭。对执行异步方法的Recordset对象，说明当前的对象状态是连接、执行或是获取。<br>12.5 Command对象<br>Command对象表示一个可被数据源处理的命令。这个对象提供一种很简单的方法来处理查询或者存储过程。利用Command对象，可以表示一个命令字符串、存储过程或一个表名。<br>1．Command对象的方法<br>（1）CreateParameter方法<br>CreateParameter方法使用指定属性创建新的Parameter对象，并在执行之前加到Command对象的Parameter集合中。Parameter对象表示传给SQL语句或存储进程的一个数。<br>（2）Execute方法<br>该方法执行在CommandText属性中指定的查询、SQL语句或存储过程。其方法与前面介绍的Connection的Execute方法类似。<br>2．Command的属性<br>（1）ActiveConnection属性<br>该属性指示指定的Command或Recordset对象当前所属的Connection对象。<br>（2）CommandText属性<br>该属性包含要根据提供者发送的命令的文本。<br>（3）CommandTimeout属性<br>该属性指示在终止尝试和产生错误之前执行命令期间需等待的时间。<br>（4）CommandType属性<br>该属性指示Command对象的类型。<br>（5）Prepared属性<br>该属性指示执行前是否保存命令的编译版本。<br>12.6 Errors集合和Error对象<br>Connection对象有一个Errors集合，用来返回ADO在操作过程中发生的错误。但是这个Errors集合并不包括会话过程中发生的错误，而只是某一个操作所引起的错误。任何涉及ADO对象的操作都可以产生一个或多个提供者错误。产生错误时，可以将一个或多个Error对象置于Connection对象的Errors集合中。其他ADO操作产生错误时，将清空Errors集合，并且将新的Error对象置于Errors集合中。<br>1．Errors集合的方法<br>（1）Clear方法<br>该方法删除集合中的所有对象。<br>（2）Item方法<br>该方法根据名称或序号返回集合的特定成员。<br>2．Errors的属性一Count属性<br>该属性指示集合中对象的数目。<br>3．Error对象<br>Error对象包含与单个操作（涉及提供者）有关的数据访问错误的详细信息。<br>4．Error属性<br>（1）Description属性<br>该属性描述Error对象。<br>（2）HelpContext、HelpFile属性<br>该属性指示与Error对象关联的帮助文件和主题。<br>（3）NativeError属性<br>该属性指示给定Error对象的、特定提供者的错误代码。<br>（4）Number属性<br>该属性指示用于唯一标识Error对象的数字。<br>（5）Source属性 （ADO Error）<br>该属性指示产生错误的原始对象或应用程序的名称。<br>（6）SQLState属性<br>该属性指示给定Error对象的SQL状态。<br>12.7 Parameters集合和Parameter对象<br>Parameters集合包含Command对象的所有Parameter对象.<br>1．Parameters集合的方法<br>（1）Append方法<br>该方法将对象追加到集合中。如果集合是Fields，可以先创建新的Filed对象然后再将其追加到集合中。<br>（2）Delete方法<br>该方法从Parameters集合中删除对象。<br>2．Parameter集合的属性<br>Count属性: 它指示集合中对象的数目。<br>Item属性：它用来返回集合中某一个参数。它有一个索引值，它即可以是所要的参数在Parameters集合中的参数值，也可以是参数的名字。<br>3．Parameter对象的方法<br>AppendChunk方法 该方法将数据追加到大型文本、二进制数据Field或Parameter对象。<br>4．Parameter对象的属性<br>（1）Direction属性<br>该属性指示Parameter所标明的是输入参数、输出参数还是既是输出又是输入参数或该参数是否为存储过程返回的值。<br>（2）Name属性<br>Name属性指示对象的名称。<br>（3）NumericScale属性<br>该属性指出Parameter或Held对象中数字值的范围。<br>（4）Precision属性<br>该属性指示在Parameter对象中数字值或数字Field对象的精度。<br>（5）Size属性<br>该属性表示Parameter对象的最大大小（按字节或字符）。<br>（6）Value属性<br>该属性指示赋给Field、Parameter或Property对象的值。<br>12.8 Fields集合和Field对象<br>Fields集合包含Recordset对象的所有Field对象。Recordset对象包括Field对象组成Fields集合。每个Fields 对象对应其中的一列。在通过调用集合上的Refresh方法打开Recordset前可以填充Fields集合。<br>1．Fields集合的方法及属性<br>（1）Append方法<br>Append方法将对象追加到集合中。如果集合是Fields，可以先创建新的Field对象然后再将其追加到集合中。<br>（2）Item方法<br>Item方法根据名称或序号返回集合的特定成员。<br>（3）Delete方法<br>Delete方法表示从Fields集合中删除对象。<br>（4）Refresh方法<br>该方法更新集合中的对象以便反映来自提供者的可用对象和特定于提供者的对象。<br>（5）Fields集合的属性<br>Fields集合的属性只有Count属性，它指示集合中对象的数目。<br>2．Field对象的方法<br>（1）AppendChunk方法<br>该方法将数据追加到大型文本、二进制数据Field或Parameter对象。<br>（2）GetChunk方法<br>该方法返回大型文本或二进制数据Field对象的全部或部分内容。<br>3．Field对象的属性<br>（1）ActualSize属性<br>该属性指示字段的值的实际长度。<br>（2）DefinedSize属性<br>该属性指示Field对象所定义的大小。<br>（3）Name属性<br>Name属性指示对象的名称。<br>（4）NumericScale属性<br>该属性指出Parameter或Field对象中数字值的范围。<br>（5）OriginalValue属性<br>该属性指示发生任何更改前已在记录中存在的Field的值。<br>（6）Precision属性<br>该属性指示在Parameter对象中数字值或数字Field对象的精度。<br>（7）UnderlyingValue属性<br>该属性指示数据库中Field对象的当前值。<br>（8）Value属性<br>Value属性指示赋给Field、Parameter或Property对象的值。4.1规划个性网站（2课时）<br>【教学分析】<br>教材分析<br>本节内容为教育科学出版社普通高中课程标准实验教科书《网络技术应用》（选修）第四章“网站的开发”的第一节“网站的规划”，课时为2节。第一节我主要讲解基本概念和需求分析，并安排学生课后进行选题；第二节主要以学生讨论网站选题，并分组规划网站及确定网站名称。<br>教学对象分析<br>本案例的对象是高一年级的学生。通过上学期和本学期的学习，大部分学生有了一定的信息技术基础及网络知识，学生上网现象普遍，上网兴趣极高，被各种形形色色的网站所吸引，很想亲手制作自已的网站。但由于这一时期的学生认知能力、观察能力、思维能力仍不成熟，如何培养学生良好、健康的学习方法是教师的关键。<br>教学重点及难点分析<br>本节的重点有：需求分析、确定主题、制定计划表。本节的难点是：确定恰当的主题、制定一个切实可行的规划表。如何制定切实可行的规划表，循序渐进地完成整个网站的建设是为创建风格独特的个人网站打下基础。因为这一时期学生的思维能力、团队合作能力较差，而网站制作需要确定网站的功能以及网站规模、投入费用、进行必要的市场分析等，这些都需要分组讨论，而且以后主题网站的制作也需要多人合作，所以教师必须协调好学生找到具有共同主题兴趣的学生一起合作。<br>教学目标分析<br>知识目标：让学生了解网站建设的前期准备工作；学会如何规划、构思一个网站。<br>能力目标：提高学生分析能力、探究能力、组织能力。<br>情感目标：增进班级集体荣誉感，团队合作理念以及同学友谊。<br>价值目标：培养学生自信心及个性化发展。<br>【教学资源】<br>硬件：多媒体网络电脑室；软件：安装Macromedia Dreamweaver 4、Microsoft FrontPage等网页制作工具。<br>制作一个网站（一定要漂亮）。<br>准备好规划表格印发学生。<br>下载几个不同类型的优秀网站为教学参照。<br>提供相关案例需求分析供学生参考。<br>提供优秀网站地址供学生比较。<br>【教学策略及设置思路】<br>本节内容是网站制作的第一步，详细地规划网站将为今后的网站建设提供一个总体框架，使网站的建设有“轨”可循，在具体实施过程中按部就班、循序渐进地完成整个网站的建设，而合理的规划与精美的设计是网站成功的关键，因此我采用了包括情景引导法、比较法、演示法、分组讨论法、探究法等教学方法，辅之以班级间、班级内竞赛的方式，把各班级、各小组的规划进行比较打分，并进行适时的小结、分析，这样即能调动学生兴趣，又能让学生在讨论中学习、在竞赛中进步，而且广开学生思路，达到预定的教学目标。<br>【教学过程设计】<br>第一节课<br>引入<br>打开几个不同类型的优秀网站，让学生欣赏，教师指出各网站的设计风格、整体规划、素材的运用、颜色的运用等特点，引发学生兴趣，并指出其实这些网站我们都能制作，并有可能比它们做得更好，增加学生学习网站的信心。<br>接着打开教师做好的网站，教师的网站一定要创意新颖、设计独特、漂亮，让学生的目光一下子集中到这个网站上，使学生对你钦佩和崇拜（这是教师上好网站制作课的关键）。通过这样的引入，学生表现出了空前的兴趣，都想一显身手，迫不及待的要求老师马上教他们，这时教师适时进入新课程。<br>二、提出问题<br>教师提出问题：（教师把学生分4个小组，每排电脑为一小组，每小组由一名学生做主要回答，一名做补充）<br>　　1、什么是网站？（引入网站基本概念）<br>　　2、网站有什么功能？（为网站需求提前定义）<br>　　3、刚才教师的网站主题是什么？网站名是什么？（为网站主题加深印象）<br>　　4、刚才教师的网站用了那些素材？这些素材你们能找得到吗？（让学生明白制作网站以前学习的电脑知识现在有用武之地了）<br>　　三、学生分组讨论及回答<br>　　教师组织学生讨论，并让小组回答，每小组回答完后教师都作点评。<br>　　四、基本概念讲解<br>　　教师花几分钟时间给学生讲解网站、网页、主页、网站结构等基本概念。<br>　　五、需要分析<br>　　教师指出制作网站的目的，并提供几个需求给学生参考：<br>　　1、海南省松涛水库管理局想把松涛水库建立成一个全国闻名的旅游胜地，提高松涛水库的知明度，想请你帮助他们建立一个网站。<br>　　2、海南省儋州市白马井镇想把他们镇介绍给全国，让国内外的企业来投资，想请你帮助他们建立一个网站。<br>　　3、海南省儋州市民族中学集邮协会想把他们的集邮成果向全国展示，想请你帮助他们建立一个网站。<br>　　4、海南省儋州市民族中学高一（1）班想把他们班的成绩、作品等制作成一个网站放在校网内，想请你帮助他们建立一个网站。<br>　　教师要让学生广开思路，可小组讨论，也可一对一讨论，教师要明确指出需要分析与网站主题的关系。<br>　　六、布置任务<br>　　教师发放网站规划表，指导学生如何填写表格，并要求学生自己思考，学生可根据自己自身的兴趣、特长、爱好出发来确定网站的主题。课后填写，下一节课带来。<br>　　七、小节<br>　　教师对本节课进行小结<br>　　第二节课<br>　　一、收集网站规划表（可在课前）<br>　　教师安排各小组组长收集网站规划表，并按主题内容分类好。<br>　　二、教师分组、确定小组主题<br>　　教师根据学生的网站规划表对学生进行分组，分组时尽量做到每组不少于2名学生，不超过6名学生，并可根据学生友谊进行调配，做到学生满意。<br>　　三、范例讲解<br>　　教师根据学生的网站规划表进行范例讲解，对不合理、难以完成的主题也要解释清楚。<br>　　四、学生按新分组讨论、探究<br>　　学生按新分小组进行讨论。教师给每小组发放2份初步网站规划表，2分最终网站规划表。教师巡回指导小组讨论、填写规划表，并对他们不同的主题有不同的要求。<br>　　五、学生评价<br>　　每个小组的规划表都要上台展示给其它小组，让大家评价，小组成员可根据评价结果完善最终网站规划表。<br>　　六、确定网站名称<br>　　教师指导学生可根据小组主题、兴趣、爱好等确定网站名称。网站名称必须合法、合理、合情。<br>　　七、教师评价<br>　　教师对各小组网站规划表进行评价，并展示其它班级的作品，同时指出优缺点。明确各小组的规划要在年级内、班级内进行打分比赛，要求学生最终完善网站规划表。并把本班优秀的规划表张贴在电脑室公示栏，让学生自己去评价。<br>　　八、教师小结<br>　　对这两节课进行总体小结。指出这两节课学生学习状态、讨论参与度、纪律情况等，评价学生的优缺点，主要是鼓励学生对制作网站增强信心。<br>　　【课余练习】<br>教师提供一些优秀网站地址给学生上网进行比较参考，进一步完善规划。<br>　　【教学反思】<br>规划网站是网站建设的准备工作。对于高一学生，思想并不成熟，整体规划能力、合作能力较差，因此我采用了包括情景引入法、比较法、演示法、分组讨论法、探究法等教学方法，在整个实施过程中效果还是不错的。在实践在8个班中，有6个班很好的完成了任务，1个班由于学生不带笔来影响了效果，另1个班学生思想不稳定，要求教师直接教他们制作网站。由于这两节课大都是讨论、探究的方式，学生基本不动电脑，而且网站规划理念没能完全贯彻给学生，造成部分学生上课时兴趣不高。因为学生社会经验、观察能力、思维能力不足，所选的主题五花八门，虽然能全面表现出学生的个性，但一是教师不好控制，二是有的学生像一只无头苍蝇到处乱窜，两节课下来一无所获，因此教师的掌控能力要强。本节内容我安排了大量的时间让学生进行自主探究、评价和完善，直接灌输知识很少，重点在于对学生的启发、引导和组织，这要求教师前期准备工作要充足，包括学生思想上、年龄上、知识上都要做好充分考虑。<br>　　高二年级网站规划表<br>高二（ ）班 姓名（小组名）： 完成日期：<br>网站主题 网站名称 预设主要栏目（需求） 网站特点 制作人姓名3.4因特网多媒技术<br>学习目的：１、欣赏网上音乐和动画，体验因特网上的多媒体。<br>　　 　　 ２、了解因特网中的流媒体技术、虚拟现实技术的在现实生活中的应用。<br>　　 　　 ３、理解流媒体技术的工作原理。<br>重点难点：流媒体技术的工作原理<br>学习方式：情景设置法 任务驱动法<br>学习任务：<br>　　 　　<br>学习内容：<br>　 一、流媒体技术<br>　　 为了不因网络速度而影响因特网上的影音内容的播放，因特网上的影像、声音媒体的播放都使用的流媒体技术。<br>　 １、什么是流媒体技术<br>　　 　 流媒体技术就是把连续的影像和声音信息经过压缩处理后放到网络服务器上，让浏览者一边下载一观观看、收听，而不需要等到整个多媒体文件下载完成才能观看的技术。流媒体技术融合很多网络技术，它涉及到数据的采集、压缩、存储、传输以及网络通信等多项技术。<br>　 　 （１）压缩媒体文件格式<br>　　　 由于采集音频、视频数据的文件很大，只有经过压缩才能在电脑上播放。压缩格式有时被称为压缩媒体格式。常见的压缩媒体格式有：.mov　 .mpg 　.mp3 　.avi等。<br>　 　 （２）流媒体文件格式<br>　　 　 流媒体文件格式经过特殊压缩编码，使其适合在网络上边下载边播放，而不是等到下载完整整个文件才能播放。将压缩媒体文件编码成流式文件，必须加入一些附加信息，如计时、压缩和版权信息等。常见的流媒体文件格式有：.ASF .WMA .RM .RA .RP .RT .MOV .QT等。<br>　　　 访问http://www./tvonline/index.shtml ( http: / / www. / tvonline / index.shtml" \t "_blank )，观看一段在线视频，分析流媒体文件格式、播放器等，并与普通压缩媒体比较。<br>　 ２、流媒体服务器与播放软件<br>　　 　 流媒体技术的实现也是采用客户／服务器模式。常见的流媒体服务器有Windows Media Server、RealServer等。常见的流媒体文件与播放器有：<br>播放器软件 流媒体格式<br>Windows Meadia Player .wma .asf<br>Real One Player .ra .rm .rt .rp<br>Quick Time Player .mov .qt<br>　 二、网络虚拟现实技术<br>　 １、ＶＲＭＬ<br>　　 　 ＶＲＭＬ（Virtual Reality Modeling Language虚拟现实建模语言）是应用于网页的一种虚拟现实建模语言，也是在因特网上建立３Ｄ多媒体和共享虚拟世界的一个开放标准。ＶＲＭＬ常用于描述三维物体及三维场景，它能够在ＷＷＷ上构建动态的虚拟环境。<br>　 ２、全景环视技术<br>　　　 全景环视技术也称３６０度全景环视技术。就是把相机环绕３６０度拍摄的一组照片拼接成一全景图像，用一个专用的播放软件在因特网上显示。观看者可以通过鼠标控制环视的方向，可上、可下、可左、可右、可近、可远，感觉身临其境，好像在一个窗口前浏览一个现实的场景。<br>　　　 体验虚拟现实:　 国际空间站http:///gb/beyond/iss/index.html ( http: / / / gb / beyond / iss / index.html" \t "_blank )4.2网站规划设计<br>*教材分析】本案例是教育科学出版社《网络技术应用》（选修）第四章第三单元网站实现的第一课时，主要介绍使用网页制作工具FrontPage实际动手制作自己的网站，将规划设计的蓝图通过同学们自己的努力成为现实。<br>*学生分析】学生对网站的实际制作较感兴趣，但实际操作制作水平差距很大，虽然在教育科学出版社《信息技术基础》（必修）课程第六章信息集成与信息交流部分已有介绍，但学生对网站实现的基本过程理解不够，整体感不强，有待进一步提高。<br>*教学目标】<br>1、让学生从整体上感悟网站实现的基本过程。（过程与方法）<br>2、熟练使用FrontPage建立网站、制作网页。（知识与技能）<br>3、培养学生严谨的学习作风与合作精神。 （情感、态度、价值观）<br>*重点难点】<br>1、网站实现的基本过程。（重点）<br>2、图片与动画文件的设置与保存。（难点）<br>*处理思路】网站实现的基本过程是本节课教学重点，主要通过学生自主探究、优秀学生演示操作、小组合作等方式加强交流，加深对网站实现过程的理解和运用。网页元素的添加，特别是图片和动画文件的设置与保存是教学难点，试图通过教师讲解、学生互助和反复练习以求突破。<br>*教学环境】网络教室+多媒体演示教学软件+PPT文稿<br>*教学过程】<br>一、创设情境，知识导入。<br>1、师：同学们，通过前面的学习，我们了解了因特网有很多服务功能，但我们更多的是欣赏别人做的网站，那现在能不能通过你自己的努力将上节课同学们规划设计的版面布局图变成现实，通过互联网宣传介绍自己的学校？<br>设计意图：调动学生情感，激发学习热情。<br>2、教师PPT演示部分优秀学生的版面规划设计图，通过同学展评，从中选出公认的设计蓝图。<br>学生活动：学生观看、讨论、交流。<br>设计意图：确定网站实现蓝本，为网页布局做好前期分析。<br>3、局域网发布其它班级同学做好的网站，学生浏览网页http://192.168.1.2 ( http: / / 192.168.1.2 / " \t "_blank ) （见图一）<br>师：今天我们共同学习4.3网站实现，让你的蓝图变成现实。<br>设计意图：让学生从整体上把握方向，进一步激发学习热情。<br>二、新授：<br>环节一：分析网站实现基本过程之一建立站点。<br>1、教师设问，引发学生思考。<br>问1：利用FrontPage开发网站，首先需要做的第一件事是什么？<br>问2：为什么首先需要创建一个Web站点？<br>问3：在FrontPage中如何去创建一个站点？<br>学生活动：学生阅读教材P88页内容并讨论交流回答问题。<br>设计意图：让学生真正体会创建站点的重要性和基本方法。<br>2、教师结合学生演示,强调创建站点类型、站点保存位置及名称。<br>学生活动：学生尝试利用FrontPage创建站点，演示操作创建站点的过程和方法。<br>设计意图：给学生提供更多展示自我的机会。<br>3、教师结合创建好的空站点简略分析其目录结构，特别指出文件夹images的作用。<br>设计意图：为图片和动画文件的保存做铺垫。<br>环节二：学生操作体验网站实现基本过程之二网页制作。<br>1、教师结合规划设计图讲解实现网页布局的方法之一表格的建立，并给出设计任务1。<br>任务1：新建网页，插入3×3的表格，并设置表格宽度为600像素，水平居中，表格边框粗细设置为0。<br>学生活动：学生自主探究完成网页布局表格的建立与设置。<br>设计意图：按照教师的操作要求完成操作任务，培养学生严谨的学习作风。<br>2、教师结合学生操作情况，强调“表格属性”窗口的设置，并请学生示范操作。<br>小结：教师引导学生小结网页布局表格的建立方法<br>设计意图：培养学生总结与归纳能力，语言交流与表达能力。<br>3、教师给出设计任务2，让学生体会网页制作的第二步：添加网页元素。<br>任务2：合并表格第一行单元格，并插入练习素材中的图片文件title.jpg。设置图片的宽度为600像素，高度为80像素，水平居中。<br>4、教师在学生操作练习任务2的基础上提出任务3，进一步巩固消化网页元素——动画文件的添加方法。<br>任务3：在表格第三行第三个单元格内插入动画文件2.swf，并设置动画文件的宽度为150像素，高度为120像素，水平居中。<br>学生活动：学生通过自主与合作学习，尝试网页图片与Flash动画文件的添加方法。<br>设计意图：将jpg格式的普通图片文件与swf格式的动画文件安排在一起让学生练习，旨在让学生真正理解和区分两种不同格式文件的添加方法。<br>5、教师根据学生实际操作状况，针对性地请学生进行操作示范，并归纳小结图片和动画文件的不同添加方法。<br>环节三：教师讲解网页的保存方法。<br>1、通过确定保存网页文件的文件名index.htm，引出首页的概念及默认文件名的含义。<br>2、特别指出图片和动画文件的保存方法，突出站点中images文件夹的作用。<br>学生活动：学生按要求保存文件，并利用文件夹列表进行查看文件目录结构。<br>设计意图：让学生加深对网站文件目录结构重要性的理解。<br>环节四：课堂评价与小结<br>选取部分学生作品展开自评与互评，教师引导学生小结网站实现的基本过程。<br>学生提交作业：学生将自已的作品上传到FTP服务器:ftp://192.168.2.108 ( ftp: / / 192.168.2.108 / " \t "_blank ) 用户名和密码均为xxjs。<br>设计意图：培养学生自评与互评能力，体验分享学习成功的喜悦。<br>*教学反思】<br>1、 本案例通过教师引导、学生自主练习、合作学习等形式试图给学生建立一个较为清晰的框架，从整体上把握网站实现的基本流程，为学生今后的继续学习打好基础。<br>2、 通过学生演示操作、归纳小结所学内容、作品自评与互评等形式激发学生的学习热情，使学生的个性得以充分展示。<br>3、 针对学生个体差异性，教学过程中准备了具有层次性的操作要求，旨在让所有学生均有所收获和提高</div></div></div></div> <div class="dis"> <a data-sign="signin" data-toggle="modal" href="https://www.21cnjy.com/H/14/21605/707304.shtml?from=mip" target="_blank">点击下载</a></div></div></div></div> <div class="right-wrapper"> <div class="sCard"> <div class="sCard-header"> <span class="sCard-headerText">同课章节目录</span></div> <div class="sCard-item"> <div class="sCard-itemText"> <ul class="list__tit"></ul></div></div></div></div></div></div> <div class="nav-fix" style="height: 13vw;"> <div class="nav-item" style="display: flex;" id="down" data-isvip="not_is_vip"> <div style="width:100%;" bindtap="bind_down_for_old_buy" > <div style="text-align: center;font-weight: 600;font-size: 16px;background-color: red;color: white;height: 100%;" type="primary" hover-stop-propagation="true">点击下载</div></div></div> <div style="text-align: center; font-weight: 600; font-size: 16px; color: white; height: 100%;" id="downvip" class="nav-item" data-statu="open" data-isvip="is_vip" bindtap="bind_down_for_old_buy">VIP下载</div></div></div> <section class="footer pmk_990_show pmk_1040_show"> <div class="footerCon" style="padding: 10px 0 18px;"> <div class="footerCopy" style="text-align:center">© 21世纪教育网</div> <div class="footerCopy" style="text-align:center">友情链接：<a href="https://www.21cnjy.com/" target="_blank">21课件</a> <a href="https://www.21cnjy.com/" target="_blank">21教件</a> <a href="https://paike.21cnjy.com/" target="_blank">排课软件</a> <a href="https://zujuan.21cnjy.com/" target="_blank">21组卷网</a> <a href="https://book.21cnjy.com/" target="_blank">21书城</a> <a href="https://www.5yggg.com/" target="_blank">汉字大全</a></div></div> </section> <script src="/static/new_h5/js/jquery.min.2.1.1.js"></script><script src="/static/new_h5/js/common.js"></script><script src="/static/new_h5/plugins/layer/layer.js"></script><script src="https://unpkg.byted-static.com/bridge/douyin_open/1.0.10/lib/douyin_open.umd.js"></script><script type="text/javascript" src="/static/new_h5/js/headroom.min.js"></script><script> (function (){new Headroom(document.querySelector(".main-navbar"),{offset:5,tolerance:5,classes:{initial:"animated",pinned:"slideUp",unpinned:"slideDown"}}).init();}());</script><script> var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?4d3a61fa5f43aa7235738609fe3000f0";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script><script src="/static/new_h5/js/login.js"></script><script src="/static/new_h5/js/zydown.js"></script> </body> </html>