网页电子教案-第3章.ppt

第3章 网页中的基础元素 第3章 网页中的基础元素 3.1 在网页中插入文本 3.2 在网页插入图像 3.3 插入其他网页元素 3.4 设置网页的页面属性 3.5 设置超级链接 本章小结 3.1 在网页中插入文本 3.2 在网页插入图像 3.3 插入其他网页元素 3.4 设置网页的页面属性 3.5 设置超级链接 第3章 网页中的基础要素 　　在页面属性对话框架可以对网页的文本进行统一的字体、字号及文本颜色的设置 　　1．在页面属性对话框中，选择“外观”分类。 　　2．在“页面字体”的下拉菜单中，选择字体。 　　3．在“大小”下拉菜单中，选择字号。 　　4．单击“文本颜色”右侧的调色板，可以设置文本的颜色。 3.4.4 设置网页的文本 3.4 设置网页的页面属性 　　页面属性中“左边距”、“右边距”、“上边距”和“下边距”四个选项，用于设置网页页面元素与页面边界的宽度或高度。其右侧下拉列表为宽度或高度的单位，默认为“像素”。 3.4.5 设置网页的边界 3.5.1 超链接的路径 3.5.2 创建基本超链接 3.5.3 锚点链接 3.5.4 热区链接 3.5.5 电子邮件链接 　　 ①绝对路径。是提供所链接文档的完整路径，且包含其应用协议（如http://）。主要用于创建站外具有固定地址的链接，如要建立到中央电视台的链接就可以使用。 　　②文档相对路径。是以当前文档所在位置为起点到被链接文档经由的路径，省略对于当前文档和所链接的文档都相同的绝对路径部分，而只提供不同的路径部分，如：gerenwenjian/jiangli.html。具有可移植性，是网页制作的首选。 　　③根目录相对路径（又称服务器路径）：使用多个服务器的大型站点会要用到这种文档路径。如：/image/button.gif”即是连接网络服务器根目录下的image文件夹中的button.gif文件，必须在网络环境之下才能使用这种路径。 3.5.1 超链接的路径 3.5 设置超级链接 　　1、在网页中，选择要超链接的载体（文字或者图）像，选择“净月潭国家森林公园”。 　　2．在属性检查器中，单击“链接”后的“浏览” 　按钮，打开“选择文件”对话框。 　　3．选择链接的目标文件，单击“确认”按钮。 　　4．在“属性检查器”中的“目标”下拉菜单中,选择目标文件打开的位置,如图。 　　5．保存并在浏览器中预览网页，建立了超链接的文字变为蓝色并带有下划线。 　　6．单击创建超链接的文字，测试链接的完好性。 3.5.2 创建基本超链接 3.5 设置超级链接 　　1．创建命名锚记 　　（1）光标定位在要创建命名锚记的位置，如在图4.49网页中的标题“长春介绍”前定位光标。 　　（2）执行以下操作之一： 　　?单击菜单栏中的“插入”|“命名锚记”命令 　　?在“插入”栏中的“常用”类别中，单击“命名锚记” 。 　　（3）打开“命名锚记”对话框，如图。 3.5.3 锚点链接 3.5 设置超级链接 　　（4）在“锚记名称”文本框中输入锚记名称，如“top”。 　　（5）单击“确定”按钮退出，则在文档的相应位置出现一个 图标这就是命名锚记的符号。 3.5.3 锚点链接 3.5 设置超级链接 　　1、在网页中插入图片。 　　2．单击选中图片，“属性检查器”出现热区工具按钮。 　　3．单击“矩形”热区按钮 ，将光标移到图像上按下并拖动鼠标，绘制出一个浅蓝色带有黑色的边框的矩形区域。 3.5.4 热区链接 3.5 设置超级链接 * $ [知识目标] 　　掌握在网页中的文本和段落的设置方法 　　掌握图像的插入及其属性的设置的方法 　　熟悉页面属性的设置 　　熟悉各种超级链接及设置 8 [能力目标] 　　掌握文本和段落属性设置的操作 　　掌握图像的插入及图像属性设置的操作 　　掌握页面属性的设置操作 　　掌握各种超级链接的设置及编辑操作 3.1.1 插入文本 3.1.2 设置文本格式 3.1.3 段落格式的编辑 3.1.4 设置列表 3.1.5 简单的CSS样式应用 　　（一）插入普通文本:添加文本有以下三种方法： 　　1．直接在文档窗口中输入文本。 　　2．拷贝文本。 　　3．从其他文档导入文本。 　　（二）插入特殊字符 　　1．将光标定位在要插入特殊字符的位置。 　　2．在“插入”栏的“文本”类别中，选择要插入的符号，如图。 3.1.1 插入文本 3.1 在网页中插入文本 　　1．选择要设置的文本。 　　2．在“属性检查器” ，设置文本格式。 3.1.2 设置文本格式 3.1 在网页中插入文本 　　（一）应用己有的标题格式 　　（二）自定义设置段落格式 　　1．设置对齐方式 　　2．设置段落缩进 3.1.3 段落格式的编辑 3.