网页制作网页制作知识点及样题分析知识点及样题分析20082008年年3 3月月2020日日一、本单元分析：一、本单元分析： 本本单单元元是是信信息息技技术术的的热热点点单单元元，是是在在学学生生学学习习了了因因特特网网的的基基础础知知识识后后呈呈现现给给学学生生的的，学学生生学学习习起起来来比比较较容容易易接接受受。通通过过Frontpage2000Frontpage2000软软件件的的学学习习，力力求求使使学学生生在在较较短短的的时时间间内内学学会会网网页页制制作作的的基基本本知知识识。本本部部分分主主要要以以操操作作题题的的形形式式出出现现，选选择择题会出现、判断题会有出现。题会出现、判断题会有出现。一、本单元分析：一、本单元分析： 本本单单元元共共设设计计8 8个个课课时时，我我们们今今天天只只学学习习1-71-7课课的的内内容容。其其中中第第1 1课课是是对对网网站站进进行行整整体体的的设设计计规规划划，又又是是一一个个大大的的单单元元任任务务驱驱动动，告告诉诉学学生生本本单单元元要要“学学什什么么”；2-72-7课课是是告告诉诉学学生生“怎怎么么学学”的的问问题题；其其中中的的2-42-4课课是是类类似似于于我我们们大大家家熟熟悉悉的的Word2000Word2000的的学学习习，包包括括文文字字的的输输入入与与编编辑辑修修饰饰、表表格格的的制制作作、图图片片的的插插入入等等知知识识点点完完全全与与WordWord一一样样，对对于于学学生生来来说说一一点点都都不不陌陌生生，只只不不过过是是换换个个操操作作环环境境而而已已；第第5 5课课网网页页链链接接是是本本单单元元的的重重点点内内容容，这这也也是是学学习习Frontpage2000Frontpage2000关关键键所所在在；第第6 6课课是是本本单单元元的的提提高高部部分分，如如何何把把网网页页由由静静态态变变为为动动态态，也也是是吸吸引引学学生生的的部部分分，如如何何使使网网页页的的活活跃跃性性更更强强，使使网网页页更更加加生生动动活活泼泼；第第7 7课课是是本本单单元元的的拓拓展展部部分分，让让学学生明白如何快速规划、制作出自己需要的网站生明白如何快速规划、制作出自己需要的网站。一、本单元分析：一、本单元分析：基基础础知知识识网网页页修修饰饰网站网站规划规划建立建立上传上传1、网页、主页、网站的概念：、网页、主页、网站的概念： 2、Frontpage启动、退出、窗口组成启动、退出、窗口组成3、创建和保存、打开网页：、创建和保存、打开网页：与与WORDWORD对比学习，对比学习，充分利用旧充分利用旧知学习新知知学习新知与与WORDWORD对比交叉对比交叉学习，异学习，异同点同点1 1、文字的修饰及操作：、文字的修饰及操作： （文字的字体、字号、颜色、格式等）（文字的字体、字号、颜色、格式等）2 2、图片、剪切画修饰及操作：、图片、剪切画修饰及操作： （图片的格式、插入图片、图像的属性）（图片的格式、插入图片、图像的属性）3 3、表格的修饰及操作：、表格的修饰及操作：（插入表格、合并、拆分、删除、属性等编辑）（插入表格、合并、拆分、删除、属性等编辑） 4 4、插入声音与动画修饰及操作：、插入声音与动画修饰及操作：（声音的格式、插入声音、动画）（声音的格式、插入声音、动画）5 5、插入水平线、字幕：、插入水平线、字幕：（插入水平线、字幕、水平线、字幕属性编辑）（插入水平线、字幕、水平线、字幕属性编辑）6 6、建立超链接、建立超链接：（与网页、文件、外部网、电子邮件链接及建立书签）（与网页、文件、外部网、电子邮件链接及建立书签）7 7、动态网页、动态网页：（动态（动态htmlhtml、网页过渡、设置悬停按钮、网页的主题）、网页过渡、设置悬停按钮、网页的主题）1 1、主页的样式、主题框架：、主页的样式、主题框架：2 2、网站交流、网站交流3 3、上传网页、正式发布、上传网页、正式发布重点重点部分部分拓拓展展延延伸伸二、本单元教学建议：二、本单元教学建议： 本本单单元元是是在在学学生生学学习习了了网网络络基基础础知知识识和和Word2000的的基基础础上上进进行行学学习习，见见于于学学生生已已熟熟练练掌掌握握了了Word2000，建建议议在在教教学学时时，采采用用“对对比比法法”进进行行教教学学，充充分分利利用用旧旧知知识识（word）来来学学习习新新知知识识（Frontpage），用用word过过渡渡到到Frontpage教教学学，培培养养学学生生的的自自学学能能力力，让让学学生生多多尝尝试试、多多探探究究、多多动动手手动动脑脑，采采用用“任任务务驱驱动动法法”、“协协作作探探究究法法”、结结合合学学生生的的爱爱好好、兴兴趣趣、特特长长指指导导他他们们制制作作出出个个性性化化的的网网页页，从而轻松地完成本单元的学习任务。从而轻松地完成本单元的学习任务。三、本单元教学内容及课时安排：三、本单元教学内容及课时安排：课数课数教学内容教学内容课时课时第第1 1课课主题网站规划主题网站规划 1 1第第2 2课课十分钟做一个网页十分钟做一个网页 1 1第第3 3课课把图片放在网页上把图片放在网页上 1 1第第4 4课课让网页漂亮起来让网页漂亮起来 1 1第第5 5课课网页的链接网页的链接 1 1第第6 6课课让网页动起来让网页动起来 1 1第第7 7课课快速建立网站快速建立网站 1 1单元总课时单元总课时7-8 7-8 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、了解网站与主页的基本概念；要让学生弄清网站和网页的关系，网站、了解网站与主页的基本概念；要让学生弄清网站和网页的关系，网站也称也称WebWeb站点。站点。例题：选择题例题：选择题 1 1：下列文件哪个是主页的文件名（下列文件哪个是主页的文件名（ C C ）A A、index.bakindex.bak B B、主页、主页.txt C.txt C、index.htmindex.htm D D、index.dbfindex.dbf2 2一个网站的起始网页被称为一个网站的起始网页被称为( A( A) ) A A主页主页 B B网页网页 C C网站网站 D D文档文档判断题：判断题：3 3网页是网络信息的载体，不是一种基于文本方式的文档。（正确）网页是网络信息的载体，不是一种基于文本方式的文档。（正确）4 4网站就是网页。（错误）网站就是网页。（错误）（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 教学体会：教学体会： 采用任务单让学生亲自保存某一个网页，在文件夹内采用任务单让学生亲自保存某一个网页，在文件夹内让学生找到主页的文件名；让学生找到主页的文件名； 浏览网页让学生找出网页的要素，不同于平常的浏览网页让学生找出网页的要素，不同于平常的Word文档，体会网页的概念。文档，体会网页的概念。（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 2 2、掌握规划网站的基本步骤和方法；、掌握规划网站的基本步骤和方法；例题：例题：5 5下列不是网站规划步骤的是：（下列不是网站规划步骤的是：（D D）A.A.规划网页布局规划网页布局 B.B.确定网站的主题确定网站的主题 C.C.收集网站资料收集网站资料 D.D.保存网页保存网页6 6不是网页素材的是：（不是网页素材的是：（D D）. .文字文字 . .图片图片C.C.声音声音. .文件夹文件夹教学体会：教学体会： 找一些特色的网站，让学生找出网站的主题，也可给出一些网站找一些特色的网站，让学生找出网站的主题，也可给出一些网站主题，让学生说出如何体现这一主题（例如：制作一个美丽、强大的山主题，让学生说出如何体现这一主题（例如：制作一个美丽、强大的山东的网站，如何体现美丽与强大）。也可适当地拓展学生的视野，向学东的网站，如何体现美丽与强大）。也可适当地拓展学生的视野，向学生介绍一些网站创办名人：如：网易创始人生介绍一些网站创办名人：如：网易创始人“丁磊丁磊”，（丁磊一个人创，（丁磊一个人创办网易公司，在中国互联网历史上创造了若干第一：中国第一家提供中办网易公司，在中国互联网历史上创造了若干第一：中国第一家提供中文全文搜索、第一个大容量免费个人主页基地、第一个免费电子贺卡站、文全文搜索、第一个大容量免费个人主页基地、第一个免费电子贺卡站、第一个虚拟社区、第一个虚拟社区、2 2次被为十佳网站之首等），引导学生的兴趣。次被为十佳网站之首等），引导学生的兴趣。（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 3 3、会设计简单的网站结构和布局。、会设计简单的网站结构和布局。 可让学生简单了解网站布局的类型，适当的拓展（例如：同字型、可让学生简单了解网站布局的类型，适当的拓展（例如：同字型、回字型、匡字型等）回字型、匡字型等）教学体会：教学体会： 在教学中可找一些有代表性的网站让学生欣赏。（网站赏识）在教学中可找一些有代表性的网站让学生欣赏。（网站赏识）（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 4 4、Frontpage2000Frontpage2000的启动和退出及窗口组成：的启动和退出及窗口组成：例题：例题：7 7下列哪个软件是网页制作的常用工具下列哪个软件是网页制作的常用工具( A ) ( A ) A AFrontPage BFrontPage BExcel CExcel CWord DWord DPowerPointPowerPoint8 8用用FrontPageFrontPage制作的网页文件的扩展名是（制作的网页文件的扩展名是（ C C ）A Apptppt B Bhttp Chttp Chtmhtm D Ddocdoc9 9在在FrontPageFrontPage窗口中，下列哪个不是编辑视图的标签（窗口中，下列哪个不是编辑视图的标签（ C C ）A A、普通、普通 B B、HTML CHTML C、编辑、编辑 D D、预览、预览1010刚开始启动刚开始启动FrontPage2000FrontPage2000软件时，默认的是（软件时，默认的是（ B B ）视图。）视图。A A文件夹文件夹 B B网页网页 C C报表报表 D D导航导航1111FrontPage2000FrontPage2000共有（共有（ A A ）种视图。）种视图。 A A6 B6 B7 C7 C5 D5 D4 4（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 教学体会：教学体会： 对比对比Word2000Word2000启动与退出，同时打开两个窗口，比较启动与退出，同时打开两个窗口，比较WordWord与与FrontpageFrontpage两个窗口的组成有什么不同，加强学生记忆，充分利用两个窗口的组成有什么不同，加强学生记忆，充分利用WORDWORD界界面，自然过渡到面，自然过渡到FrontpageFrontpage界面。界面。（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 5 5、浏览、保存网页；、浏览、保存网页；例题：选择题例题：选择题1212刚开始启动刚开始启动FrontPage2000FrontPage2000软件时，默认打开的网页文件名是软件时，默认打开的网页文件名是( ( C ) C ) A A文档文档1.doc B1.doc Bnew.htmnew.htm C Cnew_page_1.htm Dnew_page_1.htm D网页网页1.htm1.htm例题：判断例题：判断1313只要单击工具栏中的只要单击工具栏中的“保存保存”按钮保存网页，都会弹出按钮保存网页，都会弹出“保存文保存文件件”对话框。对话框。 ( ( 错误错误 ) )教学体会：教学体会： 在讲课过程中，要向学生讲清第一次保存和另存为的关系，在浏在讲课过程中，要向学生讲清第一次保存和另存为的关系，在浏览网页时网页的扩展名。览网页时网页的扩展名。（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、能够用、能够用FrontPage2000FrontPage2000创建站点和网页；创建站点和网页；例题：选择题例题：选择题1414创建站点是网页制作经常用的命令，在创建站点时需要用到下列创建站点是网页制作经常用的命令，在创建站点时需要用到下列哪个菜单：哪个菜单：(B) A(B) A、插入、插入 B B、文件、文件 C C、表格、表格 D D、超链接、超链接1515下例（）操作能创建一个只包含一个网页的站点？下例（）操作能创建一个只包含一个网页的站点？ A A单击单击“文件文件”-“-“新建新建”-“-“网页网页” ” B B单击单击“文件文件”-“-“新建新建”- -“站点站点” ” C C单击单击“文件文件”-“-“新建新建”-“-“只有一个网页的站点只有一个网页的站点”D D单击单击“文件文件”-“-“打开站点打开站点”- -判断：判断：1616在在C C盘创建站点时盘创建站点时, ,会在会在C C盘同时创建与站点名一样的文件夹盘同时创建与站点名一样的文件夹( (正确正确) )。1717新建只包含一个网页的站点时，新建只包含一个网页的站点时，FrontPage2000FrontPage2000就自动创建了站点就自动创建了站点的主页的主页index.htmindex.htm了。（正确）了。（正确） （二）第（二）第2 2课：课： 十分钟做一个网页：知识点如下：十分钟做一个网页：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 教学体会：教学体会： 在教学时一定要让学生知道创建站点的基本方法，并演示创建站在教学时一定要让学生知道创建站点的基本方法，并演示创建站点会生成与站点名称一样的文件夹，同时会在文件夹中存放主页文件点会生成与站点名称一样的文件夹，同时会在文件夹中存放主页文件index.htmindex.htm。（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 2 2、会进行网页编辑和用表格规划网页，、会进行网页编辑和用表格规划网页，例题：例题：1818在主页的文字编辑中在主页的文字编辑中, ,按按( ( ) )键表示换行并另起一段，段与段键表示换行并另起一段，段与段之间自动空一行。之间自动空一行。 A AEnter BEnter BShift+ Enter CShift+ Enter CCtrl+ Enter DCtrl+ Enter DAlt+ EnterAlt+ Enter判断：判断：1919网页中的表格是不能进行拆分和合并。（错误）网页中的表格是不能进行拆分和合并。（错误）2020网页中的表格使网页内容排列整齐，更有条理。（正确）网页中的表格使网页内容排列整齐，更有条理。（正确） 教学体会：教学体会： 在教学时时，建议对表格的操作要和在教学时时，建议对表格的操作要和ordord中的表格操作进行对比，中的表格操作进行对比，在在ordord中的一些操作同样在中的一些操作同样在rontpage2000rontpage2000中一样能够实现，操作基本中一样能够实现，操作基本不变。要知道网页中的表格具有规划网页的作用，表格操作部分容易出不变。要知道网页中的表格具有规划网页的作用，表格操作部分容易出现操作题。现操作题。（二）第（二）第2 2课：课： 十分钟做一个网页：知识点如下：十分钟做一个网页：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 3 3、保存网页：、保存网页：例题：选择例题：选择2121用用FrontPage2000FrontPage2000进行网页编写，下列哪个是保存网页文件时默认进行网页编写，下列哪个是保存网页文件时默认的扩展名（的扩展名（ ） A A、bakbak B B、htmhtm C C、txt Dtxt D、dbfdbf2222点击文件另存为保存网页，下列哪个不是另存对话框中的更改项点击文件另存为保存网页，下列哪个不是另存对话框中的更改项目（目（ B B ）A A、保存位置、保存位置 B B、保存列表、保存列表 C C、文件名、文件名 D D、保存类型、保存类型判断：判断：2323点击菜单文件中的另存为，一定会弹出另存为对话框（点击菜单文件中的另存为，一定会弹出另存为对话框（ 正确正确 ）4 4、会在站点中添加新网页。、会在站点中添加新网页。此部分让学简单练习掌握。此部分让学简单练习掌握。2424在站点中添加新网页，默认的新网页文件名为（在站点中添加新网页，默认的新网页文件名为（ B B）A A、page_1.htm Bpage_1.htm B、new_page_1.htm Cnew_page_1.htm C、page_2.htm Dpage_2.htm D、inde.htminde.htm（二）第（二）第2 2课：课： 十分钟做一个网页：知识点如下：十分钟做一个网页：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、会在网页中插入图片、剪贴画；、会在网页中插入图片、剪贴画；例题：选择例题：选择2525网页中可以插入（网页中可以插入（ ）A A图片图片 B B动画动画 C C音乐音乐 D D以上都可以以上都可以例题：选择例题：选择2626把把D D盘下的图片文件插入到网页中，下列操作正确的是（盘下的图片文件插入到网页中，下列操作正确的是（ B B ）：）：A A、插入、插入组件组件文件文件DD盘盘 B B、插入、插入图片图片文件文件DD盘盘C C、插入、插入组件组件文件文件DD盘盘 D D、插入、插入艺术字艺术字文件文件DD盘盘例题：判断例题：判断2727在制作网页中引用了图片、动画等视频文件，而没有将这些文件复制在制作网页中引用了图片、动画等视频文件，而没有将这些文件复制到站点文件下，在保存网页时，会出现到站点文件下，在保存网页时，会出现“保存嵌入式文件保存嵌入式文件”对话框。（正确对话框。（正确 ）例题：判断例题：判断2828网页中的图片越大其浏览的速度越快。（错误）网页中的图片越大其浏览的速度越快。（错误）（三）第（三）第3 3课：课： 把图片放在网页上：知识点如下：把图片放在网页上：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 2 2、能够将图片、剪贴画放在指定位置（改变图片大小、位置、编辑图片）。、能够将图片、剪贴画放在指定位置（改变图片大小、位置、编辑图片）。例题：选择例题：选择2929在网页制作中，我们选择了一幅图片，将光标放在对角线上的尺寸控在网页制作中，我们选择了一幅图片，将光标放在对角线上的尺寸控制点上拖动时，图片会发生什么样的变化。（制点上拖动时，图片会发生什么样的变化。（ C C ） 尺寸控制点尺寸控制点 A A、水平缩放、水平缩放 B B、垂直缩放、垂直缩放 C C、整体缩放、整体缩放 D D、不发生变化、不发生变化3030下列哪个不是图片的存放版式：（下列哪个不是图片的存放版式：（ D D ）A A、嵌入式、嵌入式 B B、四周型、四周型 C C、紧密型、紧密型 D D、环抱式、环抱式3131在图片属性对话框中，对于图片的定位经常用到，下列哪个不是图片在图片属性对话框中，对于图片的定位经常用到，下列哪个不是图片的定位样式：（的定位样式：（D D）A A、无定位、无定位 B B、绝对定位、绝对定位 C C、相对定位、相对定位 D D、有定位、有定位3232设置图文混排，可通过图片属性对话框中设置图文混排，可通过图片属性对话框中( C ( C ）标签进行参数设置。）标签进行参数设置。 A A常规常规 B B视频视频 C C外观外观 D D背景背景 （三）第（三）第3 3课：课： 把图片放在网页上：知识点如下：把图片放在网页上：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 教学体会：教学体会： 插入图片是网页中经常用到的操作，要让学生清楚插入图片和剪插入图片是网页中经常用到的操作，要让学生清楚插入图片和剪切画的操作步骤，利用图片属性对话杠对图片大小、位置、定位、删除切画的操作步骤，利用图片属性对话杠对图片大小、位置、定位、删除等操作灵活运用，在教学时可运用等操作灵活运用，在教学时可运用Word2000Word2000中的插入图片和图片属性对中的插入图片和图片属性对话属进行对比教学，让学生敢于操作，敢于动手。话属进行对比教学，让学生敢于操作，敢于动手。（一）第（一）第1 1课：课： 主题网站规划：知识点如下：主题网站规划：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 3 3、图片的类型：、图片的类型：例题：选择例题：选择3333下列哪种图片格式是网页经常用到的格式：（下列哪种图片格式是网页经常用到的格式：（B B）A A、BMP BBMP B、GIF CGIF C、PNS DPNS D、DOCDOC3434FrontPage2000FrontPage2000可插入多种格式的图片，下列哪种图片也可以是一些小可插入多种格式的图片，下列哪种图片也可以是一些小动画，它允许使用动画，它允许使用256256种颜色种颜色 ( A ) ( A ) 。A AGIF BGIF BJPG CJPG CBMP DBMP DPNS PNS 3535下列哪个不是图片格式存放的类型（下列哪个不是图片格式存放的类型（C C）A A、jpg Bjpg B、gif Cgif C、wpswps D D、bmpbmp判断：判断：3636网页中插入的图片和动画越多，访问网页的时间越长。（正确）网页中插入的图片和动画越多，访问网页的时间越长。（正确）教学体会：教学体会： 图片作为网页中的一个元素，要让学生对图片的格式有个简单的了解。图片作为网页中的一个元素，要让学生对图片的格式有个简单的了解。（三）第（三）第3 3课：课： 把图片放在网页上：知识点如下：把图片放在网页上：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、会修饰网页中的文字（字体、字号、字形、颜色、设定文字的对齐方式、会修饰网页中的文字（字体、字号、字形、颜色、设定文字的对齐方式) )；例题：选择例题：选择3737下列哪个不是下列哪个不是Frontpage2000Frontpage2000提供的文字对齐方式：（）提供的文字对齐方式：（）A A、左对齐、左对齐 B B、右对齐、右对齐 C C、居中、居中 、上对齐、上对齐3838在网页制作中，输入文字时，直接按回车，造成上下行之间的间隔比较在网页制作中，输入文字时，直接按回车，造成上下行之间的间隔比较大，如果在换行时我们按住（大，如果在换行时我们按住（ B B ）键不放，再按回车键，这时上下行之间）键不放，再按回车键，这时上下行之间的间隔就比较小。的间隔就比较小。A A、CTRL BCTRL B、SHIFT CSHIFT C、ALT DALT D、空格键、空格键3939用用FrontPage2000FrontPage2000进行主页的文字编辑，用（进行主页的文字编辑，用（ C C ）功能就可以让文字）功能就可以让文字像文本框一样自由移动。像文本框一样自由移动。 A A居中居中 B B段落缩进段落缩进 C C定位定位 D D两端对齐两端对齐4040在在FrontPage2000FrontPage2000下列不是文字的字型的是（下列不是文字的字型的是（ C C ）。）。 A A加粗加粗 B B倾斜倾斜 C C黑体黑体 D D加下划线加下划线（四）第（四）第4 4课：课： 让网页漂亮起来：知识点如下：让网页漂亮起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 2 2、会给网页添加背景；、会给网页添加背景；4141要给网页应用背景图片，在（要给网页应用背景图片，在（ A A ）菜单栏中选择。）菜单栏中选择。 A A格式格式 B B编辑编辑 C C视图视图 D D插入插入 4242在在FrontPage2000FrontPage2000中，插入了图片，单击工具栏中的中，插入了图片，单击工具栏中的“保存保存”按钮保存网页，按钮保存网页，弹出弹出“保存嵌入式文件保存嵌入式文件”对话框，如果不点对话框，如果不点“改变文件夹改变文件夹”按钮来改变文件的保存按钮来改变文件的保存位置而直接点位置而直接点“确定确定”按钮，则这些图片文件将保存在（按钮，则这些图片文件将保存在（ C ) C ) A Ac:c:根目录下根目录下 B Bd:d:根目录下根目录下 C C网页所在的文件夹和网页所在的文件夹和index.htmindex.htm在一起。在一起。D D网页所在的文件夹中的网页所在的文件夹中的imagesimages文件夹中文件夹中例题：判断例题：判断4343网页中的背景只能用颜色，不能用图片当背景。网页中的背景只能用颜色，不能用图片当背景。 ( (错误错误) ) 背景是修饰网页中的重要一环，一定要让学生知道除了颜色作为背景外，图片背景是修饰网页中的重要一环，一定要让学生知道除了颜色作为背景外，图片也能作为网页的背景。也能作为网页的背景。（四）第（四）第4 4课：课： 让网页漂亮起来：知识点如下：让网页漂亮起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 3 3、会在网页中插入水平线，、会在网页中插入水平线，( (设置水平线的颜色、样式及对齐方式设置水平线的颜色、样式及对齐方式) ) 插入水平线是网页制作的一个小知识点，经常以操作题的形式出现。一定插入水平线是网页制作的一个小知识点，经常以操作题的形式出现。一定要让学生掌握水平线的插入和美化水平线。要让学生掌握水平线的插入和美化水平线。例题：选择例题：选择4444下列哪个不是水平线设置的项目：（下列哪个不是水平线设置的项目：（ C C ）A A、宽度、宽度 B B、高度、高度 C C、亮度、亮度 D D、对齐方式及颜色、对齐方式及颜色4545下列哪个是水平线高度的常用单位：（下列哪个是水平线高度的常用单位：（ B B ）A A、磅、磅 B B、像素、像素 C C、厘米、厘米 D D、分辩率、分辩率例题：判断例题：判断4646如果水平线的宽设为如果水平线的宽设为500500像素，当改变浏览器窗口的大小时，水平线的像素，当改变浏览器窗口的大小时，水平线的宽度是不会发生变化的，而如果将水平线的宽设为宽度是不会发生变化的，而如果将水平线的宽设为50%,50%,则水平线的宽随窗口大则水平线的宽随窗口大小的改变而改变。小的改变而改变。 ( ( 正确正确 ) )4747像素越多，显示的图像就越清楚。像素越多，显示的图像就越清楚。 ( ( 正确正确 ) )（四）第（四）第4 4课：课： 让网页漂亮起来：知识点如下：让网页漂亮起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 3 3、会在网页中插入水平线，、会在网页中插入水平线，( (设置水平线的颜色、样式及对齐方式设置水平线的颜色、样式及对齐方式) )教学体会：教学体会： 使网页条理清晰，经常要插入水平线，在教学过程中，一定要让学生亲使网页条理清晰，经常要插入水平线，在教学过程中，一定要让学生亲自动手插入水平线，如何通过水平线属性对话框来美化水平线。水平线一般作自动手插入水平线，如何通过水平线属性对话框来美化水平线。水平线一般作为操作题出现的形式比较多，其操作步骤也可作为选择题的形式出现。为操作题出现的形式比较多，其操作步骤也可作为选择题的形式出现。（四）第（四）第4 4课：课： 让网页漂亮起来：知识点如下：让网页漂亮起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、能够建立网页、图片、电子邮件超链接；、能够建立网页、图片、电子邮件超链接；本知识点经常会在操作题中出现：本知识点经常会在操作题中出现：例题：操作题例题：操作题4848为文字为文字“文明班级文明班级”建立超链接，该超链接指向名为建立超链接，该超链接指向名为“班级班级. .htmhtm”的网页文的网页文件。件。4949用用“某一图片某一图片”建立超链接，该超链接指向名为建立超链接，该超链接指向名为“清华园清华园. .htmhtm”的网页文件。的网页文件。5050用文字用文字“联系我们联系我们”建立超链接，建立超链接，该超链接指向名为该超链接指向名为xxjs163.comxxjs163.com的电子邮的电子邮箱。箱。 建立电子邮箱的链接一定要演示清楚电子邮箱的链接操作步骤，让学生亲自动建立电子邮箱的链接一定要演示清楚电子邮箱的链接操作步骤，让学生亲自动手进行操作练习，采用任务驱动，明确目标，强化练习，一定要向学生演示清楚建手进行操作练习，采用任务驱动，明确目标，强化练习，一定要向学生演示清楚建立超链接的类型，如下图：（网页之间的链接、指向文件的链接、电子邮箱的链接、立超链接的类型，如下图：（网页之间的链接、指向文件的链接、电子邮箱的链接、因特网的链接）。因特网的链接）。（五）第（五）第5 5课：课： 网页的链接：知识点如下：网页的链接：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 （五）第（五）第5 5课：课： 网页的链接：知识点如下：网页的链接：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、能够建立网页、图片、电子邮件超链接；、能够建立网页、图片、电子邮件超链接；例题：判断：例题：判断：5151一张图片建立超链接，最多只能链接一个网页。（错误）一张图片建立超链接，最多只能链接一个网页。（错误） 知识点：为图片设置热区建立超链接知识点：为图片设置热区建立超链接 5252建立文字的超链接后，文字的颜色会发生变化，是系统默认的。建立文字的超链接后，文字的颜色会发生变化，是系统默认的。（正确）（正确）例题：选择题例题：选择题5353浏览网页过程中，鼠标移动到超级链接上时，其形状一般为：浏览网页过程中，鼠标移动到超级链接上时，其形状一般为： ( ( ) ) A AI I形形 B B小箭头形小箭头形 C C小手形小手形 D D沙漏形沙漏形5454Front Page2000Front Page2000中，下述关于超级链接错误的是中，下述关于超级链接错误的是 ( ( ) ) A A按钮不能建超链接按钮不能建超链接 B B文字能建立链接文字能建立链接 C C表格中能建超链接表格中能建超链接 D D一个图片可建立多个链接一个图片可建立多个链接（五）第（五）第5 5课：课： 网页的链接：知识点如下：网页的链接：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 2 2、会在网页中建立和使用书签。、会在网页中建立和使用书签。 建立书签的含义及作用：一定要让学生明白先建立书签，然后通过关建立书签的含义及作用：一定要让学生明白先建立书签，然后通过关键词再与书签建立超链接。键词再与书签建立超链接。例题：选择：例题：选择：5555如果网页中的文字内容比较多，为了搜索段落方便可以插入（如果网页中的文字内容比较多，为了搜索段落方便可以插入（ ） A A图片图片 B B文字文字 C C动画动画 D D书签书签5656在在FrontPage2000FrontPage2000中，要使超级链接目的地为本网站的其它网页可用中，要使超级链接目的地为本网站的其它网页可用下列。下列。 ( A ) ( A ) A A书签式链接书签式链接 B B本地网页链接本地网页链接 C C框架连接框架连接 D DWEBWEB链接链接5757建立书签后通常在相应文字下方加上了（建立书签后通常在相应文字下方加上了（ ） A A下划线下划线 B B虚线虚线 C C重点号重点号 D D波浪线波浪线（五）第（五）第5 5课：课： 网页的链接：知识点如下：网页的链接：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 教学体会：教学体会： 超链接是本单元的重点和难点，可采用任务单，协作探究的教学方法，超链接是本单元的重点和难点，可采用任务单，协作探究的教学方法，分成几个具体的任务，如：两个网页建立超链接、为图片建立超链接、建立书分成几个具体的任务，如：两个网页建立超链接、为图片建立超链接、建立书签和电子邮箱的链接等，分类给学生讲解清楚，教师一定要作总结。也可借助签和电子邮箱的链接等，分类给学生讲解清楚，教师一定要作总结。也可借助网站进行学习研究。网站进行学习研究。（五）第（五）第5 5课：课： 网页的链接：知识点如下：网页的链接：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 1 1、在网页中插入动画：、在网页中插入动画：例题：选择例题：选择5858下列哪种类型（下列哪种类型（ A A ）图片最多可保存）图片最多可保存256256种颜色，并采用无损压缩。种颜色，并采用无损压缩。 A AGIF BGIF BBMP CBMP CJPG DJPG Dpngpng5959下列保存图片正确的方法是（下列保存图片正确的方法是（ A A ）A A、选定图片、选定图片鼠标右健鼠标右健图片另存为图片另存为保存保存 B B、选定图片、选定图片鼠标左健鼠标左健图片另存为图片另存为保存保存C C、选定图片、选定图片鼠标右健鼠标右健目标另存为目标另存为保存保存D D、选定图片、选定图片鼠标左健鼠标左健目标另存为目标另存为保存保存6060下列哪个是下列哪个是FlashFlash动画文件的扩展名（动画文件的扩展名（ C C ）A A、htmhtm B B、doc Cdoc C、swfswf D D、 txttxt另外：另外： 因为因为Frontpage2000Frontpage2000不支持直接插入的不支持直接插入的FlashFlash动画文件，本知识点可让学有所了动画文件，本知识点可让学有所了解。解。（六）第（六）第6 6课：课： 让网页动起来：知识点如下：让网页动起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 2 2、设置悬停按钮：、设置悬停按钮：悬停按钮的作用：悬停按钮的作用：例题：选择：例题：选择：6161下列哪个不是悬停按钮的变化效果（下列哪个不是悬停按钮的变化效果（D D）：）：A A、发光、发光 B B、凸出、凸出 C C、凹进、凹进 D D、闪动、闪动6262插入悬停按钮操作正确的是（插入悬停按钮操作正确的是（B B）A A、插入、插入表单表单悬停按钮悬停按钮 B B、插入、插入组件组件悬停按钮悬停按钮C C、插入、插入高级高级悬停按钮悬停按钮 D D、插入、插入数据数据悬停按钮悬停按钮 另外设置悬停按钮和悬停按钮的属性也会经常出一些操作题：（见后面操另外设置悬停按钮和悬停按钮的属性也会经常出一些操作题：（见后面操作题）作题）例题：操作题：例题：操作题：6363打开打开“海洋海洋”站点的主页，为标题站点的主页，为标题“丰富的海洋资源丰富的海洋资源”设计悬停按钮，设计悬停按钮，按钮效果为：发光，宽度为按钮效果为：发光，宽度为158158，字体为：黑体。，字体为：黑体。（六）第（六）第6 6课：课： 让网页动起来：知识点如下：让网页动起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 3 3、制作滚动字幕；、制作滚动字幕；例题：操作题：例题：操作题：6464打开打开“青春加油站青春加油站”网页，将网页底部的文字：网页，将网页底部的文字：“欢迎参加信息技术辩论会欢迎参加信息技术辩论会”，设置，设置为滚动字幕；重复为：连续；方向为：右为滚动字幕；重复为：连续；方向为：右例题：选择例题：选择6565插入字幕操作正确的是（插入字幕操作正确的是（B B）A A、插入、插入表单表单字幕字幕 B B、插入、插入组件组件字幕字幕C C、插入、插入高级高级字幕字幕 D D、插入、插入数据数据字幕字幕6666下列哪个不是字幕的表现形式（下列哪个不是字幕的表现形式（ ）、滚动条、幻灯片、交替、垂直、滚动条、幻灯片、交替、垂直教学体会：教学体会： 会插入字幕，并灵活运用字幕属性对话框。本知识点一般会以操作题的形式出现。滚会插入字幕，并灵活运用字幕属性对话框。本知识点一般会以操作题的形式出现。滚动字幕通常用来显示一些重要的、需要引起大家注意的信息，这样使网页生动，这部分内容动字幕通常用来显示一些重要的、需要引起大家注意的信息，这样使网页生动，这部分内容学生一般比较感兴趣，在教学时多采取任务驱动，充分利用学生兴趣，让学生体会亲自动手学生一般比较感兴趣，在教学时多采取任务驱动，充分利用学生兴趣，让学生体会亲自动手的乐趣。的乐趣。（六）第（六）第6 6课：课： 让网页动起来：知识点如下：让网页动起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 4 4、让网页中的文字随机应变：、让网页中的文字随机应变： 了解动态了解动态HTMLHTML效果：效果：5 5、设置网页的过渡效果：、设置网页的过渡效果： 让学生了解新旧网页过渡时的效果，掌握操作步骤：让学生了解新旧网页过渡时的效果，掌握操作步骤：例题：选择例题：选择6767下列哪个不是网页过渡对话框中设置的项目（）下列哪个不是网页过渡对话框中设置的项目（）、事件、周期、大小、过渡效果、事件、周期、大小、过渡效果6868在设置网页过渡中，需要用到菜单（）在设置网页过渡中，需要用到菜单（）、格式、插入、文件、工具、格式、插入、文件、工具6 6、给网页配上音乐：、给网页配上音乐：6969要给网页增加音乐，应在网页属性对话框中的（要给网页增加音乐，应在网页属性对话框中的（ ）标签中进行设置。）标签中进行设置。 A A常规常规 B B背景背景 C C边框边框 D D视频视频7070在网页中插入背景音乐，单击在网页中插入背景音乐，单击“文件文件”菜单中的命令菜单中的命令 ( ( ) ) A A属性属性 B B新建新建 C C背景背景 D D音乐音乐7171在给网页配上音乐，最好选用哪种声音文件格式（）在给网页配上音乐，最好选用哪种声音文件格式（）、wav Bwav B、midmidC C、mpg D mpg D 、aviavi 7272下列哪种不是声音文件格式（下列哪种不是声音文件格式（D D）、wav Bwav B、midmidC C、mpg D mpg D 、bakbak （六）第（六）第6 6课：课： 让网页动起来：知识点如下：让网页动起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 7 7、在网页中播放影片：、在网页中播放影片：( (了解一下电影文件格式了解一下电影文件格式) )例题：选择例题：选择7373在给网页中插入影片，最好选用哪种视频文件格式（）在给网页中插入影片，最好选用哪种视频文件格式（）、datdat B B、midmidC C、mpeg D mpeg D 、aviavi 作为本课的让网页中的文字随机应变作为本课的让网页中的文字随机应变 、设置网页的过渡效果、设置网页的过渡效果 、给网页、给网页配上音乐配上音乐 、在网页中播放影片四个知识点，一定要让学生掌握步骤和知识、在网页中播放影片四个知识点，一定要让学生掌握步骤和知识目标，了解一下实际应用。目标，了解一下实际应用。（六）第（六）第6 6课：课： 让网页动起来：知识点如下：让网页动起来：知识点如下： 四四.本单元知识点、样题分析及教学体会本单元知识点、样题分析及教学体会 （七）第（七）第7 7课：快速建立网站：知识点如下：课：快速建立网站：知识点如下：1 1、使用导航建立网站结构、使用导航建立网站结构例题：选择例题：选择7474我们在建立网站结构时，经常会用到视图栏中的（）我们在建立网站结构时，经常会用到视图栏中的（）、报表、网页、导航、文件夹、报表、网页、导航、文件夹 要让学生了解建立网站的框架结构，形成一个基本框架，然后在一个个网要让学生了解建立网站的框架结构，形成一个基本框架，然后在一个个网页进行编辑。页进行编辑。2 2、在网页中应用主题：、在网页中应用主题： 向学生作以简单介绍。向学生作以简单介绍。3 3、使用模板和向导创建站点。、使用模板和向导创建站点。 简单介绍。简单介绍。（七）第（七）第7 7课：课： 快速建立网站：知识点如下：快速建立网站：知识点如下： 五五.本单元操作题本单元操作题 7575、网页操作题网页操作题: : 在在FrontPageFrontPage编辑器中打开桌面上的编辑器中打开桌面上的“班级主页班级主页. .htmhtm”网页，网页， 按要求按要求完成下列操作：完成下列操作：（1 1）在标题）在标题“我们欢乐的家我们欢乐的家”上方插入滚动式的字幕，字幕文本为：上方插入滚动式的字幕，字幕文本为：“欢欢迎光顾我们可爱的班级迎光顾我们可爱的班级”；方向为：右；方向为：右；（2 2）在标题下方插入一条水平线，并设置水平线的高度为）在标题下方插入一条水平线，并设置水平线的高度为1010像素，颜色为像素，颜色为“红色红色”；（3 3）在水平线下，插入一个）在水平线下，插入一个4 4行行4 4列的表格。列的表格。（4 4）为文字）为文字“经常联系我们经常联系我们”建立超链接为电子邮箱：建立超链接为电子邮箱：xxjs163.comxxjs163.com (5) (5) 为文本为文本“可爱的班级可爱的班级”设置悬停按钮，效果这；发光设置悬停按钮，效果这；发光（6 6）保存该网页到）保存该网页到D:D:考试文件夹下。考试文件夹下。五五.本单元操作题本单元操作题 7676、FrontPageFrontPage网页制作试题网页制作试题 按要求完成下列操作：按要求完成下列操作： （1 1）、新建一个网页名为）、新建一个网页名为“素质教育素质教育.html”.html”的网页，并保存到的网页，并保存到D:D:考试文考试文件夹下。件夹下。（2 2）、将网页的背景色为黄色。）、将网页的背景色为黄色。 （3 3）、将桌面上的图片）、将桌面上的图片123.jpg123.jpg插入到网页中，并设置图片的版式为：四插入到网页中，并设置图片的版式为：四周型。周型。（4 4）、在网页中输入标题为：素质教育与我同行，并设置为隶书，）、在网页中输入标题为：素质教育与我同行，并设置为隶书，4 4号字，号字，颜色为红。颜色为红。（5 5）、给该网页配上一首轻松的音乐。（音乐名称及位置）、给该网页配上一首轻松的音乐。（音乐名称及位置）六六.部分网页制作网址及技术教学博客部分网页制作网址及技术教学博客 本次活动应对学业水平考试最为重要，但更关键的是为以本次活动应对学业水平考试最为重要，但更关键的是为以后的教学打下了基础，作为名一名信息技术教师，应对网页知后的教学打下了基础，作为名一名信息技术教师，应对网页知识有一个全面的认识和掌握，这样在平时的教学中才会游刃有识有一个全面的认识和掌握，这样在平时的教学中才会游刃有余，下面给老师们提供一些教学网站和素材网站供参考。余，下面给老师们提供一些教学网站和素材网站供参考。1 1、http:/http:/www.wyzu.cn/data/fpjswww.wyzu.cn/data/fpjs/ / （网页教学基地）（网页教学基地）2 2、http:/khedu.nsysu.edu.tw/1000510633/webpg1203/http:/khedu.nsysu.edu.tw/1000510633/webpg1203/ 网页制作教学）网页制作教学）3 3、ttp:/www.hongen.com/pc/homepage/fp2k/fp2k0101.htmttp:/www.hongen.com/pc/homepage/fp2k/fp2k0101.htm （洪恩在线网页制作）（洪恩在线网页制作）4 4、动态网站源码下载、动态网站源码下载http:/http:/down.cnzz.cndown.cnzz.cn/ / 中国站长下载中国站长下载 http:/http:/www.downcode.comwww.downcode.com/ / 中国源码下载中国源码下载六六.部分网页制作网址及技术教学博客部分网页制作网址及技术教学博客 5 5、提供网页制作素材网站：、提供网页制作素材网站：http:/http:/www.dabaoku.com/sucaiwww.dabaoku.com/sucai/ / 网页制作大宝库网页制作大宝库http:/www.3lian.com/http:/www.3lian.com/ 3lian 3lian素材网素材网- -网页素材网页素材http:/http:/www.sucaiw.comwww.sucaiw.com/ / 素材精品屋素材精品屋http:/http:/www.sucai.comwww.sucai.com/ / 中国素材网中国素材网6 6、尚雨叶技术教学博客、尚雨叶技术教学博客 http:/blog.cersp.com/userlog/2358/index.shtmlhttp:/blog.cersp.com/userlog/2358/index.shtml7 7、走在路上的探索者、走在路上的探索者 http:/blog.cersp.com/61220.aspxhttp:/blog.cersp.com/61220.aspx 谢谢大家！谢谢大家！