毕业论文个人网站设计与实现提纲

目录第一章预备知识11什么是INTERNET12INTERNET有哪些功能13WWW简介14网页基本构成元素15软件的安装与启动151软件的安装152软件的启动153创建快捷方式16制作网页前的准备17DREAMWEAVER的操作环境171标题栏172菜单栏173快捷工具栏174属性面板第二章网站制作实战21站点211创建站点212创建站点内容22首页221设置首页布局222设置首页的页面属性223查看和编辑头内容224插入图像225插入多媒体226插入文本23创建其它网页第三章建立网页链接31文字链接32图像链接33在HTML语言中建立网页链接331文字链接332图像链接第四章结论致谢参考文献第一章预备知识11什么是INTERNETINTERNET的中文名为“国际互联网”，又称“因特网”。因特网（INTERNET）是一组全球信息资源的总汇。有一种粗略的说法，认为INTERNET是由于许多小的网络（子网）互联而成的一个逻辑网，每个子网中连接着若干台计算机（主机）。INTERNET以相互交流信息资源为目的，基于一些共同的协议，并通过许多路由器和公共互联网而成，它是一个信息资源和资源共享的集合。计算机网络只是传播信息的载体，而INTERNET的优越性和实用性则在于本身。因特网最高层域名分为机构性域名和地理性域名两大类，目前主要有14种机构性域名。1995年10月24日，“联合网络委员会”通过了一项有关决议将“互联网”定义为全球性的信息系统1通过全球性的唯一的地址逻辑地链接在一起。这个地址是建立在互联网协议IP或今后其他协议基础之上的。2可以通过传输控制协议和互联协议TCP/IP，或者今后其他接替的协议或与互联协议IP兼容的协议来进行通信。3可以让公共用户或者私人用户使用高水平的服务。这种服务是建立在上述通信及相关的基础设施之上的。实际上由于互联网是划时代的，它不是为某一种需求设计的，而是一种可以接受任何新的需求的总的基础结构。你也可以从社会、政治、文化、经济、军事等各个层面去解释理解其意义和价值。12INTERNET有那些功能WEB页浏览这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发明，找到众多的就业信息几乎想找到什么样的信息，就有什么信息。正是有了WWW、INTERNET才会变得如此丰富多彩，才能走进千家万户。信息发布通过INTERNET，不仅可以浏览别人发布在WEB页上的信息，也可以将自己要发布的信息制作成WEB页，也即网页，然后发布到INTERNET上，供全世界的人浏览。电子邮件不同于传统邮件，电子邮件EMAIL通过INTERNET传输，写信，发信，收信都在计算机上完成，一封电子邮件最短在一秒之内就可以发送出去，其效率是传统邮件无法比拟的。而且发送与接收电子邮件几乎是免费的，所以比传统邮件既节省时间又经济的多。网上聊天通过聊天软件（如QQ、ICQ等）或不同网站的聊天室，可以和世界各地的网友聊天。网友可能是远在天边的异国朋友，也可能是与你一起工作的饿同事，或者是一起生活的家人，在这里没有年龄、性别、身份、职业、国籍、肤色的限制，完全突破了交友的传统方式，人们可通过INTERNET互相了解对方，进行各种各样的交流。电子商务现在网上交易已经成为现实，网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色，几乎所有的专家都预测，在未来的几年内，电子商务会飞速发展。在不久的将来，您可以做在电脑前进行各种各样的商务活动。网络游戏通过INTERNET，可以与全世界的玩家一起进行游戏对战，也可以协同作战。网络游戏已经成为信息产业全新的经济增长点，每年都为开发商带来巨额的利润。通过网络游戏，可以充分享受INTERNET给我们带来的乐趣。网络电话网络电话也称IP电话。它采用INTERNET技术，利用专门的网络电话软件，只需支付非常低廉的话费就可通话。INTERNET在电信市场上的应用将越来越广泛。13WWW的简介WWW的全称为WORLDWIDEWEB，含义是“环球网”，又称“万维网”、3W、WEB。WWW是一个基于超文本（HYPERTEXT）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTMLHYPERTEXTMARKUPLANGUAGE,超文本标记语言文件，这些网页文件被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在电脑上安装浏览器，如INTERNETEXPLORER或NETSCAPE，然后在浏览器中输入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将鼠标指针移动到某个地方（如文本或图象）时，鼠标指针就会变成一个小手形形状，单击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间跳转，我们之所以能在INTERNET的海洋中穿梭自如，正是超连接的功劳。WWW为我们带来的是世界范围的超级文本服务只须操纵鼠标，就可以通过INTERNET从世界各地调来你所希望的文本、图像、动画和声音等信息。通过使用WWW，一个不熟悉网络使用的人也可以成为INTERNET的行家。14网页基本构成元素要学会制作网页，首先需要了解网页都是由什么元素构成的。1、文本网页中的信息主要是以文本为主的。湖南网站制作，在网页中可以通过字体、大小、颜色、底纹、框等选项来设置文本的属性。这里指的文字是文本文字，而并非图片中的文字。在网页制塞作中，文字都可以方便地设置成各种字体和大小，但是这里建议用于正文的文字般不要太大，也不要使用过多的字体，中文文字使用宋体，9磅或12像素左右即可。因为过大的字体在显示器中显示时，线条不够平滑。颜色也不要使用得太杂乱，以免造成让人服花缭乱的效果。大段文本文字的排列，建议参考一些优秀的杂志或报纸。2、图像现在看到的丰富多毫的网页，都是因为有了图像，可见图像在网页中的重要性。蔓用于网页上的图片一般为JPG和GIF格式，即以JPG（或JPEG）和GIF为后缀的文件。图片通常有如下几方面的运用。LOGO是代表企业形象或栏目内容的标志性图片，一般在网页的左上角。LOGO的设计琴专委象鲜明、，笔惫触简练，给人第一印象就很深刻的LOGO无疑是设计成功的LOGO。事实LOGO一般使用公司已有的徽标，可简单作些处理，BANNER是用于宣传站内某个栏目或活动的广告一般要求制作成动画形式，由于手动画能够更多地吸引他人的注意力，将介绍性的内容简练地加在其中，达到宣传的效果。为了便于各网站间相互率巨换BANNER，相互宣传，BANNER的尺寸有一定的要求，比如位于网页端的BANNER要求尺寸为468像素X60像素。小的广告经常多个放在一起，使人眼花缭乱所以不能使用过多、过小的文字，最好用简单的色块和明朗的线条。文件大小般不要超过12KB。BANNER一般不是在网页项部就在网页底部，小型的广告还会被适当地放在网页韵两側，此外在页面中比较常用的图片还包括背景图。尽管在很多网站上可以看到背景图，但可以发现这些网站大多是二三流的。所以建议要慎用背景图，除非设计者自信可以给网页增加不少魅力。做到这点并非不可能，但是有很大困难。如对于以文本为主的网页，其他图片对整体设计的影响并不是很大，比如在网页中用到的介绍性的照片、用于点缀标题的小图片，但是一定要安排好它们的位置，以免破坏整体风格。有时也会在网页中使用大幅的图片，这时一定要注意做好优化工作。3超级链接超级链接是网站的灵魂，它是从一个网页指向另一个目的端的链接，比如指向另一网页或者相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置。超级链接可是文本或者图片。超级链接广泛地存在于网页的图片和文字中，提供与图片和文字相关内容的链接，在超级链接上单击鼠标左键，即可链接到相应地址URL的网页。有链接的地方，鼠标指上时会变成小手形状。可以说超级链接正是WEB的主要特色。15软件的安装与启动要使用网站设计软件，自然先要将这些软件安装到自己的电脑中。安装完毕，还需要如何启动，如何创建快捷方式。下面就让我们来详细地看一看具体的操作步骤。151软件的安装安装之前，需要先了解软件对系统的要求。以WINDOWS为例，系统要求如下INTELPENTIUMII处理器或等效处理器，主频300MHZ或更高。WINDOWS98WINDOWS2000WINDOWSNT具有SERVICEPACK3或更高版本、WINDOWSME或WINDOWSXPNETSCAPENAVIGATOR40版或更高版本或MICROSOFTINTERNETEXPLORER96MB的可用内存（RAM），建议采用128MB内存。分辨率可达800600像素的256色显示器（建议颜色为百万颜色，分辨率达到1024768像素）。CDROM驱动器。检查一下您的计算机，看是否具备了以上条件。如果具备，将“MACROMEDIASTUDIOMX”程序会自动运行。如果不能自动运行，可以找到光盘放入光驱，安装程序会自动运行。可以找到光盘中的“INSTALLMACROMEDIASTUDIOMX”程序或“AUTORUN”程序并双击运行。DREAMWEAVER的安装比较容易，几乎可以自动完成。下面简要说明一下安装步骤。操作步骤1、将安装光盘放入光驱，安装程序自动运行，并出现安装界面。如果单击安装界面上的“MACROMEDIASTUDIOMX安装”，那么将会安装其下方所列出的软件。所有的安装会自动完成。2、单击DREAMWEAVERMX,开始安装过装过程先是出现解压缩文件窗口,等待一会儿,便会出现安装向导对话框。单击“下一步”按钮，继续安装过程。3、出现“选择目的地位置”对话框，默认的盘是C盘，如果想安装到不同的位置，可以单击目的文件夹右边的“浏览”按钮，并在弹出的“选择文件夹”对话框选择不同的文件，如要安装在D盘则可直接将路径中的“C”改为“D”。也可以在下面的“目录”中选择其它的文件夹，设置完后，单击“确定”，回到“选择目的地址”对话框，单击“下一步”继续。4、而后会出现“默认编辑器”的对话框，默认为全选。如果希望让DREAMWEAVERMX成为下面所列文件类型的默认编辑器，那么可以在这里做选择。选择完毕，单击“下一步”按钮。5、出现“开始复制文件”对话框，单击“下一步”安装程序开始复制文件，过几分钟后，安装结束，单击“结束”按钮，结束安装。152软件启动软件安装完毕后，我们就可以使用它了。安装程序已经自动在“开始”菜单中加入了快捷方式。单击“开始”菜单，将鼠标指针依次指向“程序”|“MACROMEDIA”|“MACROMEDIAMX”,并在上面单击鼠标左键。153创建快捷方式使用“开始”菜单启动程序的过程比较烦琐。可以在WINDOWS桌面或快速启动栏上创建快捷方式，这样可以快速的启动程序。具体实现方法是在“开始”菜单中找到相应程序的快捷方式，不过这是不要用鼠标左键单击，而是用右键按住向桌面拖动，然后松开右键，会出现一个快捷菜单，在其中可以选择不同的命令，比如选择“在当前位置创建快捷方式”或“复制到当前位置”。这样以后在运行程序时，就方便快捷的多了。16制作网页前的准备电脑必备电脑速度够快，最好能够上网。操作系统WINDOWS98/NT/ME/2000/XP软件可选其它软件看图软件ACDSEE、图像处理软件PHOTOSHOP、上传工具CUTEFTP、FIREWORKS、动画软件FLASH等。17DREAMWEAVERMX的操作环境我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。171标题栏DREAMWEAVERMX的“标题栏”中将显示文字“MACROMEDIADREAMWEAVERMX”如果打开网页的话，在后面还会显示该网页的一些信息，如网页标题、所在位置及网页名称，右边有三个钮，分别对应DREAMWEAVERMX的最大化最小化和关闭的操作。172菜单栏“标题栏”下面就是“菜单栏”，栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单，随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码，这是该指令的快捷键，熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记，它代表该指令还包含下一级的指令，鼠标停留片刻即可显示。173快捷工具栏“快捷工具栏”指的是“菜单栏”下边的3排按钮，选择菜单“查看/工具栏”，勾选里面的“插入”、“文档”和“标准”3项，完整的快捷工具栏就显现出来了。174属性面板在网页编辑窗口的下面还有一个面板，它是有名的“属性面板”，它在这个软件中起到举足轻重的作用。属性面板顾名思义，就是显示，调整属性的面板，根据鼠标所选中对象的不同，“属性面板”在界面上也会有所差异，用户可以分别对不同的对象进行调整。第二章网站制作实战21站点211创建站点要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，这样可以使整个网站的脉络结构清晰地展现在面前，避免了以后再进行纷杂的管理。从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“追梦人”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。”单击“下一步”，进入下一个步骤。在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，DREAMWEAVER将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标，新建并指定一个空的文件夹“E/毕业设计”。之后单击“下一步“，进入下一个步骤。这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。212创建站点内容站点创建完成后，就可以创建WEB页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板，此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”，新建一个文件后将其命名为“INDEXHTM或INDEXHTML,它就是未来的首页。由于“追梦人”网站分为“网站首页”、“实训简介”、“回忆留念”、“H3C讲座”、“相关资料“这五个大栏目，所以要采用相同部分文件名相近原则。之后再新建1个文件夹，命名为“图片”,用来存放“所有的图象文件”的内容。之后在个栏目的文件夹里还要建立想相应的栏目网页。22首页221设置首页布局每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，至于网站上其他WEB页，原则上都必须通过首页来连接散播出去，可见首页是多么的重要。首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视SERVER端的设置，一般的有INDEXHTM,DEFAULTHTM或HOMEHTM等，目前主要以INDEXHTM的居多。当然，后缀名为HTML也是正确的。具体设置方法是右健单击“文件”浮动面板中的INDEXHTM,在弹出的菜单中选择“设成首页”。首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。2、将变成“”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。3、在这里要绘制多个表格，可以再次单击“布局表格”按纽进行绘制，也可以按住CTRL键绘制多个表格。追梦人”网站首页的布局如图所示222设置首页的页面属性首先双击“文件”浮动面板中的INDEXHTM,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目。223查看和编辑头内容一个网页文件结构上实际是由两部分组成，头（HEAD）内容和主体（BODY）内容主体内容（BODY）是文档的主要部分，也是包含文本和图像等的可见部分。头内容（HEAD）是除文档标题外的不可见部分，包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键字。下面就以首页为例，说明怎样插入较常用的头（HEAD）内容。单击“菜单拦”下面“插入快捷”的下拉列表，选择其中的HTML类，此时右侧将会显示该类中可以插入的对象快捷按钮，再次单击第2个按钮“文件头”旁边的下拉箭头，会弹出菜单，该项列出的便是即将插入的头内容。224插入图像图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于事了。所以，在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更小。1、首先将光标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中，可选择文件URL地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站点根目录”选项，表示地址相对于根目录。在这里我要插入的是网站标志LOGO，插入LOGO图象，如图所示最后单击“确定”按钮，即可完成插入图像的操作。225插入多媒体在DREAMWEAVERMX2004中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频等媒体元素，如FLASH,SHOCKWAVE,APPLETS,ACTIEX及格MIDI声音文件等，并且还可以在DREAMWEAVER自身内插入MACROMEDIAFLASHMX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。在DREAMWEAVERMX2004文档中，可以插入媒体文件包括FLASHSHOCKWAVE影片、QUICKTIME、AVIJAVA、APPLETACTIVEX控件以及各种格式的音频文件。要在浏览器中播放放FLASH动画，必须在浏览器中集成“FLASH播放器（FLASHPLAYER）”。其中，INTERNETEXPLORER通过ACTIVEX控制来实现，NETSCAPENAVIGATOR则是通过相应的插件来实现的。在最新的NETSCAPENAVIGATOR和INTERNETEXPLORER浏览器中，均已集成了FLASH动画播放功能。226插入文本文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，一个网站成功与否，它是最关键的因素。在这最关键的因素。可丰富网站的文字内容，并以最最美观、最整齐的方式放入到网页中。插入文本的两种方式网页中需要大量的文本，我们或以通过以下两种方式插入它们。一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了，和一些文本编辑软件（如MICROSOFTWORD）的使用方法一样，选择好习惯的输入法，就可以运指如飞了。另一种是复制文本的方式。有些读者可能不喜欢使用DREAMWEAVERMX2004来进行打字的工作，而更习惯在专门的文本编辑软件中快速打字，如MICROSOFTWORD和WINDOWS自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我们就可以直接使用DREAMWEAVER的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，具体步骤如下。打开文本编辑软件（如MICROSOFTWORD），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键CTRLC，之后切换回DREAMWEAVER,将光标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键CTRLV,即可将大段的文本快速粘贴到网页中。这在我的“相关资料”中用到很多，全部是在WORD软件中排好CTRLC,然后点击要粘贴的位置，CRTLV到DREAMWEAVER即可。23创建其它网页还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。“回忆留念”中的图象插入和前面的介绍相似，并可以在属性拦中调节图象的大小。在DREAMWERVER中常常会用到FIREWORK、FLASH，它们是相辅相成，在主页中的主体部分就是用FIREWORK,如图所示在“H3C讲座”中也用到这点，首先定好需要尺寸，在属性中设好背景，颜色等等，插入图象，输入文字，也WORD里的操作雷同。第三章建立网页链接网站实际上是由很多网页组成的，那么网页之间是如何联系的呢这就是本章要讲的内容网页的“链接”。“链接”，又称“超链接“（HYPERLINK）,它作为网页的桥梁，起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。在DREAMWEAVERMX2004中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“EMAIL链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。其中部分内容在之前的章节中可能接触过，这里将对其进行更深入的讲解。31文字链接“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。具体操作步骤如下所述。操作步骤步骤1准备好已经制作完成的首页的各个栏目页面（假设除了“链接”，其他内容都已经制作完成了），该网站包含6个栏目，这里的5个栏目“H3C讲座”、“网站首页”和“相关资料”、“回忆留念”、“实训简介”为例来进行讲解。步骤2在DREAMWEAVER中打开首页，之后反白选取作为“链接”的文字。实例中要做到单击不同的栏目的网页。因此为第1个栏目“H3C讲座”设置链接，首先要反白选中“H3C讲座”4个文字。步骤3观察“属性面板”，其中包括一个“链接”文本框。步骤4接下来需要把链接的地址加入到文本框中，方法有3种。这里我用到的是直接点击文件夹图标，在文件夹中找到要链接的对象H3C1HTM。这样就建立了超链接。不过有点很重要，由于大多数服务器都不支持中文文件名，而且对大小写敏感，因此采用英文文件名并统一大小写。如图所示步骤5在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图实例中没有选择任何选项，保持空白，表示在原窗口中打开链接网页。步骤6还可以设置一些“链接”的属性，这是前面讲过的内容。单击“属性面板”中的“页面属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。步骤7至此，第1个栏目的链接就制作完毕了，按下CTRLS保存网页，再按下F12预览，测试一下，当鼠标放在“H3C讲座”这4个文字上时将变成手形，并且浏览器窗口下面的状态栏中会显示链接到的网页的地址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。步骤8同理，按照以上步骤，再为“实训简介”和“相关资料”“回忆留念“等其它栏制作指向对应栏目的链接。步骤9通常在栏目页面中还需要有“返回首页”的链接，单击其后可以跳转回首页，因此在各个栏目中还要插入“网站首页”的文字，并且制作指向首页INDEXHTML的链接，制作方法不变。至此，整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解，读者不仅应该学会如何为文字制作链接，还应用对“链接”有了更加深刻的理解，链接的目的何在它到底能够在网页的网站中发挥什么样的作用怎样才能更好地使用它这些是网页制作者更应该思考的问题。下面继续介绍其他类型的链接。32图像链接“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“追梦人“为例，讲解如何建立“图像链接”。操作步骤步骤1首先仍然要准备好已经制作完成的首页和各个栏目的页面步骤2在DREAMWEAVER中打开网站的首页，之后选取要制作“链接”的图像。实例中先为第3个栏目“回忆留念”设置链接，因此选中包含“回忆留念”4个字的图像。步骤3观察“属性面板”，在“链接”文本框中输入链接的文字地址。可以使用之前讲过的“指向文件”和“选择文件”的方法。步骤4如果有需要，可以在“目标”下拉列表中选择“链接”网页显示的窗口方式，分别为BLANK、PARENT、SELF或TOP。实例中使用了默认出的保留空白选项的方式。步骤5另外，读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称的“替代”文本。步骤6至此，第1个栏目的图像链接就制作完毕了，按下CTRLS保存网页，再按下F12预览，测试一下，将鼠标放在“回忆留念”4个文字上时将变成手形，同时浏览器窗口下面的状态栏中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到其他栏目中，这表示链接已经制作成功了。步骤7同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。步骤8在栏目页面中制作“网站首页”的链接，使得单击后可以跳转回首页，其制作方法不变。至此，整个“图像链像”的实例就全部完成了。33在HTML语言中建立网页链接331文字链接在HTML语言中用超链接标记指向一个目标。其基本格式为举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。文字链接2010河南选调生（入口）解释HREF是标记的一种属性，该属性中的URL等于链接目标文件的地址。TARGET也是标记的一种属性，相当于DREAMWEAVER“属性面板”中的“目标”，它的值等于BLANK,效果是在新窗口中打开。除此之外还包括其他3种PARENT,SELF和TOP。这和DREAMWEAVER中“目标”下拉列表中的内容是一模一样的。文本内容如代码实例中的“2010河南选调生（入口）”。这些文本将放在使用了链接属性HREF和目标属性TARGET的与标记之间，产生了链接的效果。提示再提醒读者一下，为段落标记，在DREAMWEAVER中是由ENTER（回车）键产生的。332图像链接举个简单的“图像链接”的实例。该实例相对应的代码所示。解释仔细观察代码可以发现，“图像链接”与“文本链接”惟一的差别就在于与之间的内容。“文本链接”中与之间的内容是文字内容，而“图像链接”中就肯定是图片内容了。之前讲过，插入图片使用“举个简单