务有关的知识。 1．新建站点“幽幽我心的个人网站”。 2．新建首页文件index.html并打开。 力求通过任务在开始新的课程学习之前，先来了解一下，网页元素的构成，为什么要在首页中添加文本。 导入任务 导入，吸引学生学习通过浏览新浪、搜狐等著名网站的网页，引导欲望。 学生分析网页的构成元素，得出结论：网页元素归 纳起来有文本、图像、表格等，其中最常用的是文 引导学生分析本。因而，为首页添加内容，最重要的是为首页添归纳。 浏览规定站加文本。 打开前面创建的首页文件，展示给学生。显然，点，教师引导，学 一个没有任何内容的网页是毫无意义的，从而导入生讨论、分析 要为首页添加内容。 为首页添加文本，就需要掌握在网页中编辑文 本的一些操作。 明确任务。 提出任务：添加首页文本 分析任务 教师提出任务在第一单元中建立了首页空白文件要求， 由学生进行讨“index.html”，本单元将对首页修改标题，添加准论，教师归纳总结。 备好的内容并设置其格式。 鼓励学生通过查书、查找帮助找到并总结出添 加网页内容的途径以及设置网页内容格式的方法。 完成任务 １．修改网页标题并预览 列举各站点的首页标题。明确首页的标题是对 网站主旨的概括，起着画龙点睛的作用。制作首页， 首先就是要修改首页标题文本。 回顾打开首页文件的方法。 在文档工具栏中，将标题修改为“幽幽我心的 学生观察标题个人网站”。 修改后文档窗口左 提醒学生注意：文档窗口左上角网页名称处的上角网页名称的变 “*”代表文件已经被修改过但并没保存，保存后化。 教师启发学“*”会消失。 预览网页 生，使学生借助课 ２．输入首页文本内容并划分段落 本、帮助等完成。 学生观察预览⑴ 输入首页文本 效果。 将素材“index.txt”文本内容复制粘贴到文 档窗口。通过比较使学生明确： 从普通文档中复制过来的文本不保留格式内 容，只保留段落结构，并且在文本遇到文档窗口的 边界时会自动换行。 ⑵ 换行操作 a．“自我介绍”、“青春寄语”和“立志飞翔 ” 部分进行段落划分
6
任务流程
b．“立志飞翔 ”部分进行强制换行 总结，三种换行方式的特点及其实现方法。 学生对照观察结合PPT进行原文本文件与粘贴⑶ 输入连续空格 知识讲解 到文档窗口后文本演示输入连续空格的几种方式。 格式的变化情况。 完成“青春寄语”部分首行缩进的操作。 最后，保存网页。强调及时保存页面是一个好 习惯，可以避免断电或系统故障导致的数据丢失。 知识总结 通过完成本任务学习了修改网页标题，输入网 页文本内容，分段换行和段内换行，输入连续空格， 保存和预览网页。 举一反三 依据前面学习的知识与掌握的专业技能，学生 自己完成类似的任务，教师作为组织者和引导者， 着重启发学生寻找完成任务的思路，养成检索与应 用“书籍”、“帮助”、“网络”自学的好习惯。 任务目标 1．使用IE浏览器浏览各种类型的页面，分析 各个页面中文本所起作用，并分析是否可以用其他 网页元素代替。 启发思路 在互连网上有各种类型的网站，如搜索引擎类 网站，商业类网站，个人网站等。设计各种类型的 页面都可以从中借鉴。 分组完成任务 对学生进行分组，每组选择一个主题网站进行 分析。 学生自评或互评 要求每组学生讲出自己的分析结果，并自评。 教师点评总结 结论：文本在网页制作中起着关键的作用，通 常不能用其他网页元素替代。 任务目标 2．新建一个网页“practice2-1.html”，将本 教师作为引导单元素材“举一反三”文件夹中“practice2-1.txt” 学生分的文本内容拷贝到页面中，使用插入空格的方法修者和组织者， 完成相改文本，使每一行文本中的“vs”字样达到对齐的组上机操作，启发思路 应任务并进行评价。 效果。 新建网页“practice2-1.html”，可以这样完 成：①借助头脑里的知识；②借助互联网③借助分组完成任务 Dreamweaver帮助④同学讨论。 学生自评互评 对学生分组，开始完成任务
7
教师点评总结 任务目标 启发思路 分组完成任务 学生自评互评 教师点评总结 布置作业 每组同学演示自己完成的任务，其他组给以评价。 总结各组同学完成任务情况，对完成好的给以表扬，没有完成的引导其找出没有完成的原因。 3．新建一个网页“practice2-2.html”，输入多行文字内容并进行分段和强制换行，修改网页标题为“换行效果预览”，保存后预览页面，观察在IE浏览器中标题在什么位置，浏览器窗口大小发生变化时，对三种换行方式的影响。 三种换行方式指的是自动换行、分段和强制换行，重点理解它们的区别。 对学生分组，开始完成任务 每组同学演示自己完成的任务，其他组给以评价。 总结各组同学完成任务情况，对完成好的给以表扬，没有完成的引导其找出没有完成的原因。可以根据每组任务完成情况结合自评与互评情况给出每组的成绩。 思考下列问题： 1．如何预览和保存网页？ 2．如何对文档窗口中的文本进行段落的划分和强制换行操作？ 3．如何实现插入栏两种显示方式的转换？
8
任务二 编辑文本样式
一、提出任务
1．任务目标
完成首页文本样式设置，添加水平分隔线与列表。 2. 解决的问题
本任务通过设置首页文本样式，学习文本样式设置与应用，修改文本样式，添加水平分隔线与列表知识。
3. 本任务所涉及原有知识要点
完成本任务所涉及原有知识要点有：输入文本内容的方法，段内换行与划分段落方法，输入连续空格的方法。
二、教学目标
1. 知识目标
⑴ 掌握文本样式设置与应用。 ⑵ 掌握修改文本样式。 ⑶ 掌握重命名文本样式。
⑷ 掌握添加水平分隔线与列表。 2. 能力目标
能够根据具体需求进行文本各种属性及样式的编辑与设置，并提高学生自主学习、协作学习和知识迁移的能力。 3. 情感目标
通过教师引导学生主动参与学习，使学生学会使用探求性学习方法获取新知识，激发学习本课程的兴趣，增强学好本课程的信心。
三、教学分析与准备
1. 教学重点
⑴ 文本样式的设置、应用及修改。 ⑵ 添加水平分隔线与列表。 2．教学难点
文本样式的设置、应用及修改。 3. 教学方法
任务驱动学习、协作学习和探究学习相结合 4. 课时安排
4课时。 5. 教学环境
多媒体网络教室
四、教学过程（组织课堂、复习知识、教师引领完成任务占2学时；举一反三占2学
时。） 教学环节及手段 组织课堂 复习知识
教学内容 集中学生注意力，准备上课。 指定学生上前操作，考察对添加文本内容及划分行与段落的掌握情况。 在指定站点内新建一个网页，将事先输入的两首诗（没做任何格式设置）复制过来，要求学备注 通过指定学生上前演示，复习与本任务有关的知9
任务流程 导入任务 分析任务 演示本任务生通过插入空格、分行与分段操作，使页面外观美观。最后，预览网页。 在开始新的课程学习之前，先来了解一下，为什么要为网页设置文本样式及设置哪些文本样式。 通过浏览网站，引导学生明白文本字体、字号、颜色、加粗、倾斜及对齐方式等文本样式的设置是必需的，那么，如何完成文本样式的设置与编辑呢？ 提出任务：完成首页文本样式设置，为首页添加水平分隔线与列表。 可以直接通过属性面板设置指定文本的样式，也可以其他文本位置应用该样式，但样式的修改需要在CSS样式面板中进行。 可以通过制作列表，添加水平线来编辑网页的外观。 1．文本样式设置与应用 ⑴ 为网页中第一行文字“幽幽我心的个人网站”设置文本样式 回忆Word文本格式设置的设置步骤：首先选中相应文本；接着通过格式工具栏进行设置。 网页制作也类似，首先要选中相应文本，接着通过文本属性面板完成设置。 演示设置过程，强调：文本属性设置一气呵成的重要性以及反复选中修改属性的弊端。 简介文本属性面板各部分及其功能，讲解为“字体”列表项添加字体的方法。 为网页中第二段标题文字“自我介绍”设置文本样式。 ⑵ 为标题文字“青春寄语”、“立志飞翔”，应用样式（为“自我介绍”设置的样式） ２．样式重命名 引导学生观察并总结出样式默认命名形式为STYLE+N。一个网页中可能会定义许多样式，而这些样式不一定全是文本类型的，为了方便使用样式，最好对样式进行重命名，使名称能表示样式含义。 演示为“幽幽我心的个人网站”中的文本样完成效果，教师分析。 完成任务
识。 力求通过任务导入，吸引学生学习兴趣。 引入课题。 教师讲解为主。 大多数学生都有编辑Word格式的经验，引导学生将Word格式设置中的经验迁移过来，加深学习的印象。 10