基于表格的页面布局说课稿教材：清华大学出版社信息技术初中二年级下册第1单元初建网站第3课开篇之作——基于表格的页面布局一、教学目标：教学目标既是教学的出发点和归宿又是师生双边活动的中介，因此，我参照《初中新课程标准》和初中学生现有的知识水平和认识特点确定了以下三个目标：1.知识目标：（1）进一步熟悉Dreamweaver8的工作界面。（2）掌握利用“文件”面板打开网站的方法。（3）学会根据网站素材的分类规划网站的文件夹。（4）熟练地创建并保存网页。（5）掌握设置网页标题的方法。（6）能够根据网页内容使用表格恰当布局。（7）学会设置网页背景色及表格背景图像。（8）初步认识并尝试使用标签选择器选择对象。（9）熟练地使用快捷键在浏览器中预览网页效果。2.能力目标：让学生能动手完成一个简单的网页布局的设计。3.情感目标：（1）培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。（2）培养学生在进行自主学习的过程中勇于克服困难，体验到成功后的快乐。二、教学重点：1.在“文件”面板中规划站点2.设置网页标题3.设置网页背景4.使用表格对页面布局三、教学难点：能够根据网页内容使用表格恰当布局四、教学策略的选择与设计1、教学方法：（1）任务驱动—体验探究法（2）分层教学法（3）网络探究教学法（4）激励教学法2、学法指导：形象探究法、经验探究法、体验探究法、合作式学习法。3、资源的设计与选择：结合本节内容设计了一个《安全自护我能行》的网站首页、极域电子教室系统、Dreamweaver网页编辑软件、多媒体等。五、课时：1课时六、素材准备：1.首页在IE中的预览效果图：安全自护我能行——首页2.首页背景图片：安全自护我能行index.gif3.练习题的图片：bg1.gif和bg2.gif七、教学过程：打开书P15，第1单元第3课开篇之作——基于表格的页面布局（一）课堂引入（对学生机进行屏幕广播）上节课我们做好了站点，当站点规划并创建完毕之后，要进行的工作首当其冲就是制作网站的首页。首页作为网站的门面，对网站来说至关重要，因此我们要尽量将首页制作的富有吸引力。这节课，我们把制作首页需要的素材分类整理到站点中，然后用表格对首页进行初步的页面布局，制作完成的首页效果图如图。（二）新课（对学生机进行屏幕广播）1、打开站点启动Dreamweaver8后，展开“文件”面板，可以看到创建好的站点会自动出现在“文件”面板中。如果有多个站点同时存在，则需要在“文件”面板中选择需要的站点。多说一句：面板组位于文档窗口右侧，是分组的相关面板的集合。若要展开一个面板组，可单击组名称左侧的展开箭头或者单击面板标题文字，如：“文件”；若要打开其他面板，可以执行“窗口”菜单下的相关命令。“文件”面板可以管理文件和文件夹，无论它们是Dreamweaver站点的一部分还是在远程服务器上。通过“文件”面板可以访问本地磁盘上的全部文件，类似于Windows资源管理器。2、在“文件”面板中规划站点首页需要使用的素材必须存放在网站中才能被它引用，所以我们要为素材建立文件夹，将不同类别的素材分门别类地存放，便于管理。打开“文件”面板，模仿在windows中的操作，右击网站名“安全自护我能行”，在弹出的快捷菜单中执行“新建文件夹”命令，此时文件夹名处于可编辑状态，我们只需要直接输入文件夹名即可完成命名，创建网页也可以采用此方法。与使用“新建”菜单来创建网页相比，在“文件”面板中操作更为简单快捷。当需要更改网站中的网页名或文件夹名时，可右击网页名或文件夹名，执行弹出的快捷中的“编辑”→“重命名”命令，或直接使用快捷键F2。3、整理素材为素材归类存放准备的文件夹建立完毕之后，我们要将素材存放到相应的目标文件夹中。（在书上P16也给大家写出来了）Images文件夹用来存放网站中所需要用到的图片，other文件夹用来存放网站中除图片以外的资料内容。在这里，图片（index.gif）存放在文件夹images中，星光闪烁的Flash动画（index.swf）存放在文件夹other中。此时可以考虑暂时脱离Dreamweaver8的软件环境，使用windows的资源管理器进行操作，这样做的好处是可以批量复制粘贴文件，尤其是素材准备充分的情况下，能够节省大量的时间，这种方法优于在网页中先使用素材后再逐个保存到网站中的方法。多说一句：在创建文件和文件夹时，应合理命名文件与文件夹的名称，尽量避免使用中文，因为Dreamweaver8在连接远程站点时，对中文命名的文件有时会出现识别错误，因此在对文件和文件夹命名时应当使用有意义的英文或者汉语拼音。4、创建并保存