邓振博dreamweaver80实例教学.docVIP

Dreamweaver 8 实例教学案例 邓振博 教材分析:?1．教学目标??教学目标既是教学的出发点和归宿又是师生双边活动的中介，因此，我参照《高中新课程标准》和高中学生现有的知识水平和认识特点确定了以下三个目标：?A：知识目标?（1）、让学生认识到网页布局对整个网页元素的组织编排的重要性。?（2）、让学生掌握在Dreamweaver中实现网页布局的基本方法。?B：能力目标：让学生能动手完成一个简单的网页布局的设计。?C：情感目标：?（1）培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。?（2）培养学生在进行自主学习的过程中勇于克服困难，体验到成功后的快乐。?2．教学重点、难点、关键???重点：插入表中表??难点、关键：表格的属性设置?设计理念：?????本节课的设计理念是以诱思探究学科教学论为理论依据，以充分发挥学生的主体地位为出发点，以培养学生自主学习能力全面提高学生素质为目的。是一节“诱思探究”理论的探索课。为此，在课前教师为学生准备了网络布局学习资源网站，学生自己也已经以小组为单位确立了要本组要建立的网站的主题。整节课的内容安排是以从学生“动手”中发现问题，又在学生的“动手”中解决问题为主脉展开的。同时又通过评价环节中学生的之间的互评、点评将本节推向高潮，达到突出重点，攻破难点的目的。?学习目标分析：??????借助以前积累的知识、经验及学习资源网自主探索，小组协作进而归纳、研究出网页布局的内在规律性。?教学策略的选择与设计?1、教学方法：?（1）诱思导学法?（2）任务驱动—体验探究法?（3）分层教学法?（4）网络探究教学法?（5）激励教学法?2、学法指导：形象探究法、经验探究法、体验探究法、协作式学习法。?3、资源的设计与选择：?????结合本节内容设计了一个学习资源网站、传奇电子教室系统、Dreamweaver网页编辑软件等。 实例1 站点的建立 了解和掌握怎么建一个网站,这是做网站的第一步,因此必须掌握。 要对Dreammeaver 8的工具栏有一定的了解，还要熟悉其的用途。 创作步骤 （1）站点(S)→站点管理(M)命令,打开对话框,如图1.1.2所示.  图1.1.2 “站点管理”对话框 (3) 单击”站点管理”对话框的新建(N)出现”站点(S)和FTP与RDS服务器(F)”,选择其中的”站点(S)”出现对话框,如图1.1.3所示.  图1.1.3 “站点定义1”对话框 (4) 在文本框里可以为你的站点起个名字,然后按下一步出现对话框,如图1.1.4所示. 图1.1.4 “定义站点2”对话框 (5) 在对话框中,根据自己所做的网站选择”否”或者”是”.如果你做的是静态网页,那么就可以选择”否”,如果你做的是动态网页,那你就要选择”是”,然后在下拉菜单中选择你所用的服务器技术类型.我做的是静态网页,因此我选择”否”,然后再按下一步出现对话框,如图1.1.5所示.  图1.1.5 “站点定义3”对话框 (6) 选择系统推荐的选项,在文本框里可以填入你所建网站的保存路径,也可以不变系统默认的路径,然后按下一步出现对话框,如图1.1.6所示. 图1.1.6 “站点定义4”对话框 (7) 根据你自己的实际情况,如果你想下传到某服务器上的话,那你就从下拉菜单中选择你所用的上传方法,如果不想上传的话,就选择”无”,然后再按下一步,出现对话框,如图1.1.7所示,按完成,出现图1.1.8所示,再按完成这就完成了建一个站点的过程. 图1.1.7 “站点定义5”对话框 图1.1.8 “站点定义6”对话框 实例2 布局表格 学会制作表格,能熟悉掌握表格的作用,现在大部分网页都运用到了表格,它是做网页不可缺少的技术,也要熟悉掌握.最终效果如图:. 主要应用布局表格和布局单元表格来绘制表格,同时在表格中插入图片和添加文本,或者flash等等,最终实现你所想的效果. ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 创作步骤 启动Dreamweaver mx 2004 软件. 选择文件→新建(N) …Ctrl+N命令,打开新建文档对话框,如图1.2.1所示,单击创建(R)按钮,创建一个空白HTML文档,如图1.2.2  图1.2.1 “新建文档”对话框 图1.2.2 新建空白HTML文档 选择菜单栏的修改→页面属性(P)… Ctr