admin 管理员组

文章数量: 1086019


2024年5月7日发(作者:sumproduct函数公式怎么用)

中等专业学校2022-2023-2教案

编号:

备课

组别

授课

教师

课题

计算机

课程

名称

授课

系部

网页设计

与制作

所在

年级

授课

班级

二年级

主备

教师

授课

日期

2.4 页面属性

1.掌握制作网页时页面的默认属性设置方法

教学

目标

2.增加学生对网页这门课程的学习兴趣

重点

难点

教法

教学

设备

教学

环节

掌握制作网页时页面的默认属性设置方法

掌握制作网页时页面的默认属性设置方法

讲练法、演示法、任务驱动法

课本、多媒体机房

教学活动内容及组织过程

【新课引入】

制作网页时,首先需要设置整个页面的默认属性,

包括文本格式、网页标题、背景颜色、背景图像、链

接颜色及下划线等,这些设置可以通过“页面属性”

对话框完成。

个案补充

【教学过程及内容】

预备知识

2.4页面属性

1.打开“页面属性”对话框

执行以下操作之一,可打开“页面属性”对话框。

选择菜单“文件”—“页面属性”命令。

在文档窗口的空白处右击,在弹出的快捷菜单中

选择“页面属性”命令。

单击属性面板中的“页面属性”按钮。

2.设置页面属性

“页面属性”对话框有“外观”、“链接”、“标题”、

“标题/编码”和“跟踪图像”五种分类,可以分别设置

页面的默认属性。

(1)外观

“页面属性”对话框的“外观”类别包括CSS外观

和HTML外观,分别如图2-34和图2-35所示,都可以对

页面的“外观”进行设置。

页面字体:指定网页中使用的默认字体,以及字体样

式和粗细。

大小:指定页面中使用的默认文本大小。

文本颜色:指定文本显示的默认颜色。

背景颜色:设置页面的背景颜色。

背景图像:设置页面的背景图像。

重复:指定背景图像在页面的显示方式,

左边距和右边距:指定页面左边距和右边距的大小。

上边距和下边距:指定页面上边距和下边距的大小。

在“链接”选项中可以设置链接的属性,如图2-37

所示。

链接字体:指定页面链接文本使用的默认字体。

(2)链接

大小:指定页面链接文本使用的默认文本大小。

链接颜色:指定页面链接文本的颜色。

已访问链接:指定已访问链接文本的颜色。

变换图像链接:指定当鼠标指针位于链接文本上时显

示的颜色。

活动链接:指定用鼠标指针单击链接文本时显示的颜

色。

下划线样式:指定链接文本采用的下划线样式。列表

中提供了4种样式,如图2-38所示,如果选择“始终无

下划线”,则自动取消网页链接文本的下划线。

(3)标题

在“标题”类别中可以设置网页中标题的格式,即设

置属性面板“格式”列表框中各标题的默认属性。

标题字体:指定网页中标题使用的默认字体。

“标题”选项组:分别为“标题1”至“标题6”指

定文本的大小和颜色。

(4)标题/编码

在“标题/编码”选项中可以设置网页标题的内容和

编码类别。

标题:指定在浏览器窗口的标题栏上显示的页面标

题。系统默认的网页标题是“无标题文档”。

编码:指定当前网页中文本采用的编码类别。

(5)跟踪图像

“跟踪图像”是Dreamweaver一个非常有效的功能,

它允许用户在网页中将原来的平面设计稿作为辅助的背

景。这样用户在编辑网页时即可精确的定位页面元素。

提示:

(1)如果在“页面属性”对话框中同时设置了背景

颜色和背景图像,那么在网页中优先显示背景图像,没有

图像的位置显示背景颜色。

(2)设置页面标题,还可以直接在页面属性面板的

“文档标题” 框中输入。或者在“代码”视图窗口中,

修改标题代码之间的内容,如图2-41

所示。

【巩固练习】

提问基础概念,学生回答。

【课堂小结】

师生共同总结本节知识点

【作业布置】

2.4页面属性

1.操作步骤

2.分类:

“外观”、“链接”、“标题”、“标题/编码”和“跟踪图像”

教后札记


本文标签: 页面 网页 链接 指定 标题