请用微信扫码

扫二维码

关闭

网络应用技术

资源下载
资源下载
  1. 二一教育资源

网络应用技术

2009-09-06 00:00 其它版本 17.99M [信息技术课件]

资源简介

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文本的基本结构形式如下：


<br/>文本标题<br/><／TITLE><br/><／HEAD><br/><BODY><br/>文本内容<br/><／BODY><br/><／HTML><br/>上述文档用到四种标记符，其意义如下：<br/>（1）HTML标记符<br/><HTML><／HTML>这两个标记符是HTML文档的标记符。<HTML>处于文档的最前端，表示文档的开始，即浏览器从<HTML>开始解释。而<／HTML>则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。<br/>（2）HEAD标记符<br/><HEAD><／HEAD>是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。<HEAD><／HEAD>通常与某些标记符一起使用，如<TITLE><／TITLE>标记符。<br/>（3）TITLE标记符<br/><TITLE><／TITLE>指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。<br/>（4）BODY标记符<br/><BODY><／BODY>指的是定义出一个HTML文档的体部，位于首部下面。在<BODY>标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。<br/>3．创建和测试Web页<br/>由于HTML文件的实质就是文本文件，因此可以用任何文本编辑器编辑HTML文件，通常可以使用Windows系统中的“记事本”程序。另外，由于Windows98／Me／2000系统中捆绑了IE5或IE5.5（Internet Explorer 5.0或5.5），因此用户在Windows中可以方便地对Web页进行简单的测试。<br/>（1）创建Web页<br/>保存了Web页之后，在所选择的文件夹中将包含所创建的Web页，可以由IE将其打开。<br/>（2）发布Web页<br/>用户创建了Web页之后，通常可以直接将其保存在硬盘、软盘或光盘上，作为一种电子文档，也可以将其发布到Internet上，以便让全世界的浏览者都能够进行浏览。发布Web页时应按以下步骤进行。<br/>① 创建本地站点<br/>② 申请网页空间<br/>③ 用FTP上传网页<br/>3.1.2 标题处理<br/>在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。<H1>表示最大的标题，<H6>表示最小的标题。使用标题样式时，必须使用结束标记符。<br/>标题文字标记符的格式：<br/><Hn align="对齐方式" > 标题文字 </Hn><br/>属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。<br/>如:<br/><H4 align="left" face="楷体_GB2312" size="4" color="#0000FF">计算机系</H4><br/><Hn>…</Hn>标记符默认显示宋体。<Hn>…</Hn>标记符会自动插入一个空行，不必再用空行标记符。在一个标题行下无法使用不同大小的字体。<br/>与HEAD中的<TITLE>…<／TITLE>定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。<br/>3.1.3 段落处理<br/>在HTML中段落处理是通过段落标记来完成的，常用的段落标记符有：<br/>1．注释标记符<br/>HTML的注释标记符的格式为：<!--注释内容--><br/>2．强制换行标记符<br/>强制换行标记符为<BR>，放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。<br/>3．强制换段标记符<br/>在HTML文档中，无法用多个回车、空格、Tab键来调整文档段落的格式。要用HTML的标记符来强制换行、分段。<br/>（1）强制换段标记符<br/>强制换段标记符的格式为：<br/>文字<P><br/>（2）设置段落标记符<br/>设置段落标记符的格式为：<br/><P align="对齐方式"> 文字 <／P><br/>4．显示预排格式标记符<br/>当用其他编辑工具编排好了一段文字后，其中很可能有一些HTML文件不支持的控制符号，如同车、多个空格、Tab键等。如果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式，可以使用<PRE>标记符将预先排好的格式保留下来。<br/>显示预排格式标记符的格式为：<br/><PRE>预先排好的格式<／PRE><br/>5．分区显示标记符<br/>分区显示标记符的格式为：<br/><DIV align="对齐方式"> 文本或图像 <／DIV ><br/>6．水平线<br/>在页面中插入一条水平标尺线（Horizontal Rules），可以使不同功能的文字分隔开，看起来整齐、明了。<br/>水平线标记符的格式为：<br/><HR align="对齐方式" size="横线粗细" width="横线长度" color="横线颜色" noshade><br/>3.1.4 文本格式处理<br/>文本格式处理包括文字设置和格式处理。<br/>1．文字设置<br/>在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型和颜色，通常用FONT标记符来完成。<br/>FONT标记符设置格式为：<br/><FONT size="数字" face="字体名" color="颜色"> 被设置的文字 <／FONT><br/>size属性是字号属性，用于控制文字的大小，它的取值既可以是绝对值，也可以是相对值。<br/>face属性是字体标记符，用来指定字体样式。<br/>color属性可用来控制文字的颜色，属性值可以是颜色名称或十六进制值。<br/>2．格式处理<br/>HTML中的格式标记符有：<br/><P> <／P><br/><BR><br/><BLOCKQUOTE> <／BLOCKQUOTE><br/><DL> <／DL> <DT> <／DT> <DD> <／DD><br/><OL> <／OL> <UL> <／UL> <LI><／LI><br/><DIV> <／DIV><br/><BLOCKQUOTE><／BLOCKQUOTE>标记符之间加入的文本将会在浏览器中按两边缩进的方式显示出来。<br/><DL><／DL>标记符是指Directory List，用来创建一个普通的列表，; <DT><／DT>用来创建列表中的上层项目；<DD><／DD>用来创建列表中最下层项目；<DT><／DT>和<DD><／DD>都必须放在<DL><／DL>标志对之间。<br/><OL><／OL>标记符指Ordered List，它是用来创建一个标有数字的列表；<UL><／UL>标记符用来创建一个标有圆点的列表；<LI><／LI>标记符只能在<OL><／OL>或<UL><／UL>标记符内使用，此标记符用来创建一个列表项。<br/>3．设置页面属性<br/>（1）设置页面背景颜色<br/><BODY>标记符中使用bgcolor属性可以为网页设置背景颜色。<br/>（2）设置页面背景图像<br/>单纯使用一种颜色作为背景显然有些单调，网页设计者也可选择特定图案作为页面的背景，使用BODY标记符的background属性即可。HTML语句为：<br/><BODY background=“网页背景图案的地址”><br/>（3）设置文字和超链接的颜色<br/>在设置了背景图案或背景颜色后，常常需要更改正文字符和超链接的颜色，以便与背景相适应。设置正文和超链接颜色时，可以使用BODY标记符的text、link、vlink和alink属性。其中，text属性用于设置正文的颜色；link属性用于设置未被访问的超链接的颜色；vlink用于设置已被访问过的超链接的颜色；alink用于设置活动超链接（即当前选定的超链接）的颜色。<br/>3.2 其他处理网页文本的方法<br/>3.2.1 利用FrontPage 2002处理网页文本<br/>1．输入文本<br/>利用FrontPage 2002创建一个网页后，在文档的编辑区域内，可以看到闪烁的光标，在此可以输入文字。在输入文字的过程中，光标也跟着向后移动。<br/>2．编辑文本<br/>应用FrontPage 2002编辑文本的基本操作与其他的文字处理软件有相同之处。常用的文本编辑操作有：选择、移动、复制、粘贴、剪切、删除、查找和替换等。<br/>3．设置文本格式<br/>在FrontPage 2002中，不但可以非常灵活地设置各种文本格式，而且可以设置斜体、下划线、上/下标、空心、阴影等各种特效。<br/>4．段落式样和对齐方式<br/>（1）段落式样<br/>FrontPage2002为网页设计者提供了16种样式，其中6种是段落样式。<br/>（2）对齐方式<br/>在格式栏中有4个按钮与段落的操作有关，这4个按钮分别代表左对齐、右对齐、居中对齐和分散对齐。<br/>5．编号列表<br/>在FrontPage 2002中，设置编号列表可以利用按钮和按钮，是用默认的标准项目符号，也可以自定义项目符号列表。<br/>6．为段落添加水平线<br/>3.2.2 利用Dreamweaver 4.0处理网页文本<br/>Dreamweaver 4.0中对文本的输入及编辑，与Word极其相似。<br/>1．编辑文本<br/>（1）换行<br/>① 自动换行：在输入文字时，若某一行的长度超过了Dreamweaver窗口的显示范围，文字将自动换到下一行。<br/>② 利用“Enter”键换行：在输入文字后按“Enter”键，文字成段，且上下段之间空一行。<br/>③ 利用“Shift+Enter”键换行：如果想要将文字手动换行，中间又不能出现空白行，可以按“Shift+Enter”键。<br/>（2）插入特殊的字符<br/>有时为了内容的需要，要在网页中插入一些键盘上没有的特殊字符，在Dreamweaver 4.0 中，这些特殊字符不仅可以通过“Insert”菜单下的“Special Character”命令来插入，还可以通过对象面板来直接插入。<br/>2．查找／替换文本的内容<br/>如果要在文档中查找或替找某个文字，可利用Dreamweaver 4.0提供的查找和替换功能。选择“Edit”|“Find and Replace”（查找与替换）命令，打开“Find and Replace”对话框，<br/>3．设置文本格式<br/>在Dreamweaver 4.0中设置文本格式可以通过属性面板，类似与Microsoft Word中对文本的属性设置，包括段落的格式、字体、字号、字的颜色、字体加粗／倾斜、对齐方式（左对齐／居中／右对齐）、文字所链接的路径或URL等。第一节：计算机网络的组成与分类<br/>学习目的：<br/>　 1、了解计算机网络的组成与分类<br/>　 2、知道日常家庭组网所需的网络设备<br/>　 3、结合校园网，小结什么是计算机网络？<br/>学习重点：<br/>　 1、 计算机网络的组成<br/>学习难点：<br/>　 1、了解计算机网络的组成、分类。<br/>学习内容：一、什么是计算机网络<br/>生活中我们接触到各种“网络”，如电话网络、电视网络等等。我们通过因特网浏览网页、收发电子邮件、到BBS论坛参加讨论，通过网络共享文件，实现文件传送，通过网上商店进行购物等。那么什么是计算机网络、计算机网络由什么组成呢？计算机网络分为哪几类呢？<br/>计算机网络:<br/>　　 计算机网络是多台地理上分散的、具有独立功能的计算机通过传输介质和通信设备连接，使用网络软件相互联系，实现数据通信和资源共享的系统。<br/>二、计算机网络的组成<br/>　　 （1）两台或两台以上独立的计算机；<br/>　　 （2）传输介质与通信设备；<br/>　　 （3）网络软件。<br/>　　 实现资源共享与数据通信，这是计算机网络的基本功能。<br/>三、计算机网络的分类<br/>　 根据计算机网络的覆盖范围可以分为局域网、城域网、广域网等<br/>　　局域网：（Local Area Network）LAN 是指将小区域内的各种通信设备互连在一起所形成的网络，覆盖范围一般局限在房间、大楼或园区内。 局域网一般指分布于几公里范围内的网络，局域网的特点是：距离短、延迟小、数据速率高、传输可靠。目前我国常见的局域网类型包括：以太网（Ethernet）、异步传输模式（ATM，Asynchronous Transfer Mode）等，它们在拓朴结构、传输介质、传输速率、数据格式等多方面都有许多不同。其中应用最广泛的当属以太网—— 一种总线结构的LAN，是目前发展最迅速、也最经济的局域网。<br/>　　 城域网：（Metropolitan Area Network）MAN 的覆盖范围就是城市区域，一般是在方圆10km--60km范围内，最大不超过100km。它的规模介于局域网与广域网之间，但在更多的方面较接近于局域网，因此又有一种说法是：城域网实质上是一个大型的局域网，或者说是整个城市的局域网。<br/>　　 广域网：(Wide Area Network)WAN 连接地理范围较大，一般跨度超过100km，常常是一个国家或是一个洲。中国公用分组交换网（CHINAPAC）、中国公用数字数据网（CHINADDN），以及中的国家教育和科研网（CERnet）， CHINANET等都属于广域网。Internet就是全球最大的广域网。<br/>四、作业<br/>　1、（第5页）从资源共享的角度来定义：“___________是以能够共享资源（硬件、软件和数据）的方式相互连接起来，各自又有独立功能的计算机系统的集合体。”当网络位于相对有限的区域中时，比如某建筑物或者学校，则这种网络被称作_________________。<br/> <br/>　　2、以下是某间学校的网络拓扑结构，阅读第一章第二节，看里面用到哪些传输介质和通信设备，各种设备有什么功能。4.3动态网页技术<br/>教学主题 网页的文件结构及支持技术<br/>适用年级 高二年级 教学课时 1课时<br/>教材分析 通过本节课的学习，让学生知道HTML文件的基本结构，了解目前常用的动态网页技术，并能发布自己的个人网页。动态网页的概念在前面已学过，难点是理解动态网页技术是如何实现的，以ASP为例，让学生在实践中体会。由于内容较多，教师可根据学生掌握的情况，增加课时。也可针对ASP的实践活动做进一步的学习。<br/>学习目标 1. 知道HTML文件的结构，了解基本的HTML元素。2. 了解常用的动态网页支持技术。3. 了解Web服务器软件的安装与使用方法。<br/>所需资源和环境<br/>数字化资源<br/>常规资源 教材配套教师用书。“网页的文件结构及支持技术”实践报告单<br/>教学支撑环境 计算机电子教室、多媒体网络教室软件或液晶投影仪<br/>教学设计<br/>教学思路设计 本节课的教学内容比较抽像，操作难度较大，在实际操作中适当采用了分组，主要强调学生自我探究及互帮互助的学习能力。通过“布置任务—学生活动—交流谈论—教师点拨”的形式，让学生在“做中学、学中做”。<br/>教学引导问题设计 问题 目的 重点/难点/关键点<br/>你知道如何制作网页吗？ 了解HTML语言 了解HTML语言的结构及基本标签<br/>如何发布你的网页？ 学会web服务器（PWS）的安装 PWS服务器的配置<br/>如何让网页动起来（更新）？ 了解动态网页技术 ASP程序及其运行方式<br/>教学过程设计 新课引入：通过提问“你喜爱的网站有哪些？”“你想拥有自己的网站吗？” 等问题来引起学生兴趣，从而导入新课。教学内容：因为学生从末接触过HTML语言，所以教师在发布任务前先简单通过电子教室进行讲解，为接下来的上机操作作铺垫。第一部分：教师演示：1.用记事本创建一个简单的HTML文件（可事先准备好），然后通过IE进行浏览，解释HTML文件的结构及基本的标签。文件内容(参考)：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> (适当去掉)<title>第一个网页！这是你的第一个网页！ 教师讲解：分析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标记符，其使用格式如下：