中职网页设计与制作(中国工信出版集团)教案:页面属性
中等专业学校2022-2023-2教案
编号:
梦见佛光快刀斩乱麻打一成语是什么
备课组别哪个专业好就业
计算机
课程名称
网页设计
与制作
所在
年级
二年级
教师
授课教师
授课系部
授课班级
授课
日期
课题
2.4 页面属性
教学
目标
1.掌握制作网页时页面的默认属性设置方法
2.增加学生对网页这门课程的学习兴趣
重点
掌握制作网页时页面的默认属性设置方法
难点
掌握制作网页时页面的默认属性设置方法
教法
讲练法、演示法、任务驱动法
教学设备
课本、多媒体机房
教学
环节
教学活动内容及组织过程
个案补充
【新课引入】
制作网页时,首先需要设置整个页面的默认属性,包括文本格式、网页标题、背景颜、背景图像、链接颜及下划线等,这些设置可以通过“页面属性”对话框完成。开网店流程
【教学过程及内容】
预备知识
2.4页面属性
1.打开“页面属性”对话框
执行以下操作之一,可打开“页面属性”对话框。
选择菜单“文件”—“页面属性”命令。
在文档窗口的空白处右击,在弹出的快捷菜单中选择“页面属性”命令。
单击属性面板中的“页面属性”按钮。
2.设置页面属性
“页面属性”对话框有“外观”、“链接”、“标题”、“标题/编码”和“跟踪图像”五种分类,可以分别设置页面的默认属性。
感恩老师的作文800(1)外观
“页面属性”对话框的“外观”类别包括CSS外观和HTML外观,分别如图2-34和图2-35所示,都可以对页面的“外观”进行设置。
页面字体:指定网页中使用的默认字体,以及字体样式和粗细。
大小:指定页面中使用的默认文本大小。
文本颜:指定文本显示的默认颜。
背景颜:设置页面的背景颜。
背景图像:设置页面的背景图像。
重复:指定背景图像在页面的显示方式,
左边距和右边距:指定页面左边距和右边距的大小。
上边距和下边距:指定页面上边距和下边距的大小。
关闭自动播放
(2)链接
在“链接”选项中可以设置链接的属性,如图2-37所示。
链接字体:指定页面链接文本使用的默认字体。
大小:指定页面链接文本使用的默认文本大小。
链接颜:指定页面链接文本的颜。
已访问链接:指定已访问链接文本的颜。
变换图像链接:指定当鼠标指针位于链接文本上时显示的颜。
活动链接:指定用鼠标指针单击链接文本时显示的颜。
下划线样式:指定链接文本采用的下划线样式。列表中提供了4种样式,如图2-38所示,如果选择“始终无下划线”,则自动取消网页链接文本的下划线。
(3)标题
在“标题”类别中可以设置网页中标题的格式,即设置属性面板“格式”列表框中各标题的默认属性。
标题字体:指定网页中标题使用的默认字体。
“标题”选项组:分别为“标题1”至“标题6”指定文本的大小和颜。
 
(4)标题/编码
在“标题/编码”选项中可以设置网页标题的内容和编码类别。
标题:指定在浏览器窗口的标题栏上显示的页面标题。系统默认的网页标题是“无标题文档”。
编码:指定当前网页中文本采用的编码类别。
(5)跟踪图像
“跟踪图像”是Dreamweaver一个非常有效的功能,它允许用户在网页中将原来的平面设计稿作为辅助的背景。这样用户在编辑网页时即可精确的定位页面元素。
提示:
(1)如果在“页面属性”对话框中同时设置了背景颜和背景图像,那么在网页中优先显示背景图像,没有图像的位置显示背景颜。
(2)设置页面标题,还可以直接在页面属性面板的“文档标题” 框中输入。或者在“代码”视图窗口中,修改标题代码<title>和</title>之间的内容,如图2-41所示。
【巩固练习】
提问基础概念,学生回答。
【课堂小结】
师生共同总结本节知识点
【作业布置】
 
2.4页面属性
1.操作步骤
2.分类:
“外观”、“链接”、“标题”、“标题/编码”和“跟踪图像”
教后札记

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。