3八年级第三课开篇之作文档格式.docx

3八年级第三课开篇之作文档格式.docx

《3八年级第三课开篇之作文档格式.docx》由会员分享，可在线阅读，更多相关《3八年级第三课开篇之作文档格式.docx（7页珍藏版）》请在冰豆网上搜索。

教学

目标

知识与技能

1.进一步熟悉DreamweaverCS5的工作界面。

2.学会根据网站素材的分类规划网站的文件夹。

3.掌握设置网页标题的方法。

4.能够根据网页内容使用表格布局。

5.学会设置网页背景色及表格背景图像

6.初步认识并尝试使用标签选择器选择对象。

过程与方法

通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。

情感态度价值观

培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。

重点

难点

1.在“文件”面板中规划站点。

2.设置网页标题。

3.使用表格对页面布局。

环境

网络机房

教学过程

二次备课

环节反思

一、创设情境激发兴趣

情境创设：

站点已经创建成功，作为建站图纸的网站规划也设计完毕，现在我们就可以着手制作网站了。

首先要完成的是网站的首页。

本课，我们把制作网页需要的素材分类整理到站点中，然后用表格对首页进行初步的页面布局。

激发学生学习兴趣

为下一步的自主探究做准备。

可以对图片的格式进行大概的讲解认知，让学生知道各种图片的不同。

二、明确目标

1.学会根据网站素材分类规划网站的文件夹。

2.掌握设置网页标题的方法。

3.能够根据网页内容使用表格布局。

4.初步认识并尝试使用标签选择器选择对象。

加深新内容的印象。

明确教学目标

三、自主学习

自主探究：

明确探究任务：

阅读课本P14-19，完成下列任务：

（1）创建网站首页。

（2）对网页进行初步布局。

（3）测试网页。

明确学习任务。

四、合作探究

交流分享：

1.小组内交流汇报。

2.在交流分享过程中，教师在各组之间适当点评指导。

3.在此基础上，鼓励学生进行尝试……归纳……

增强学生的合作和互助意识。

五、实践创作展示评价

展示：

1.打开站点

2.创建网站首页

规划网站不仅仅是设计网站的层次结构，还要按照一定的方式对站点目录结构进行组织，以方便管理。

（1）整理素材

制作首页所需的素材包括下图所示的图片和动画，我们按类型存放。

步骤1：

创建文件夹

步骤2：

将首页素材图片index.gif，复制粘贴到images文件夹中。

（2）创建首页并保存

执行“文件”“新建”命令，在弹出的“新建文档”对话框中选择“空白页”标签，在“页面类型”列表框中选择HTML选项，在“布局”列表中选择“无”，然后单击“创建”按钮DreamweaverSC5即建立了一个空白页。

执行“文件”“保存”命令，在弹出的“另存为”对话框中将文件名修改为index.html。

（3）对首页进行初步布局

1.为页面添加背景色

单击文档窗口，使插入点在编辑区内闪烁，然后单击“属性检查器”的“页面属性”按钮。

在弹出的“页面属性”对话框中单击“分类”列表框中的“外观CSS”选项，在窗口右侧的“外观CSS”项中找到“背景颜色”选项。

此处即可以单击色板选择颜色，也可以直接输入颜色值。

2.设置网页标题并预览效果

在工具栏的“标题”文本框中输入“安全自护我能行—首页”。

执行“文件”“保存”命令，保存更改背景色和标题的操作。

步骤3：

执行“文件”“在浏览器中预览”或者直接按F12.

3.使用表格初步布局网页

在文档窗口中单击，在页面左上角放置插入点。

执行“插入”“表格”命令，在弹出的“表格”对话框中进行如下图所示的设置。

单击“标签选择器”中的<

table>

标签，选中此表格，继续在“属性检查器”中完成表格的其他设置。

标签，选中此表格，再单击工具栏上的“拆分”按钮，切换到拆分视图，这时候代码窗口显示在左侧、设计窗口显示在右侧，观察左侧的代码窗口发现有一段代码被选中，这就是和这个表格相关的代码，我们将会在这里添加背景图像。

在第一行中的鼠标定位符“>

”之前的位置单击设置插入点，取消对代码选择，然后按空格键，在弹出的列表框中双击background属性标签，如下图，此时弹出“”按钮，单击该按钮，在“选择文件”对话框中选择index.gif图片文件，单击“确定”按钮，此时表格的背景图像已经显示出一部分，为了完整显示出背景图像，需要调整表格高度。

4.测试网页

执行“文件”“保存”命令，保存首页。

按快捷键F12，在IE中预览该网页。

评价：

面板组位于文档窗口右侧，是分组的相关面板的集合。

在站点根目录下创建文件夹other，使之与images位于同一层次，然后将FLASH动画素材index

.swf存放到other文件夹中。

.html和.htm后缀表示该文档使HTML文档，HTML文档就是网页文件，有时也称为WEB页。

属性检查器用于查看和更改当前选定页面元素最常用的属性。

预览网页还可以通过工具栏的“在浏览器中预览/调试”按钮。

添加图片完成后，两种改变图片显示大小的方式。

比一比谁做的比较好，激励学生积极性。

可以让学生对dreamweaver的大概布局和各种工具栏再次的讲解。

再次对图片的格式讲解，让学生分清楚.gif,.jpg,.html等格式对应的是什么。

有些电脑由于设置问题，会出现褐色，所以，可以由自己选择颜色。

对有些电脑，F12没作用，只有在文件中浏览。

对页面进行布局，前面只有黄色的背景。

可以添加些图片，所以，要让学生做页面的布局。

教学

反思

1．掌握互联网、网页与首页、网站等网页设计与网站制作的基本知识。

2．学会使用HTML代码在记事本工具中制作网页并且通过用IE浏览器预览网页。

3．了解网站的开发流程，能够围绕网站主题设计组织结构图。

4．熟悉Dreamweaver8的工作界面。

5．掌握创建站点、规划素材文件的方法。

以上为本课的主要内容，个人认为本节课较为简单，可以适当的提高难度。