(一)导入新课 教师通过多媒体展示一个图文并茂的网页,让学生观察网页中包含的内容,并请学生思考可以通过什么方式创建出这样一个网页。学生根据上节课学习的内容,能

题库2022-08-02  131

问题

选项

答案

解析 (一)导入新课
教师通过多媒体展示一个图文并茂的网页,让学生观察网页中包含的内容,并请学生思考可以通过什么方式创建出这样一个网页。学生根据上节课学习的内容,能够想到利用记事本实现。教师引导:利用记事本编辑网页需要书写出很多的HTML代码,创建起来比较费时费力,是否有办法解决。学生陷入疑惑,教师宣布这节课来学习一种新的方式,可以快速地创建页面而不需要编写任何代码——利用Dreamweaver制作网页。
(二)新课讲授
1.初识Dreamweaver
教师讲解Dreamweaver具有可视化编辑功能,也就是可以将内容从面板直接拖到文档中来组建网页,而不需编写任何代码,通过这种方式便可以方便快捷地创建页面,有所见即所得的效果。通过多功能面板也可以方便地查看所有站点元素或网页中引用的资源。教师提出问题:Dreamweaver是否提供了编码环境?请学生阅读教材,自主探寻答案。【Dreamweaver提供了功能全面的编码环境,并且可以使用服务器技术如ASP、JSP、PHP等生成,由动态数据库支持的Web应用程序】这里可以点评学生自主学习能力有很大提升。
在学生认识到Dreamweaver的强大功能之后,请学生对比之前利用记事本制作网页,与自己的同桌说一说Dreamweaver的优势,进一步激发学生学习Dreamweaver的热情。
2.认识Dreamweaver界面
教师引导学生打开Dreamweaver软件,仔细观察Dreamweaver界面组成,并对照教材,认识各个部分的名称,请学生描述。【Dreamweaver操作界面由标题栏、菜单栏、视图选项卡、编辑窗口、多功能面板几个部分组成】这里可以点评学生观察得很仔细,回答很准确,但是对于每一部分的功能可能还不清楚,顺势进入到功能介绍部分。教师结合操作界面讲解:标题栏显示文档页面标题。菜单栏由10个菜单组成,所有的操作都可以在这里找到相应的菜单。视图选项卡可以实现代码、拆分、设计视图模式间的快速切换。编辑窗口用来显示当前文档,可选择三种视图中的任意一个显示文档。多功能面板将相同类型或功能的面板组织在一起,可以通过单击对面板进行展开或折叠。
3.网页制作步骤
请学生以信息技术小组为单位,限时5分钟,展开讨论学习:如何利用Dreamweaver创建一个简单网页?讨论结束后,请小组代表回答。【建立站点,新建网页,设置页面属性,制作网页内容,保存预览】这里可以点评学生回答得基本正确,但有一些注意点还是需要进行强调。教师进行详细讲解:在创建站点之前,需要在计算机D盘下创建下一个“myweb2”文件夹,然后打开Dreamweaver软件新建一个站点。请学生思考站点的名字应该如何命名。【跟创建在D盘里的“myweb2”一样,应该命名为“myweb2”】这里可以点评学生知识迁移的能力很强,回答得准确无误。教师引导:站点建立好之后就可以为网站新建一个空白网页了,操作较为简单,请学生自主完成。学生操作完毕后,教师演示利用快捷菜单进行网页属性的设置:用鼠标右键单击空白处,在弹出的快捷菜单中执行“网页属性”命令,弹出“网页属性”对话框,设置背景、字体、字号、颜色等,也可以设置页面大小和边框。教师组织学生活动:根据自己的审美喜好,自主完成设置。教师巡视指导,点评学生学习新知识的速度越来越快。教师进一步引导:属性设置完毕,我们就需要为网页添加内容了。请学生回忆:一般网页中可以包含哪些元素?【图片、动画、文字及超链接等元素】教师组织学生活动:根据自己之前创建网页的经验,自主为网页添加自己喜欢的内容,让网页布局合理美观,时间8分钟,结束后请学生代表展示自己的网页效果。教师补充,点击视图选项卡一栏右侧的小地球便可以预览网页在浏览器中呈现的效果。
(三)巩固提高
在学生掌握了创建网页的基本步骤之后,开展一个小比赛,请学生利用Dreamweaver完成上节课利用记事本设计出来的网页,看谁创建的又快还原度又高。
(四)小结作业
小结:学生总结制作网页的步骤,并说说Dreamweaver的优势,教师进行补充。
作业:制作一个以“保护环境”为主题的网页,下节课分享。
【板书设计】略
转载请注明原文地址:https://tihaiku.com/congyezige/2747855.html

最新回复(0)