网页制作教案四课时讲解.docVIP

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