文档介绍:模块3 简单网页的制作
整理课件
模块3 简单网页的制作
掌握网页中文本的编辑方法。
了解网页中常用的图像类型。
掌握网页中图像的编辑方法。
了解网页制作中路径的概念。
掌握网页链接的设置方法。
掌握简单图文混排网页的制作方法。
知识目标
整理课件
模块3 简单网页的制作
能恰当地添加网页文本。
能在页面中添加图像和图像特效。
能够使用链接实现网页间的有效交互。
能力目标
整理课件
模块3 简单网页的制作
任务1:实现网页中文本的添加与设置操作。
任务2:实现向网页中添加图像的操作。
任务3:实现向网页中添加超链接的操作。
具体任务
整理课件
文本的添加
(1)
(2)
(3)
(4)
水平线的插入
文本的编辑
特殊符号的添加
任务1 实现网页中文本的添加与设置操作
整理课件
任务1 实现网页中文本的添加与设置操作
文本是网页中最基本的元素之一,在Dreamweaver中可以直接输入文本,还可以引用外部文本文件。引用外部文本文件时,可以打开外部文本文件,选择要引用的文本内容,将其复制后粘贴到网页中,如图3-1所示。
整理课件
任务1 实现网页中文本的添加与设置操作
1)文本段落的编辑和对齐方式
(1)
(2)
(3)
按Enter键分段
按Shift+Enter组合键换行
选取要编辑的文本,单击“属性”面板中的对齐方式按钮,即可设置被选文本的对齐方式。
整理课件
任务1 实现网页中文本的添加与设置操作
整理课件
任务1 实现网页中文本的添加与设置操作
2)编辑文本的字体、颜色和大小
(1)选取要编辑的文本,在“属性”面板中单击CSS按钮,然后在“字体”下拉列表框中选择相应字体,若其中没有要使用的字体,则可以在“字体”下拉列表框中选择“编辑字体列表”选项,如图3-4所示。
整理课件
任务1 实现网页中文本的添加与设置操作
(2)随即弹出“编辑字体列表”对话框,在“可用字体”列表框中选择要使用的字体,单击添加按钮,将需要的字体添加到“选择的字体”列表框中,然后单击“确定”按钮,如图3-5所示。
整理课件