网页设计与制作教案5

第2次课：设置文本格式、插入特殊字符

第2次课：了解表单的概念；了解常用的表单标记（控件）

1.网页的概念和分类。

2.文本的作用；

3.网页新建的方法；

4.页面属性的基本设置；

5.网页中文字的录入方式。

第2次课： 

1.文本的属性设置；

2.网页中的特殊元素的插入（空格、水平线、特殊字符等）；

重点：网页的新建方式。

难点：文字录入的不同方式。

解决方案：学做合一，实践任务

第2次课： 

重点：文本属性设置的方式；特殊字符的插入。

难点：文本的css样式设置；特殊字符地表达方式。

解决方案：学做合一，实践任务

第2次课：多媒体教学

（在右栏勾选）

实验（ ）实训（ ）  上机（√）

第2次课：

第一步：问题导入（10分钟）

提问“一个网站会由许多网页组成，同学们对网页的了解有多少？”，让学生讨论自己的看法。通过引导学生回答问题引出本节课的教学内容。

第二步，知识讲解（35分钟）

知识讲解要点如下：

一、网页的分类

1、静态网页：.html、.htm、.shtml等；

2、动态网页：.asp、.jsp、.php。

二、创建网页

流程：

一个网站的第一个页面即网站的首页，一般默认将首页命名为index或default。

普通网页命名一般遵循以下规则：

1、使用小写；

2、尽量使用英文；

3、不加中间横杠和下划线；

4、尽量不使用缩写

三、页面属性设置

四、文字录入

    在输入文字的过程中，我们可能会给文字进行换行操作，让不同内容的文字显示在不同段落。在Dreamweaver中，有分段和分行两种换行的方式：

1．分段：按Enter键输入，在代码界面产生

标签，也称段落标签，将文本彻底的分开，成为两个段落。

2．分行：按Enter+shift输入，在代码界面产生
标签，也称换行符，这时文字也会落到下一行去，但行与行中间不会产生空白行，上下的文本也依旧在同一个段落中。

第三步，课堂实践（35分钟）

1、创建一个属于自己的网站首页，要求页面类型为“HTML”,页面名称为“index”，并在网页中输入简单文字。并按要求设置成黑色背景、白色文字。

2、使用DW软件，结合页面设置操作，完成一个类似下图的自我介绍网页。

第四步，教师总结（10分钟）

总结本次课的内容，要求掌握新建网页的方法，并掌握页面属性的设置。

第二次课 设置文本格式、插入特殊字符

第一步，问题导入（10分钟）

现在，我们输入的文字都堆砌在网页中，不够美观，访问者看到大片的文字会感觉乏味，从而离开网站，不再停留，那么该如何留住浏览者呢？

第二步，知识讲解（35分钟）

知识讲解要点如下：

一、设置网页中文本格式的方法。

1、当用光标选中文本时，在“属性”面板中会显示文本的各项属性，通过修改这些数值对文本进行设置。

2、通过创建CSS样式。

二、文本属性栏

（一）HTML分类

1、格式

2、ID

3、类

4、粗体、斜体

5、格式控制（项目列表、编号列表、文本突出和缩进）

6、链接

（二）CSS分类

1、目标规则

2、字体

3、大小

4、字体颜色

5、对齐方式

三、特殊文本元素

四、特殊字符表达方式

   1、数字参考：“&#D;”，其中D为一个数值，不同的数值表示不同的字符，如“©”为版权符号“©”。

   2、实体参考：前缀“&”和后缀“;”，中间为表示字符地名称，不同的字符有不同的名字，如“®”表示注册商标“®”。

每一个特殊字符都有对应的数字参考和实体参考。

第三步，课堂实践（35分钟）

1、利用dreamweaver软件制作如下图所示的网页。

2、利用dreamweaver软件制作如下图所示的网页。

第四步，教师总结（10分钟）

总结本次课内容，强调美观的网页是通过对网页文本进行属性设置，插入特殊字符，对文本进行编排，使网页更加合理，便于浏览。