第三章网页基本元素实现.ppt

创建图片超链接的步骤如下： （1）选中所需建立超链接的图片，此时属性面板为图片的属性面板； （2）在图片属性面板中，为图片“链接”添加链接，具体方法可参考为文本添加超链接的操作； （3）按“F12”预览网页。 图像连接不像文本链接那样，会发生许多提示，图像本身不会发生改变，只是在预览网页时，当鼠标指针经过带链接的图像时，指针的形状变为“手”的形状。点击图像就会打开所链接的文档。 图片上的超级链接也可以实现一张图片上实现多个局部区域指向不同的网页链接。比如一张中国地图的图片，单击了不同的省跳转到不同的网页。可点的区域就是热点。 操作步骤： （1）首先选中图片，在“属性”面板上的绘图工具在画面上绘制热点。在“地图”文本框下的有三种热点工具 ：矩形、圆形、多边形，根据热区选择合适的热点工具，进入热点绘制状态。 （2）绘制热点。当鼠标指针变成“＋”字形状时，在需要设置热点的位置拖动形成一个热点。 （3）在绘制好热点后，设置热点的“属性”面板中的“链接”属性， 1．建立文本电子邮件超链接 （1） 在“文档”窗口的“设计”视图中，将插入点放在希望出现电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。 （2）执行下列操作之一，插入该链接： ? 选择“插入”→“电子邮件链接” ? 在“插入”面板的“常用” 类别中，单击“电子邮件链接”按钮。 （3）在“文本” 框中，键入或编辑电子邮件的正文。 （4）在“E-mail”框中，键入电子邮件地址，然后单击“确定”。 2 建立图片文本电子邮件超链接 在图片的“链接”属性中，输入： “mailto：邮件地址 图3-35 设置图片“6.jpeg”的链接属性 创建空链接如下： 在“文档”窗口的“设计”视图中选择文本、图像或对象。 在属性面板中，在“链接” 框中键入 javascript:; （javascript 一词后依次接一个冒号和一个分号）。 脚本链接执行 JavaScript 代码或调用 JavaScript 函数。它非常有用，能够在不离开当前 Web 页面的情况下为访问者提供有关某项的附加信息。脚本链接还可用于在访问者单击特定项时，执行计算、验证表单和完成其它处理任务 如果想让网站提供文件下载的功能，就必须建立下载文件超链接。如果超级链接指向的不是一个网页文件，而是其他文件例如zip、exe文件等等，单击链接的时候就会下载文件。实现文件下载的功能很简单，只需在属性面板的“链接”框中加入下载的文件就可以了。 超级链接也可以直接指向地址而不是一个文件，那么单击链接直接跳转到相应的地址。 图3-36“链接检查器”选项卡 典型的导航栏有： 横向导航栏 纵向导航栏 浮动导航栏 下拉菜单式导航栏 下拉菜单导航栏和浮动导航栏都是比较新颖的导航方式，可以使用行为、JavaScript脚本、Spry等技术实现，后面的章节将介绍。下拉菜单也可以使用Flash设计 3.4.1 参数设置 图3-40 “首选参数”对话框 图3-41设置“新建文档”的参数 图3-43 “页面属性”对话框 图 3-44 “页面属性”对话框的“外观 (CSS)”类别 图 3-45“页面属性”对话框的“外观 (HTML)”类别 图 3-46“页面属性”对话框的“链接（CSS）”类别 图 3-47“页面属性”对话框的“标题（CSS）”类别 图 3-48“页面属性”对话框的“标题/编码”类别 图 3-49“页面属性”对话框的“跟踪图像”类别 1显示“文件头内容”菜单 图3-50 “文件头内容”菜单 图3-52“META”对话框 图3-53“关键字”对话框 图3-55“链接”对话框 1.配置窗口的大小 图 3-56 网页编辑窗口的状态栏 图3-57 添加窗口大小选项 图3-58 标尺菜单 图3-59标尺原点移动 图3-60 网格设置菜单 图3-61“网格设置”对话框 图3-62 辅助线菜单 * 图3-11 正方形的项目符号 * 图3-20“选择图像源文件”对话框 * * * 第三章网页基本元素实现 文本操作 在网页插入图像 设置超级链接 页面的整体控制 掌握网页基本元素的使用 掌握页面的整体控制方法 在网页创作中，网页上的信息大多是通过文字来表达的，文字是最基本的元素之一，它具有准确快捷地传递信息、存储空间小、易复制、易保存、易打印等优点，其优势很难被其他元素所取代。增加文字的易读性，让浏览者在短时