网页制作教案四课时.docx

网页制作教案四课时

第一篇：网页制作教案四课时网页欣赏学习目标知识目标：了解网页是由哪些内容组成的；能力目标：了解网页的简单结构；情感目标：培养学生的审美观念。本节重点：网页的概念难点网页的结构学习过程一、导入新课精彩的网络世界吸引着无数人的眼球，对我们同学来说，它也被笼上了神秘的面纱。有些同学也想在互联网上建立自己的空间，但又觉得这是非常高深的事情，其实这一切并不是那么难。互联网上有非常多的信息，这些信息的载体就是网页。那么从这节课开始，我们学习如何制作网页。二、学习新知1.教学练技能教师首先用网络广播的形式展示几个网页的图片，以此吸引学生的注意力，并注意每个网页的各自特点。首先，我们来欣赏几个网页，在欣赏的同时，我们应该注意以下这些网页基本上都是由哪些元素组成的。2.学习“学知识”（1）打开浏览器，输入网址，让学生自己浏览；（2）学生上机练习。请同学们带着下面几个问题浏览网页，以小组为单位进行讨论，教师巡视。（1）观察开的网页，看看上面都有哪些元素。（2）这些元素在网页中是怎样布置的？这样的结构有什么特点？这节课我们浏览了一些精彩的网页，也了解了网页的基本组成元素和网页的简单结构，同学们是不是想制作自己的网页呢？从下节课开始，我们将学习如何制作网页。三、学生练习四、教师总结首先用网络广播的形式展示几个网页的图片，以此吸引学生的注意力，并注意每个网页的各自特点。网页制作学习目标1、理解网页与网站的概念2、掌握建立网站与建立网页的方法3、掌握页面文件与图片的保存学习重点掌握建立网站与建立网页的方法学习难点1．建站点的位置2．页面文件与图片的保存课时安排：3课时学习过程第1课时一、导入新课师：上节课已经讲了信息集成（也就是网站建设）的一般过程包括四个阶段，现在请同学们回顾一下。生：学生作答。师：同学们平时都有喜欢上网，那大家知道网站与网页的区别吗？概念：网页：通常我们在WWW上所能看到的每一个页面都称之为网页,它可以形象地比喻成一篇文章.网站：网站是多个网页的集合,即由多个网页通过彼此相连而构成的一个整体,可以形象地比喻成一本杂志或一本书.下面我们来学习如何用Dreamweaver这个软件制作网页。二、新课讲述在制作个人网站之前，应先确定网站的主题。2008奥运会即将来临，这是中国政治，经济等综合国力提升到另一台阶的盛事，我们中学生也得供献一分锦力本节课的主题是围绕“心系奥运”，资料（包括文字、图片、动画）等我已经为大家收集好，内容分类，网站的结构也规划好了，利用Dreamweaver这个工具来完成“心系奥运”这个网站的建设。（一）启动Dreamweaver，认识其工作界面“开始”-“程序”-“MacromediaDreamweaver8”Dreamweaver工作界面包括：菜单栏插入栏编辑窗口属性面板浮动面板组1．菜单栏（包括10个菜单项）符号所表示的含意黑色命令：表示该命令当前是可用的灰色命令：表示该命令当前是不可用的，需要满足一定的条件后才能使用。带有复选标记√的命令：表示该命令是一种可选择命令，若前面出现√标记，表示该命令正在使用；若没有√标记时，表示该命令没有被使用。带有三角形▼的命令：表示在该命令下还有下一级子菜单命令。带有省略号的…的命令：表示选择命令后会弹出一个相关的对话框。带有快捷键号的命令：表示该命令有一个快捷键，当按下该快捷键时，即可执行该命令。2．插入栏单击常用▼按钮，在弹出的下拉菜单中可以选择要插入的网页元素的类型3．编辑窗口包括：项目选择标签，文档工具栏，水平标尺，垂直标尺，编辑区域，状态栏，垂直扩展按钮和水平扩展按钮。文档工具栏：代码按钮，拆分按钮，设计按钮，检查错误按钮，预览调试网页按钮，刷新设计视图按钮，用于隐藏文件内容，标尺，网格和辅助线按钮。4．属性面板用于查看各更改当前选择对象的各种属性。（二）新建站点为了有效地发挥Dreamweaver对网页的组织管理功能，通常在制作具体的网页之前，应先创建一个新站点，然后根据网站的具体结构制作网页。[例1-1]在D盘中建立一个名为“xinxiaoyun”的新站点。操作步骤：①单击“开始”按钮，将指针依次指向“程序（P）”“MacromediaDreamweaver8”，并单击，即可启动Dreamweaver8。②入Dreamweaver8工作界面后，单击“站点”/“弹出站点管理”命令，弹出“管理站点”对话框。③单击“新建（N）”按钮，在弹出的下拉菜单中选择“站点（W）”命令。④弹出站点定义对话框，在“你打算为你的站点起什么名字”的文本框中输入站点的名称，如“心系奥运”。⑤单击“下一步”按钮，在弹出的对话框中选取中“否，我不想使用服务器技术”。⑥单击“下一步”在弹出的对话框中选取择开发过程中如何使用文件，这里选中“编辑我的计算机上的副本，完成后再上