第六章第二节网页制作.docVIP

第六章 网页的设计与制作 网页制作 教学主题 网页制作（1）（设计制作“北京故宫”的网站主页） 适用年级 高一年级 教学课时 1课时 教材分析 概述：通过网页设计，了解并掌握网页设计软件的基本使用方法和网页设计的一般步骤 重点：熟练使用网页设计软件FrontPage，表格的修饰和图片属性的设置 难点：表格的修饰和图片属性的设置 学习目标 1、掌握网页制作软件FrontPage 2000的基本使用方法 2、学会设计和制作简单的网页 所需资源和环境 网络资源 使用搜索引擎查找与北京故宫相关的信息（包括图片、文字、视频等） 常规资源 1、浙江教育出版社2004版《信息技术基础》第六章6.2.5节配套光盘 2、教材配套教师用书 3、设计制作“北京故宫”的网站主页学习任务单 教学支撑环境 计算机网络教室、所有计算机能够上网、多媒体网络教室软件或者投影仪 教学设计 教学引导问题设计 问题 目的 重点/难点/关键点 你知道网页是怎么制作出来的吗？ 激发学生的学习兴趣 网页制作的大体过程 主页有什么作用？ 让学生知道主页的作用 主页的作用 你知道怎样设置表格的属性吗？ 让网页更美观 虚线框的设置方法 你知道怎样设置图片的属性吗？ 让图片更符合整体要求 属性对话框中的各个属性作用 如何说明你的版权？ 保护自己的劳动成果 保护个人成果 如何预览主页并利用HTML语言进行网页的修改？ 观察它与编辑窗口有何关系 各种代码所代表的含义 教学过程设计 一、新课引入： 利用IE浏览器打开临沂三中网站主页（）和配套光盘中content\第6章\操作示例\北京故宫\index.htm（如果不能上网，需要自己提前制作一个较好的主页，以作比较用）。 二、教学内容 设问：你知道这个网站的主页是怎么制作出来的吗？ 教师活动：让学生打开课本第114页，快速浏览“实践体验”中主页制作的大体过程。 2、设问：主页有什么作用？ 教师活动：切换到刚才打开的两个网页上，比较以后看看它们给你的第一印象是什么？有　　　　什么特点？将临沂三中网站首页保存下来用FrontPage打开，观察它的结构并新建一个主　　　　　页，将标题设置好，并以index.htm为名保存。 3、设问：怎样设置表格的属性？ 教师活动：让学生回忆一下以前学WORD的时候是如何插入表格的？教师演示表格的插　　　　　入，插入表格后，选中表格并依次展开表格－＞属性－＞表格（或者在表格上右击然后选　　　　择表格属性），打开表格属性对话框，修改里面的各个属性值，将边框的粗细设置为0看看有何效果（这样可以让主页的整体内容看起来整洁、大方而又看不到表格的边框）。 4、设问：怎样设置图片的属性？ 　　　　教师活动：让让学生回忆一下以前学WORD的时候是如何插入图片的？教师演示图片的插入，插入图片后，在图片上点右键，选择图片属性，打开图片属性对话框，点击对话框中的各个选项卡，修改里面的属性值并查看效果（这样做可以使图片与主页中的其它内容搭配更加合理）。 　　5、在表格中输入所需的文字，并设置好文字格式。 　　6、设问：做完你的主页后，如何说明你的版权？ 　　　　教师活动：切换到刚才打开的两个网页上，观察他们在说明版权方面是如何做的？并在新　　　　建的主页中设置好。 　　7、设问：如何预览主页并利用HTML语言进行网页的修改？ 　　　 教师活动：做完主页后，怎样才能立即看到做成后的效果？现在不用打开浏览器而直接利用“预览”这个标签来查看结果，不满意的地方可以回到编辑窗口继续修改，直到满意为止，另外如果懂得一些HTML语言的话，还可以对HTML语言直接修改。 　　8、保存制作的网页，然后在浏览器中打开浏览自己制作的主页，看看有何感想？ 三、实践体验练习 根据教材114页的制作过程和以前的规划完成“北京故宫”网站主页的设计(如果没有上网条件，可以以教材配套光盘中“content\第6章\操作示例\北京故宫”文件夹中的“图像资料”和“文字资料”为实践练习的资源)。 四、本课小结 设计制作“北京故宫”的网站主页学习任务单 一、观察打开的两个网页后，经过比较，你对他们的印象如何？ ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————。 二、打开网页制作软件FrontPage，新建一个主页，并以index.htm为文件名保存在自己建立的文件夹中。 三、打开刚才建立的网页，在网页上部输入标题：北京故宫，并用“居中”“黑体”、“36磅”、“红色”等格式将其设置好。 四、插入一个5