网页基本元素实现.ppt

* 绝对路径:是被链接文档的完整URL,包括使用的传输协议,例如。绝对路径包含的是精确地址,因此不用考虑源文件的位置. 相对路径:是指以当前文档所在位置为起始点到被链接文档经由的路径,这种方式适合于创建本地链接. 根目录相对路径:是指从站点的根文夹到文档的路径.一般用在大型WEB站点,或在使用承载多个站点的服务器,则可能使用这些路径. 图3-30 绘制AP Div和设置链接属性 超链接的打开方式 链接网页的打开的窗口或位置 _blank 在一个新的未命名的浏览器中打开链接的网页 _parent 如果是嵌套的框架，则在父框架或窗口中打开；如果不是嵌套的框架，则等同于_top，链接的网页在浏览器中打开 _self 在当前网页所在的窗口或框架中链接的网页，该选项是浏览器的默认值 _top 在浏览器窗口打开链接的网页 创建图片超链接的步骤如下： （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.4.1 参数设置 图3-43 “页面属性”对话框 “修改”菜单-》“页面属性” 图 3-44 “页面属性”对话框的“外观 (CSS)”类别 图 3-45“页面属性”对话框的“外观 (HTML)”类别 图 3-46“页面属性”对话框的“链接（CSS）”类别 图 3-47“页面属性”对话框的“标题（CSS）”类别 图 3-48“页面属性”对话框的“标题/编码”类别 图 3-49“页面属性”对话框的“跟踪图像”类别 1显示“文件头内容”菜单 图3-50 “文件头内容”菜单 “插入”菜单-》“HTML”-》 “文件头内容”菜单 图3-52“META”