网页制作-电子教案- 模块2.pptVIP

2.6 图像的插入与编辑 2．图像的插入 图像是网页制作过程中经常用到的元素，它可以使网页更加直观和具有欣赏性。在网页中插入图像的方法如下。 ① 将光标定位到窗口中要插入图像的位置，执行以下操作之一。 ◇ 选择菜单“插入→图像”命令。 ◇ 单击“插入”面板“常用”类别中的“图像”按钮 。 ◇ 按【Ctrl+Alt+I】组合键。 ② 打开“选择图像源文件”对话框，选择要插入的图像文件，单击“确定”按钮。 ③ 如果图像文件不在站点文件夹中，会弹出对话框，提示用户将文件保存到站点文件夹中，选择“是”按钮，弹出“复制文件为”对话框，选择站点文件夹，单击“保存”按钮。 ④ 有时会弹出 “图像标签辅助功能属性”对话框，可以在进行设置后，单击“确定”按钮，也可以直接单击“确定”或“取消”按钮。 2.6 图像的插入与编辑 3．设置图像的属性 选择图像后，在窗口下方出现图像“属性”面板，可以设置图像的属性。 2.6 图像的插入与编辑 4．插入图像对象 （1）插入图像占位符 在设计页面时，有时需要插入的图像还没有制作好，这时可先用图像占位符来替代图片位置，以后再将这个位置变为具体的图像。 （2）插入鼠标经过图像 鼠标经过图像指在浏览器中当鼠标指针移到一幅图像上时发生变化的图像。鼠标经过图像实际上由两幅图像组成，即初始图像和替换图像。 2.7 多媒体元素 Dreamweaver CS5中可以非常方便地在网页中添加动画、声音、视频等多媒体元素。有了这些元素的加入，可以使网页更加美观和具有趣味性。 1．插入Flash动画文件（SWF） 2．插入Flash视频文件（FLV） 3．插入音频文件 2.8 超级链接 超链接是网页非常重要的特征，它可以实现文档间的跳转。超链接由源端点和目标端点构成，表示出了文档间跳转的关系。 1．链接路径 每个文件都有自己的存放位置和路径，创建正确的链接，首先要清楚一个文件到要链接的目标文件之间的路径关系，也就是链接路径。链接路径可以分为三种：绝对路径、相对路径和根路径。 2．链接类型 根据链接使用的对象不同，可将超链接分为：文本链接、图像链接、锚点链接、电子邮件链接、空链接、文件下载链接、脚本链接等。 3．创建文本链接 4．创建图像链接 网页中的图像也可以建立超链接，图像超链接有两种情况：一是以整个图像为对象建立超链接，这种链接的建立方法和文本链接的建立方法相同。二是为图像的不同区域分别创建超链接，称为图像热点链接，创建这种链接可使用以下方法。 2.8 超级链接 5．创建锚点链接 锚点链接用于创建到网页特定位置的链接，利用这种链接可以跳转到当前网页或其他网页中的某一指定位置，可以使用户快速访问相关的内容。 创建锚点链接分两步：一是创建命名锚记；二是创建到命名锚记的链接。 6．创建文件下载链接 浏览网站的目的往往是查找并下载资料，最常见的是下载软件或程序，下载时会出现对话框，这种资源建立的方法就是文件下载链接。文件下载链接方法和文本链接的建立方法相同，只是当被链接的文件是“.exe”、“.zip”、“.rar”等非网页类型的文件时，浏览器无法直接打开，便会提示文件会被下载，这就是网上下载的方法。 7．创建电子邮件链接 电子邮件链接是一种特殊的超链接，单击包含该链接的网页对象时，可以启动系统默认的邮件管理程序，邮件地址自动填写到“收件人”栏中，方便浏览者给网站发送邮件。 2.8 超级链接 8．创建空链接 空链接是没有指向任何对象的链接。例如：一般站点首页中导航栏的“本站首页”就没有必要设置链接，但为了看到链接效果，就需要设置一个空链接。要创建空链接，可按照下面的方法完成。 ① 在“文档”窗口中选中要建立空链接的文本或图像。 ② 在属性面板的“链接”文本框中输入“javascript:;”（javascript后依次接一个冒号和一个分号，或者一个“#”号。 9．创建脚本链接 脚本链接是一种用于执行JavaScript代码或调用JavaScript函数的链接，使用脚本链接，能够在不退出当前网页的情况下为浏览者提供许多附加信息。 实训4 漫游世界——表格布局页面 实训目的 1．掌握表格的创建方法和表格的属性设置。 2．学会使用表格布局页面的方法和技巧。 实训4 漫游世界——表格布局页面 2.9 表格布局 为了使网页更加美观大方，在制作网页时，需要先对网页的轮廓进行规划，将文字、图片等网页元素进行精确定位，这就需要用到网页的布局。表格布局是目前最常见的网页布局方式之一，它灵活方便、简单易学。熟练地使用表格布局是网页制作的基本要求。 1．表格的组成 2.9 表格布局 2．创建表格 （1）创建表格 （2）创建嵌套表格 创建嵌套表格就是在已有表格的某单元格中插入新的表格。使用表格的嵌套可以使大量的网页元素