专题3 网页元素的插入和设置（课件）-《网页设计与制作》（电子工业出版社）高考备考讲练测(山东省)

专题三、网页元素的插入和设置 网页设计与制作课程 专题复习讲练测 考纲要求 1、掌握文本的输入及属性设置方法。 2、掌握图像的插入及属性设置方法。 3、掌握动画、音频和视频文件的插入及属性设置方法。 知识点梳理 一 第一讲 文本的插入和设置 知识点一 在网页中添加文本 1、添加普通文本 可以采用以下三种方法。 （1）直接通过键盘输入文本。 （2）在其他应用程序中，选择文本，按【Ctrl+C】组合键进行复制，在DW的“文档”窗口中，选择“编辑→粘贴”菜单命令（或按【Ctrl+V】组合键）复制文本。 （3）选择“文件→导入→Word文档”菜单命令，弹出“导入Word文档”对话框，选择要导入的Word文档，单击“打开”按钮，将该Word文档中的全部文本添加到“文档”窗口中。 知识点梳理 一 第一讲 文本的插入和设置 知识点一 在网页中添加文本 2、插入空格 （1） 默认情况下，网页文档只允许在文本或字符之间输入一个空格。 （2）若要在文档中输入多个连续空格，如下操作： （6种） 选择“插入”面板中的“文本”类别，在“字符”下拉菜单中选择“不换行空格”。 选择“插入”→“HTML”→“特殊字符”→“不换行空格”命令。 按【Ctrl+Shift+Space】组合键。 在“代码”视图窗口中，输入空格代码“&nbsp;”。 切换中文输入法为全角状态，按空格键可以输入多个空格。 选择“编辑→首选参数”菜单命令，弹出“首选参数”对话框，如图所示。在“分类”列表中选择“常规”选项，勾选“允许多个连续的空格”复选框，单击“确定”按钮。此时，可以直接按空格键输入空格。 知识点梳理 一 第一讲 文本的插入和设置 知识点一 在网页中添加文本 3、插入特殊字符 选择“插入”→“HTML”→“特殊字符”菜单命令，在子菜单中选择要插入的特殊字符。 用鼠标右键单击输入法工具条上的软键盘，如左图所示，从打开的列表中选择相应的符号组，如选择“特殊符号”，其软键盘如右图所示，单击可插入特殊字符。 4、插入日期 “文档”窗口中，将插入点定位到需要插入日期的位置。选择“插入→HTML→日期”菜单命令或单击“插入”面板“常用”类别中的“日期”按钮，弹出“插入日期”对话框，如图所示，设置完成后，单击“确定”按钮。 知识点梳理 一 第一讲 文本的插入和设置 知识点二 文本的分段和换行 自动换行：输入的文本(数字和字母除外)到达文档窗口右边界时，会自动转到下一行。 强制换行：若想在指定的位置换行，则需要强制换行。 两段之间出现一空行 段落换行 ①换行的位置直接按【Enter】键。 ②代码视图窗口中输入段落标记<p>和</p>。 两行之间不出现空行 按【Shift+Enter】组合键。 换行符换行 选择“插入”—“HTML”—“特殊字符”—“换行符”命令 “插入”面板中的“文本”类别，在“字符”下拉菜单中选择“换行符” “代码”视图窗口中，输入换行标记 <br/>。 强制换行 知识点梳理 一 第一讲 文本的插入和设置 知识点三 文本属性设置 1、设置字体 在文本“属性”面板中单击“CSS”按钮，切换到文本的CSS设置界面。从“字体”列表中选择合适的字体类型，这时系统会自动弹出“新建CSS规则”对话框，在“选择器名称”中输入一个名字，单击“确定”按钮。DW的默认字体是宋体，“字体”列表默认显示的是英文字体类型。 若设置其他中文字体，需先将中文字体类型添加到字体列表中，方法如下 ①单击文本“属性”面板中的“字体”列表按钮，选择“管理字体”列表命令，弹出“管理字体”对话框。 ②在“自定义字体堆栈”选项卡的“可用字体”列表中选择要添加的字体，双击鼠标或单击添加按钮，将其添加到“选择的字体”列表中，可同时添加多种字体。 知识点梳理 一 第一讲 文本的插入和设置 知识点三 文本属性设置 2、设置文字大小 在“大小”列表框中选择相应的大小级别和单位，可以更改选择文字的大小。 无:以默认字号显示。 9至36: 8个字号级别，数值越大，字号越大。可以在“大小”框中直接输入数字，设置字号大小。 xx-sma1l 至larger:设置字符相对于默认字符大小的增减量 3、设置文本颜色 单击属性面板中的 按