2.1学会文本的插入与编辑 课件 - 2022-2023学年高二下学期（中职）《网页设计与制作》（武汉大学版）

第2章 学习网页根本之文字与图像 学会文本的插入与编辑 2.1 学会图像的插入与编辑 2.2 2.1 学会文本的插入与编辑 2.1.1 插入文本 2.1.2 插入水平线 2.1.3 插入日期 2.1.4 知识拓展 2.1.1 插入文本 　1．直接输入法 　　在文档编辑窗口中直接输入文本内容，在输入时需要注意以下两点。 　　第一点：如何换行。 按Enter键或Shift+Enter组合键实现换行。按Enter键，会生成一个段落，行距较大；按Shift+Enter组合键，实现换行不分段，行距较小。 第二点：如何输入空格。 方法1：输入法状态条上的“半角”改为“全角”。 方法2：插入栏切换到“文本”选项卡，在“字符”下拉列表中选择“不换行空格”选项。 2.1.1 插入文本 方法3：选择“编辑”→“首选参数”命令，在弹出的“首选参数”对话框左侧的“分类”列表中选择“常规”选项，然后在右边选中“允许多个连续的空格”复选框，如下图所示。 2.1.1 插入文本 2.1.1 插入文本 2．复制/粘贴法 　　先复制所需的文本内容，然后在文档编辑窗口中粘贴。 2.1.1 插入文本 3．从Word文档导入法 　　使用“文件”→“导入”→“Word文档”命令，如下图所示，可以把 Word文档的内容导入Dreamweaver的文档区域。 2.1.1 插入文本 2.1.1 插入文本 2.1.2 插入水平线 如果网页文档由不同内容构成，在内容之间插入水平线，可以起到分隔文本的作用，使内容更加容易理解。 1．插入水平线 　　选择插入栏的“HTML”选项卡，单击“插入水平线”图标，即可在网页中插入水平线。选中水平线，可以在 属性面板中对它的属性进行设置，如下图所示。 2.1.2 插入水平线 其中各属性的功能如下：  宽：用来设置水平线的宽度。如果以像素为单位，则插入的水平线长度是固定的；而以百分比为单位，则插入的水平线长度将根据表格或网页文档窗口的大小自动改变。  高：用来设置水平线的高度。 2.1.2 插入水平线  对齐：使水平线左对齐、右对齐或居中对齐。默认情况是居中对齐。  阴影：为水平线增加立体感。  类：在文本中应用的样式列表的样式将显示在分类列表中。 2.1.2 插入水平线 2．改变水平线的颜色 （1）选中水平线，单击鼠标右键，在弹出的快捷菜单中选择“编辑标签”选项，如下图所示。 2.1.2 插入水平线 （2）打开“标签编辑器”对话框后，在左侧列表框中选择“浏览器特定的”，在右侧选择需要的颜色，单击“确定”按钮即可，如下图所示。 2.1.2 插入水平线 水平线的颜色不能在文档编辑窗口中显示，需要按F12键在浏览器中查看。 2.1.2 插入水平线 2.1.3 插入日期 在网页上设置站点发布日期，可以给设计者和访问者带来方便。 　　插入日期的操作步骤如下： （1）在文档编辑窗口中，将光标移动到要插入日期的位置。 （2）单击常用面板中的“日期”按钮，或者在菜单栏选择“插入”→ “日期”命令，在弹出的“插入日期”对话框中选择相应的格式，单击“确定”按钮即可，如下图所示。 2.1.3 插入日期 2.1.4 知识拓展 1.设置文本属性 　2.添加字体 3.添加特殊字符 4.页面属性的设置 $