资源简介

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

展开更多......

收起↑