计算机基础公开课教案.docxVIP

宣城市信息工程学校《网页制作》教案设计

第PAGE4页共NUMPAGES5页

项目名称

项目二文本编辑

课题名称

任务三插入特殊字符与列表

课型

新授课

课时

2课时

【教学目标】

知识与技能

1、掌握在网页中插入各种特殊字符的方法。

2、理解在网页中插入水平线和时间,并会进行相关设置。

3、会设置网页文字列表项。

二、过程与方法

1、会在网页中插入各种需要的符号，灵活运用。

2、理解设置网页水平线与HTML语言的关系。

三、情感、态度与价值观目标

1、培养学生仔细观察事物的习惯和主动学习的能力。

2、培养和树立学生良好审美意识，培养学生自主设计的能力。

【教学重点】掌握在网页中插入各种特殊字符的方法。

【教学难点】理解设置网页网页文字列表项方法。

【教学环境】多媒体网络机房、PPT课件。

【教学方法】体验式教学法，任务驱动法。

【学习方法】记录要点，模仿制作，动手操作。

【教学过程】

教学流程

教师活动

学生活动

一、导入(5-7分钟)

导语

文字是网页中最基本的元素。在网页中除了插入文字外，还有一些非常重要的元素，如特殊字符、水平线、时间日期等，这些在网页中也比较常用，运用它们有利于页面的信息组织与布局。

学生听课

引入课题

这节课我们就来学习怎样在网页中插入特殊字符、水平线、时间日期等。

学生跃跃欲试

任务1插入特殊字符(22-25分钟)

教师综述

在DreamweaverCS5中，除了可以插入基本文字外，还可以插入特殊字符、换行符、不换行空格、版权符号注册商标等特殊符号。

学生听课

一、插入版权符号

教师演示

如在“唐诗”网站的“佳句欣赏”网页底部，输入文字“唐诗网?版权所有”，中间的版权符号?怎样输入呢？就可单击插入栏中“文本”选项卡的“字符”下拉按钮，单击“?版权”字符按钮，如图1所示。

当在网页中需输入一些其它特殊字符时，可单击菜单“插入”栏中“文本”选项卡的“字符”下拉按钮，单击“?版权”，如图2所示。

学生模仿插入

二、插入多个连续空格

教师演示

在DreamweaverCS3的默认状态下，两个字符间无论按多少次空格键，只能插入一个空格，若想添加多个连续的空格，需要进行特别的操作。空格的HTML代码为nbsp；。

学生模仿插入

方法一：

教师演示

可单击插入栏中“文本”选项卡的“字符”下拉按钮，单击“不换行空格”字符按钮，每选一次插入一个空格，如图3所示。

图3插入不换行空格

学生模仿插入

方法二：

教师演示

按快捷键Ctrl+Shift+空格键。

学生模仿插入

方法三：

教师演示

选择“编辑”→“首选参数”，勾选“允许多个连续空格”选项。然后就可以在编辑窗口连续按空格键输入多个空格了。

学生模仿练习

三、插入段落和换行标记

教师演示

段落是文章中最基本的单位。内容上它具有一个相对完整的意思；在文章中，段具有换行的标。网页中的文字内容总是要有段落的，怎样进行合理分段呢？

学生认真听课并理解

1、分段

教师演示

在文档中，每输入一段文字，按下Enter，就自动生成一个段落，两个段落之间是有一定间距的。

学生模仿练习

2、插入换行标记

教师演示

分段操作会使段落之间会产生很大的间距，如果想将文字换到下一行且不产生较大的间距，就要插入一个“换行”标记“↓”，其方法是按“Shift+Enter”键，这样既保证了文本还在同一段落中，又使文本换到了下一行。

学生模仿练习

任务2插入水平线和日期(15-18分钟)

一、插入水平线

教师演示

教师讲解

水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线非常直观地分隔文本和对象，使文本对象整洁明了，页面组织结构清晰，使文档结构清晰，层次分明。

在“唐诗”标题之后，插入水平线。将光标定位在“唐诗”标题之后，单击菜单“插入记录”→“HTML”→“水平线”命令，可插入水平线。

此时属性面板变为水平线属性面板，如图4所示，可对水平线的宽、高、对齐方式、阴影等进行设置。

水平线的颜色要在“代码”视图下设置，如

hralign=centerwidth=90%noshade=noshadecolor=#993300/。

学生模仿练习

学生认真听课并理解

二、插入日期

教师演示

插入当前文档的编辑日期，可使用户标记网页编辑日期。

在“唐诗”标题之后，插入时间。将光标定位在“唐诗”标题之下一行，单击菜单插入记录”→“日期”命令，在弹出的“插入日期”对话框中选择日期的格式，如图5所示，可选择插入时间，就可插入日期和时间。

图5插入日期

学生模仿练习

任务3创建列表(30-35分钟)

一、设置列表项：

教师演示

打开“唐诗”网站中的首页页面index.ht