第2章 节 　网页元素的添加 实战Dreamweaver8网页制作教程电子教案.pptVIP

2.* 第2章 网页元素的添加 学习目标 掌握各种网页元素添加的方法 学会进行页面属性的设定 学会进行简单的页面布局 2.1 文本和页面属性 2.2 图像的插入和设置 2.3 超链接的设置方法 2.4 翻转图 2.5 Flash对象 本章内容 2.1 文本和页面属性 2.1.1 案例制作：网页“藏獒鉴赏”部分正文 通过本案例的操作，你将学会： 如何插入文本和设置文本的属性、 如何插入网页背景图像和设置项目列表。 2.1 文本和页面属性 2.1.2 新知解析 1. 文本的属性面板 在文档窗口输入一段文字，此时属性面板变为文本属性面板，可通过文本属性面板对文本进行设定。 2. 插入空格 在Dreamweaver中，无论按键盘上的空格键多少次，只能添加一个空格。若要添加多个空格，一般采用按住Ctrl+Shift +空格键的方法，每按一次，添加一个空格。 2.1 文本和页面属性 2.1 文本和页面属性 5. 水平线 水平线主要用于分隔文档内容，使文档结构清晰，层次分明。单击菜单“插入”→“HTML”→“水平线”命令，或单击插入面板组中“HTML”选项下的 按钮可插入水平线，此时属性面板变为水平线属性面板，可对水平线的宽、高、对齐方式、阴影等进行设置。 2.1 文本和页面属性 2.1.3 技巧提示 1. 水平线颜色的修改 2. 换行与回车键的不同 2.1 文本和页面属性 2.1.4 实战演练：网页“藏獒鉴赏”的制作 通过本案例的操作，你将学会：如何插入文本和设置文本的属性、如何插入网页背景图像、如何插入水平线、日期、特殊符号并进行设置。 2.2 图像的插入和设置 2.2.1 案例制作：网页“球星---亨利” 通过本案例的操作，你将学会：如何插入图像和设置图像属性、如何设置网页背景颜色、如何设置图像和文本的对齐方式和进行文本换行。 2.2 图像的插入和设置 2.2.2 新知解析 1. 常见的图像类型和格式 目前已知的图像格式有几十种，但能在浏览器中显示的图像只有GIF、JPEG和PNG三种，而最常用的是GIF和JPEG两种。 2. 插入图像 在插入图像前，应将图像与网页文件保存到同一文件夹。在网页中插入图像的方法如下。 将光标移到要插入图片的地方，选择“插入”→“图像”命令，打开“选择图像源文件”对话框。选中需要插入的图像文件，单击“确定”按钮，打开“图像标签辅助功能属性”对话框。输入所需的信息后，单击“确定”按钮，此时在文档窗口中将显示出该图像。 3. 图像属性面板 在网页中用鼠标单击图像，则图像处于选中状态，四周出现控制柄，拖动柄可调整图像大小，同时属性面板显示出与图像有关的属性设置。 2.2 图像的插入和设置 宽和高：浏览器中为图像保留的宽度和高度，默认单位为像素。 源文件：指定图像的路径。 链接：指定图像的超链接。 替换：为图像添加注释。 编辑：单击其右侧的优化、裁剪、重新取样、亮度/对比度、锐化等按 钮对图像进行处理，也可以单击按钮打开指定的图像处理软件重新编辑 图像。 垂直边距：指定图像在垂直方向上与文本或其他网页元素的间距。 水平边距：指定图像在水平-方向上与文本或其他网页元素的间距。 目标：指定链接时的目标窗口或框架。 边框：指定图像边框的宽度 图像所处的段落在文档中的对齐方式。 对齐：指定当前图像与旁边的文本的混排方式。 低解析度源：指定当前图像的低分辨率副本的路径。 地图：用于制作图像热点链接。 2.2 图像的插入和设置 2.2 图像的插入和设置 2.2.3 技巧提示 1. 图像“属性”中的“对齐”与段落对齐方式的不同 2. 网页元素的定位 2.2 图像的插入和设置 2.2.4 实战演练：网页“球星风采”的制作 通过本案例的操作，你将学会：如何插入图像和设置图像属性、如何借助表格进行文本和图像的定位。 2.3 超链接的设置方法 2.3.1案例制作：网站“诗词大观”首页 通过本案例的操作，你将学会：如何插入文本、图像和设置它们的属性、如何插入表格并借助表格进行文本和图像的定位、如何建立锚记链接、电子邮件链接、绝对超链接、空连接。 2.3 超链接的设置方法 2.3.2 新知解析 1. 超链接的表现形式 （1）网页之间的超连接 （2）网页内的超链接 （3）E-mail链接 （4）空链接和脚本链接 （5）图像热点链接 （1）网页之间的超连接 要在网页中创建超链接，首先选中要创建链接的对象（文本、图像或其他页面对象），然后可以通过以下3种方法创建超链接