第2章 网页元素的添加1 文本和页面属性　课件

学习目标 掌握各种网页元素添加的方法 学会进行页面属性的设定 学会进行简单的页面布局 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 网页效果如图所示 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 1）新建文件夹zangao，在该文件夹中新建子文件夹image，将所有素材拷贝到image文件夹中。在Dreamweaver CC中，单击菜单命令“站点” →“新建站点”，打开“站点设置对象”对话框进行站点定义，设站点名称为“藏獒传说”，站点文件夹定义为文件夹zangao。 2）单击菜单命令“文件”→“新建”，在弹出的“新建文档”对话框中保持默认设置，单击“创建”按钮，则新建了一个空白网页。单击菜单命令“文件”→“另存为”，保存网页为jianshang.html。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 3）在“文档”工具栏中设网页的标题为“藏獒传说-藏獒鉴赏”。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 4）在文档窗口下部的属性面板中单击“页面属性”按钮，打开“页面属性”对话框。在“外观（CSS）”选项下，设“背景图像”为image/bg.gif，单击“确定”按钮，为网页添加背景图像，此时文档窗口出现了背景图案。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 5）在文档窗口中输入文本“藏獒鉴赏”。按回车键另起一段。打开image文件夹中的“藏獒文字介绍.doc”，将其中的第1段文字复制粘贴到网页中。将光标分别移动到如图所示的文字处按回车键，将文本分成不同的段落。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 6）鼠标选中第一行文字。在属性面板中切换到文字CSS属性面板，设文字的大小为24，文字颜色为#FF6600，单击“居中对齐”按钮 使得文字居中对齐。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 7）单击“字体”右侧的下拉列表，选择“管理字体”选项。在弹出的“管理字体”对话框中切换到“自定义字体堆栈”选项卡，在“可用字体”列表中选择“隶书”，单击 按钮 将字体“隶属”添加到左侧的“选择的字体”列表框中，单击对话框上部的 按钮，再在“可用字体”中选择“宋体”，单击 按钮 添加字体。同样的，单击对话框上部的 按钮，再在“可用字体”中选择“楷体”，单击“完成”按钮退出对话框。此时隶书、宋体、楷体被添加到字体列表中了。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 7）单击“字体”右侧的下拉列表，选择“隶书”，则选中文字变为隶书字体，属性面板和文字效果如图所示。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 8）在文档中选中第2段文字，在文字CSS属性面板中设文字的字体为宋体，输入字号大小为13，按回车键确认，文字颜色为黑色，单击“左对齐”按钮 ，属性面板如图所示。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 将光标移到第2段落开始位置，按住Ctrl+Shift +空格键插入空格，共按4次，使得段落首行缩进2个字，文字效果如图所示。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 选中第3、4、5、6段文字，在文字的CSS属性面板中设文字的字体为楷体，字号大小为13，文字颜色为黑色。在属性面板中切换到文字的HTML属性面板中，单击斜体 按钮将文字加粗变为斜体。 选中第4、5、6段文字，单击项目列表按钮 ，添加项目列表符号。属性面板如图2-13所示。将光标移到第3段落开始位置，按住Ctrl+Shift +空格键插入空格，共按4次，使得段落首行缩进2个字。 2.1 第2章 网页元素的添加 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 2.1 文本和页面属性 2.1 第2章 网页元素的添加 2.1.2 新知解析 2.1 文本和页面属性 1. 文本的“属性”面板 在文档窗口输入一段文字，选中文