3八年级 第三课--开篇之作

《3八年级 第三课--开篇之作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、库尔勒市实验中学教案库尔勒市实验中学信息技术备课教案课题第一单元第3课开篇之作—基于表格的页面布局年级八年级课时数2课时主备人郑丽丽备课时间2015-10-10教学目标知识与技能1.进一步熟悉DreamweaverCS5的工作界面。2.学会根据网站素材的分类规划网站的文件夹。3.掌握设置网页标题的方法。4.能够根据网页内容使用表格布局。5.学会设置网页背景色及表格背景图像6.初步认识并尝试使用标签选择器选择对象。过程与方法通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。情感态度价值观培养学生养成严谨的学习态度和团

2、结协作的精神，提升素质，发展个性。重点难点1.在“文件”面板中规划站点。2.设置网页标题。3.使用表格对页面布局。教学环境网络机房8库尔勒市实验中学教案教学过程二次备课环节反思一、创设情境激发兴趣情境创设：站点已经创建成功，作为建站图纸的网站规划也设计完毕，现在我们就可以着手制作网站了。首先要完成的是网站的首页。本课，我们把制作网页需要的素材分类整理到站点中，然后用表格对首页进行初步的页面布局。激发学生学习兴趣为下一步的自主探究做准备。可以对图片的格式进行大概的讲解认知，让学生知道各种图片的不同。二、明确目标1.学会根据网站素材分类

3、规划网站的文件夹。2.掌握设置网页标题的方法。3.能够根据网页内容使用表格布局。4.初步认识并尝试使用标签选择器选择对象。加深新内容的印象。明确教学目标三、自主学习自主探究：明确探究任务：阅读课本P14-19，完成下列任务：(1)创建网站首页。(2)对网页进行初步布局。(3)测试网页。明确学习任务。8库尔勒市实验中学教案四、合作探究交流分享：1.小组内交流汇报。2.在交流分享过程中，教师在各组之间适当点评指导。3.在此基础上，鼓励学生进行尝试……归纳……增强学生的合作和互助意识。五、实践创作展示评价展示：1.打开站点2.创建网站首页

4、规划网站不仅仅是设计网站的层次结构，还要按照一定的方式对站点目录结构进行组织，以方便管理。（1）整理素材制作首页所需的素材包括下图所示的图片和动画，我们按类型存放。面板组位于文档窗口右侧，是分组的相关面板的集合。比一比谁做的比较好，激励学生积极性。可以让学生对dreamweaver的大概布局和各种工具栏再次的讲解。8库尔勒市实验中学教案步骤1：创建文件夹步骤2：将首页素材图片index.gif，复制粘贴到images文件夹中。（1）创建首页并保存步骤1：执行“文件”“新建”命令，在弹出的“新建文档”对话框中选择“空白页”标签，在“页

5、面类型”列表框中选择HTML选项，在“布局”列表中选择“无”，然后单击“创建”按钮DreamweaverSC5即建立了一个空白页。步骤2：执行“文件”“保存”命令，在弹出的“另存为”对话框中将文件名修改为index.html。（2）对首页进行初步布局1.为页面添加背景色步骤1：单击文档窗口，使插入点在编辑区内闪烁，然后单击“属性检查器”的“页面属性”按钮。在站点根目录下创建文件夹other，使之与images位于同一层次，然后将FLASH动画素材index.swf存放到other文件夹中。.html和.htm后缀表示该文档使HTML

6、文档，HTML文档就是网页文件，有时也称为WEB页。再次对图片的格式讲解，让学生分清楚.gif,.jpg,.html等格式对应的是什么。8库尔勒市实验中学教案步骤2：在弹出的“页面属性”对话框中单击“分类”列表框中的“外观CSS”选项，在窗口右侧的“外观CSS”项中找到“背景颜色”选项。此处即可以单击色板选择颜色，也可以直接输入颜色值。2.设置网页标题并预览效果步骤1：在工具栏的“标题”文本框中输入“安全自护我能行—首页”。步骤2：执行“文件”“保存”命令，保存更改背景色和标题的操作。步骤3：执行“文件”“在浏览器中预览”或者直接按

7、F12.属性检查器用于查看和更改当前选定页面元素最常用的属性。有些电脑由于设置问题，会出现褐色，所以，可以由自己选择颜色。8库尔勒市实验中学教案3.使用表格初步布局网页步骤1：在文档窗口中单击，在页面左上角放置插入点。执行“插入”“表格”命令，在弹出的“表格”对话框中进行如下图所示的设置。预览网页还可以通过工具栏的“在浏览器中预览/调试”按钮。对有些电脑，F12没作用，只有在文件中浏览。对页面进行布局，前面只有黄色的背景。可以添加些图片，所以，要让学生做页面的布局。8库尔勒市实验中学教案步骤2：单击“标签选择器”中的

8、签，选中此表格，继续在“属性检查器”中完成表格的其他设置。步骤3：单击“标签选择器”中的