2.192制作图文并茂的网页.ppt

学习目标;2.1 文本和页面属性 2.2 图像的插入和设置 2.3 超链接的设置方法 2.4 翻转图 2.5 Flash对象;2.1 文本和页面属性;2.1 文本和页面属性;2. 插入空格 在Dreamweaver中，无论按键盘上的空格键多少次，只能添加一个空格。若要添加多个空格，一般采用按住Ctrl+Shift +空格键的方法，每按一次，添加一个空格。 ;3. 页面属性的设置 当我们需要对网页的整体外观进行设置时，可通过“页面属性”命令进行设置。在属性面板中单击“页面属性”按钮，或单击菜单“修改”→“页面属性”命令，出现页面属性对话框。在“外观”选项下可以整体上对网页中采用默认方式输入的文字的字体、大小、颜色、页面背景、边距等进行设定。;2.1 文本和页面属性;2.1 文本和页面属性;2.1 文本和页面属性;2.1 文本和页面属性;2.2 图像的插入和设置;2.2 图像的插入和设置;3. 图像属性面板 在网页中用鼠标单击图像，则图像处于选中状态，四周出现控制柄，拖动柄可调整图像大小，同时属性面板显示出与图像有关的属性设置。 ; 宽和高：浏览器中为图像保留的宽度和高度，默认单位为像素。 源文件：指定图像的路径。 链接：指定图像的超链接。 替换：为图像添加注释。 编辑：单击其右侧的优化、裁剪、重新取样、亮度/对比度、锐化等按 钮对图像进行处理，也可以单击按钮打开指定的图像处理软件重新编辑 图像。 垂直边距：指定图像在垂直方向上与文本或其他网页元素的间距。 水平边距：指定图像在水平-方向上与文本或其他网页元素的间距。 目标：指定链接时的目标窗口或框架。 边框：指定图像边框的宽度 图像所处的段落在文档中的对齐方式。 对齐：指定当前图像与旁边的文本的混排方式。 低解析度源：指定当前图像的低分辨率副本的路径。 地图：用于制作图像热点链接。;2.2 图像的插入和设置;2.2 图像的插入和设置;2.3 超链接的设置方法;2.3 超链接的设置方法;（1）网页之间的超连接 要在网页中创建超链接，首先选中要创建链接的对象（文本、图像或其他页面对象），然后可以通过以下3种方法创建超链接。 在属性面板的“链接”文本框中输入目标对象的URL或路径。 拖动“链接”文本框后面的“指向文件”图标到“文件”面板中的目标 对象上（默认使用相对路径）。 单击“链接”文本框后面的“浏览文件”按钮，在打开的“选择文件” 对话框中选择链接对象，然后单击“确定”按钮。; 设置完链接后，在属性面板的“目标”下拉列表框也变为可用状态。“目标”下拉列表框中各选项的含义如下。 _parent：在含有该链接的框架的父框架集或父窗口中打开目标文件。 _self：在该链接所在的窗口或同一框架中打开目标文件，此为默认选项。 _top：在整个浏览器窗口中打开目标文件，因而会删除所有框架。 _blank：在一个新的浏览器窗口中打开目标文件。;（2）网页内的超链接 创建网页内超链接是通过使用“命名锚记”来完成的。 “命名锚记链接”一般用在单个网页篇幅较长，浏览者需要翻屏查看的情况下。 制作锚记链接，首先将光标移到需要插入锚点的位置，单击菜单“插入”→“命名锚记”命令，在弹出的对话框中输入锚记名称，单击“确定”按钮，于是就添加了命名锚记 。然后再创建跳转到这些命名锚记的超链接。建立锚记链接的格式是“#锚记名称”。 ;（3）E-mail链接 E-mail链接是一种特殊的链接，单击这种链接将打开一个空白通讯窗口，允许用户创建电子邮件，并发送到指定的邮箱地址。 创建E-mail链接方法是选择要创建E-mail链接的对象，然后在属性面板的“链接”文本框中输入“mailto:”和E-mail地址，例如“mailto:gushi@”。还可以单击菜单“插入”→“电子邮件链接”命令或单击“插入”面板“常用”选项卡下的“电子邮件链接”按钮，在打开的“电子邮件链接”对话框中进行设置， ;（4）空链接和脚本链接 空链接指的是一个无指向的链接，只要在属性面板的“链接”文本框中输入“#”就可以了。空链接一般为网页上的对象或文本附加行为。此外，空链接还有一个作用，当网页太长时，在底部设一个空链接，可以点击它直接回到网页顶部。 脚本链接是指执行JavaScript代码或调用JavaScript函数。要创建脚本链接，只需在选定文字或图像后，在属性面板的“链接”文本框中输入“javascript:”，并且跟一些JavaScript代码或函数调用即可