Dreamweaver+CS3网页制作任务实训教程(模块五).pptVIP

任务二 为“红玫瑰化妆品”网页创建超级链接 任务目标 在“红玫瑰化妆品”网页中插入Logo图像并创建图像超级链接，然后输入文本并命名和创建锚记链接，最后对超级链接格式进行设置。完成后的最终效果如图所示。 “红玫瑰化妆品”网页的效果 任务二 为“红玫瑰化妆品”网页创建超级链接 操作思路 （1）在提供的“index.html”网页中插入图像并创建图像超级链接。 （2）输入导航文本并为其中部分文本创建文本超级链接。 （3）在网页适当位置进行锚记命名操作。 （4）为导航文本创建锚记链接。 （5）输入“返回顶部”文本并命名锚记，以方便浏览者浏览网页。 （6）对创建了超级链接的图像和文本显示格式进行适当设置。 为“红玫瑰化妆品”网页创建超级链接的操作思路 操作一 创建文本和图像超级链接 （1）打开光盘提供的“index.html”网页文件，将文本插入点定位在标题文本左侧，单击插入栏的“常用”选项卡下的“图像”按钮 ，如图所示。 （2）打开“选择图像源文件”对话框，在其中选择提供的“pic.png”图像文件，单击“确定”按钮，如图所示。 插入图像 选择图像文件 操作一 创建文本和图像超级链接 （3）打开“图像标签辅助功能属性”对话框，单击“确定”按钮，如图所示。 （4）选择插入的图像，在属性检查器中将其宽度和高度分别设置为“129”和“96”，然后单击属性检查器中“链接”文本框右侧的“浏览文件”按钮 ，如图所示。 设置辅助信息 设置图像尺寸 操作一 创建文本和图像超级链接 （5）打开“选择文件”对话框，在其中选择“introduction.html”文件，单击“确定”按钮，如图所示。 选择链接文件 操作一 创建文本和图像超级链接 （6）为插入的图像创建了超级链接后，在标题文本下的空行中输入导航文本（各文本之间需插入若干不换行空格），然后将文本颜色设置为白色，如图所示。 （7）选择文本“其他产品”，单击属性检查器中“链接”文本框右侧的“浏览文件”按钮 ，如图所示。 输入导航文本 选择文本 操作一 创建文本和图像超级链接 （8）打开“选择文件”对话框，在其中选择“other.html”文件，单击“确定”按钮，如图所示。 （9）选择“关于我们”文本，单击属性检查器中“链接”文本框右侧的“浏览文件”按钮 ，如图所示。 选择链接文件 选择文本 操作一 创建文本和图像超级链接 （8）打开“选择文件”对话框，在其中选择“us.html”文件，单击“确定”按钮完成文本超级链接的创建，如图所示。 选择链接文件 操作二 创建和链接命名锚记 （1）将文本插入点定位到“脸妆类产品”文本右侧，选择【插入记录】→【命名锚记】菜单命令，如图所示。 （2）打开“命名锚记”对话框，在“锚记名称”文本框中输入“lian”，单击“确定”按钮，如图所示。 选择命令 命名锚记 操作二 创建和链接命名锚记 （3）此时文本旁边将出现命名的锚记标记 ，如图所示。 （4）将文本插入点定位在“唇妆类产品”文本右侧，单击插入栏的“常用”选项卡下的“命名锚记”按钮 ，如图所示。 命名的锚记 定位文本插入点 操作二 创建和链接命名锚记 （5）打开“命名锚记”对话框，在“锚记名称”文本框中输入“chun”，单击“确定”按钮，如图所示。 （6）用相同方法在“眼妆类产品”文本右侧创建名称为“yan”的锚记，如图所示。 命名锚记 命名锚记 操作二 创建和链接命名锚记 （7）在标题文本右侧创建名称为“top”的锚记，如图所示。 （8）选择导航文本“脸妆类产品”，在其属性检查器的“链接”文本框中输入“#lian”，如图所示。其中“#”代表锚记标记，“lian”为锚记名称。 命名锚记 创建锚记链接 操作二 创建和链接命名锚记 （9）选择导航文本“唇妆类产品”，在其属性检查器的“链接”文本框中输入“#chun”，如图所示。 创建锚记链接 操作二 创建和链接命名锚记 （9）选择导航文本“眼妆类产品”，在其属性检查器的“链接”文本框中输入“#yan”，如图所示。 （10）在如图所示的单元格中输入“返回顶部”，并设置其颜色为白色。 命名锚记 输入文本 操作二 创建和链接命名锚记 （11）为输入的文本创建目标为“#top”的锚记链接，如图所示。 （12）将该文本复制到如图所示的两个空白单元格中，完成锚记的命名和创建操作。 创建锚记链接 复制文本 操作三 设置超级链接格式 （1）选择【修改】→【页面属性】菜单命令，如图所示。 选择命令 操作三 设置超级链接格式 （2）打开“页面属性”对话框，在“分类”列表框中选择“链接”选项，在右侧的“大小”下拉列表框中输入“14”，如图所示。 （