首页简介DreamweaverFireworksFlash问答技巧网站素材学生作品| 
 
         Dreamweaver Mx 建立超级链接
   

您的位置:首页Dreamweaver→超级链接

用 Dreamweaver MX 建立超级链接

  为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。

一、链接图片和文字

  为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“Link”输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件。除此之外,Dreamweaver MX还提供了一种通过网站窗口来快速链接文件的方法。

  第一步:首先运行“Site→Manage Sites”命令,并且从弹出菜单中选择一个已经创建好的站点,此时可以在右部看见弹出的站点管理窗口。

  第二步:在编辑区选中文字或者图片,直接拖拽属性面板中“Link”输入框旁边的圆形标靶图标,这时将出现一个箭头,当箭头指向网站管理器中的某一个文件时,文件周围会出现一个方框(如图1)。

  第三步:松开鼠标之后,选中的文字下部就会出现下划线,同时单词的颜色变成蓝色,而且“Link”输入框中也会自动显示目标文件的地址。

  提示:在建立链接的时候需要注意URL的两种方式。1.绝对地址:例如www.abc.com/test.htm;2.相对地址:比如download/1.htm,说明页面1.htm在服务器的根目录中。

二、在一张图片上设定多个链接

  有些网页在一张大图片上做了多个链接,如本页左侧导航栏。这样访问者可以通过点击图片的不同位置进入不同的页面,这是应用了图像热区域的概念,我们可以参照下述步骤实现。

  第一步:在Dreamweaver MX 2004中可以先选中图像,此时可以在图像属性面板上看见一个“Map”区域,在其下方有三个淡蓝色的工具图标,即矩形、圆形和多边形。

  第二步:根据需要用鼠标选中其中的一个,再把鼠标移到图像上拖拽出一块淡蓝色的区域。

  第三步:在属性面板中的“Link”输入框中填写需要链接的网页地址,这样一个图像热区域就做好了。

  同样,再对这幅图像设定多个图像热区域,也就可以实现点击图片的不同区域进入不同的页面了。

  三、使用锚点标记做链接

例子:个人建站指南

  
  ■ 准备工作篇
    一、确定主题  
    二、搜集资料
    三、网页工具     
  ■ 制作维护篇

  ■ 网站推广篇

  上网最酷的事是什么?莫过于建立一个个人网站了。试想,您辛辛苦苦制作的网页被全世界的网友浏览、评说,那份成就感和自豪感绝对是别的事情无法比拟的。难道不是这样吗?
  对于新手来讲,建立一个个人网站绝对不是容易的事情,但也不是象您想象中的困难。只要对HTML语言和因特网资源有初步的了解,您也能建立一个象样的网站。有信心吗?跟我来试一试吧!!

一、确定主题

  要搞一个主页,当然首先要确定主题。你可能会说“这还用你说!”,的确,可以选择的范围是很广的,只要您网站的内容不带有反动、色情、封建迷信的成分即可。但是,网站主题的选择和您网站日后的访问量是有很大关系的。一般来讲,电脑及网络类的主题比较热门,这类的网站访问量也比较大(经常上网的人当然多数对电脑感兴趣喽)。不过,建立什么样的网站还是应从你的兴趣爱好出发,我就对一些做所谓冷门主题的站长非常敬佩,正是由于他们不屈不挠地努力,我们的网络世界才会呈现今天这样的精彩!
  另外,还有两点必须提醒您注意:

  1、尽量少在主页上放置文学作品、软件注册码等有争议的涉及知识产权的内容。
  2、主题一定要明确,避免杂七杂八,什么都有。谁都希望自己的网站能和网易、搜狐、新浪相媲美,但大多数情况下,这只能成为一个美好的幻想。和他们相比,你单枪匹马,太缺乏足够的人力、财力和精力了。在这种情况下,“包罗万象”就等于空无一物!叮于一点,精于一点,才能得到成功。切记!切记!!
                         返回  
二、搜集资料

  确定好主题之后,就要搜集和您的主题相关的有关资料了。资料嘛,当然越丰富越好喽!
  网站的资料来源主要有以下三个途径:

1、你的原创。你如果打算网站的大部分内容都有您自己创作的话,那我向您表示由衷的钦佩!毕竟这样的站长实在是太少了,而我们的网络世界需要新鲜的血液,哪怕它是很普通的,甚至是拙劣的。顺便说一下,这篇小文乃本站原创,写的不好,欢迎提宝贵意见!
2、书籍、报刊杂志。这里的内容很丰富的,足够你使用了。但是将纸质印刷品上的文字变成电脑中的文本也不是很容易的事,你要有足够的打字速度和耐心才行;如果有条件扫描的话,再配一个OCR识别软件,那就简单多了。
3、因特网。这是资料的主要来源,网站、BBS、新闻组、虚拟社区,处处都是金矿。
  还有一个问题不能忽视,你可能一不小心就会触犯某某的知识产权(有时我感觉因特网比雷区还危险)。不过,做个人主页是很辛苦的,并且我们又不是以营利为目的的,相信大多数人都能够理解。
                          返回

三、网页工具

  设计一个好的网页决非易事,它涉及到众多领域的知识,体现了设计者的基本素质和综合能力。对于一个想设计出精彩网页的设计者来说,您需要了解以下方面的指示:
  计算机知识;媒体美学;感染艺术;音乐的魅力(如果您的网页需要音乐的话);创意;美术、色彩。
  当然,设计网页比起传统的信息系统设计或功能性程序设计要容易的多,因为它毕竟只是一种标注性语言,语句易于理解,语法简单直观,而且借助HTML工具可以立即看到网页设计的效果,没有传统程序设计那种调试的繁琐性。
  不管怎样,要设计出一个好的网页,您必须对HTML语言有一定的了解。它是一种超文本描述性语言,其编写方式同一般的文本文件一样,故以EDIT、WPS、Windows Notepad等相似性质的文字编辑器即可进行。
  要了解HTML的详细内容,请点这里:HTML教程。
  我想没有几个人会直接用笔记本等编写网页,毕竟,既然有了打火机,又何必钻木取火呢?现在网页编辑软件有很多种,如MicroSoft FrantPage,Dreamweaver,HotDog等。遗憾的是,虽然他们都宣称“所见即所得”,但是没有一个真正做到。

                            返回

三、创建跳转菜单,例如制作一个友情链接。

首先将插入点放在要插入链接的位置。点击表单面板中的跳转工具

在插入跳转菜单对话框中,点添加项添加新链接。

在属性面板中选择类型为“菜单”。

在浏览器中发布

在属性面板中选择类型为“列表”高度为3。

点击属性面板中的列表值,可以修改列表值。


  在为网页建立链接的时候需要提醒大家一定要格外小心,因为网站通常都有数百个页面,稍不留神就会导致空链接或者是链接错误的情况,这对你的网站形象可是有很不好的影响哟!


 
网页设计三剑客 htmldesign.51.net Copyright 2003-2004. All Rights Reserved.
QQ:18599123  联系邮箱:q_js888@sina.com 〓 梦空间·网页工作室 〓