个人网站的设计及其实现

届本科毕毕业设计计（论文文）题目：个个人网站站的设计计与实现现班 级：04级级计算机机班 学 号： 2 姓 名： 指导教师师： 个人网网站的设设计与实实现个人网站站的设计计与实现现前 言 随着国国际互联联网的普普及，很很多人已已经不满满足仅仅仅在Innterrnett上的浏浏览信息息，而是是希望更更深入的的参与其其中，拥拥有自己己的Weeb网站站，这似似乎已经经成为一一种潮流流。如果果说个人人建立网网站是为为了追求求时尚，那那么企业业建立网网站就是是必然的的选择了了。 无论是是专业的的，还是是业余的的，很多多人对网网页制作作颇感兴兴趣。事事实上制制作一个个简单的的网页并并不困难难，会使使用Woord的的人都可可以胜任任。但想想做出超超凡脱俗俗的网页页就不那那么容易易了，而而Dreeamwweavver却却可以满满足你的的愿望，它它是Maacroomeddia公公司开发发的集网网页制作作和网站站管理于于一身的的所见即即所得的的网页编编辑器。 同样出出自Maacroomeddia公公司的FFlassh,FFireeworrks在在制作网网站的过过程中起起到了锦锦上添花花的作用用，是个个人网站站实现的的好帮手手，在制制作网站站的时候候经常会会用到这这些软件件。 本文有五章章，我来来由浅到深深介绍个个人网站站的设计计与实现现。摘 要要在互联网网走进我我们的生生活之前前，没有有人敢梦梦想拥有有自己的的报纸、杂志、电台、电视台台。除了了政策上上的制约约外，一一个人也也根本没没有操作作一份传传播媒体体的能力力。现在在不同了了，互联联网给我我们提供供了一个个“表达自自我”的自由由天地,你可以以拥有自自己的新新闻邮件件，你可可以建立立自己的的个人网网站。只只要你办办得成功功也可以以吸引成成千上万万的订户户、读者者,并建建立自己己在众多多参与者者中的权权威地位位。建立立个人网网站的基基本过程程可以分分为以下下七个环环节 :1 了了解中国国网络个个人主页页研究背背景与发发展现状状2 系系统需求求分析与与总体设设计3 熟熟悉网站站开发模模式、工工具及环环境4把自自己的作作品和想想要展示示的内容容制作成成网页。5 使使用动态态网页技技术(AASP) ，实实现动态态内容更更新。6 认认真地选选取测试试用例，进进行交叉叉测试7 网网站的后后期完善善、宣传传及发展展方向其中 ,网页制制作和使使用动态态网页技技术(AASP) 实现现动态内内容更新新是网站站开发的的核心内内容。关键词：网页、制作、访问、链接Absstraact EEnteers befforee ouur llifee inn thhe IInteerneet, nobbodyy daaress too vaainlly hhopee foor hhas ownn neewsppapeer, thee maagazzinee, tthe brooadccasttingg sttatiion, thhe tteleevissionn sttatiion. Beesiddes thee pooliccy iin rresttricctioon, a ppersson simmplyy haas nnot alsso ooperrateed ddisssemiinattionn meediaa thhe aabillityy. NNow hass beeen diffferrentt, IInteerneet hhas proovidded to us thhe eexprresssionn ffreee woorldd,Yoou mmay havve oown newws mmaill, yyou mayy esstabblissh oown inddiviiduaal wwebssitee.Soo loong as youu allso mannagee thhe ssucccesss too bee poossiiblee too atttraact thee teens of thoousaandss off suubsccribberss, tthe reaaderr,Annd eestaabliishees oonesselff inn thhe mulltittudiinouus ppartticiipanntss auuthoorittatiive staatuss. EEstaabliishees iindiividduall weebsiite thee unnit proocesss tto bbe pposssiblle tto ddiviide intto ffolllowiing sevven linnks:1 、uundeersttandds tthe Chiinesse nnetwworkk inndivviduual maiin ppagee reeseaarchh baackggrouund andd thhe ddeveeloppmennt ppressentt situuatiion2 ssysttemss deemannds anaalyssis andd syysteem ddesiign3 faamilliarr weebsiitess deevellopmmentts ppattternn, ttooll annd eenviironnmennt4 annd wwantts oown worrk tthe conntennt wwhicch ddemoonsttratted to mannufaactuure thee hoomeppagee.5 usses dynnamiic hhomeepagges tecchnoologgy (ASPP), reaalizzatiion dynnamiic cconttentt reenewwal.6 eaarneestlly sseleectss meeasuuredd thhe ttestt exxampple, caarriies on thee ovverllapppingg teest7 weebsiitess laaterr peerioods connsummmatte, thee prropaagannda andd thhe ddeveeloppmennt ddireectiion Amonng tthemm,Thhe hhomeepagge mmanuufaccturre aand thee usse ddynaamicc hoomeppagee teechnnologgy (ASPP) rreallizees tthe dynnamiic cconttentt reenewwal is thee weebsiite devveloopmeent corre cconttentt.Key worrd: Hommepaage, maanuffactturee, vvisiit, linnk目 录录 第一章 引言1.1什么是是Intternnet1.2Intternnet有有哪些功功能1.3wwww简介1.4网页基基本构成成元素1.5软件的的安装与与启动1.5.1软软件的安安装1.5.2软软件的启启动1.5.3创创建快捷捷方式1.6制制作网页页前的准准备1.7Dreeamwweavver的的操作环环境1.7.1标题题栏1.7.2菜单单栏1.7.3快捷捷工具栏栏1.7.4属性性面板第二章 网站站制作实实战2.1 站站点2.1.1创建建站点2.1.2 创创建站点点内容 2.2 首页页2.2.1 设设置首页页布局2.2.2 设设置首页页的页面面属性2.2.3 查查看和编编辑头内内容2.2.4 插插入图像像2.2.5 插插入多媒媒体2.2.6 插插入文本本2.3 创建建其它网页页第三章 建立立网页链链接3.1 文字字链接3.2 图像像链接3.3 E-Maiil链接接3.4 文件件下载链链接3.5 在HHTMLL语言中中建立网网页链接接3.5.1 文字字链接3.5.2 图像像链接3.5.3 E-Maiil链接接3.6.4 文件件下载链链接第四章 结论致 谢谢参考文献献 第一章 预备知知识1.1 什么是是Intternnet Intternnet的的中文名名为“国际互互联网”，又称称“因特网网”。 Intternnet是是由众多多的计算算机网络络互联而而成的互互联网，它覆覆盖了全全世界各各地，它它是采用用开放系系统协议议的计算算机通讯讯网络。然而，IInteerneet不仅仅仅是计计算机的的互联网网，它还还是全球球最大的的信息资资源宝库库，它提提供了包包括科研研、教育育、文化化娱乐、商业和和信息交交流等各各种各样样的服务务，使得得世界范范围内的的人与人人之间的的交流在在时间和和空间上上变的更更小了。 要了解解Intternnet，就就必须先先了解局局域网。我们可可以将同同一地点点的许多多计算机机使用网网线连接接在一起起，构成成一个高高效率的的计算机机网络，所所有处于于网络内内的终端端机或电电脑都能能享受网网络内所所有的资资源，比比如程序序，图文文资料等等。这种种计算机机网络因因为一般般都局限限在一定定区域中中，我们们称之为为“局域网网”（Loocall Arrea Nettworrk,简简称LAAN）,它是在在日常工工作中用用得最多多的一种种小型计计算机网网络。局局域网所所覆盖的的地理范范围比较较小，通通常不超超过几十十公里，甚甚至只在在同一座座建筑物物内或者者邻近的的几座建建筑内。像常见见的校园园网，一一座写字字楼内部部的网络络等都属属于局域域网。 而IInteerneet则不不是指单单个区域域范围内内的网络络，而是是指将全全世界的的各中不不同类型型的计算算机网络络连接起起来的一一个全球球性的网网络。IInteerneet上有有取之不不尽，用用之不竭竭的信息息资源。对于IInteerneet中各各种各样样的信息息，所有有的人都都可以通通过网络络的连接接来共享享和使用用。1.2 Intternnet有有那些功功能 Weeb页浏浏览：这这是目前前利用最最广泛、最直接接的互联联网服务务，通过过浏览WWWW（万万维网）中中的网页页，可以以了解世世界各地地的新闻闻，查看看最新的的股市行行情，最最新的娱娱乐动态态、科技技发明，找找到众多多的就业业信息几乎乎想找到到什么样样的信息息，就有有什么信信息。正正是有了了才会变变得如此此丰富多多彩，才才能走进进千家万万户。 信息息发布：通过IInteerneet，不不仅可以以浏览别别人发布布在Weeb页上上的信息息，也可可以将自自己要发发布的信信息制作作成Weeb页，也也即网页页，然后后发布到到Intternnet上上，供全全世界的的人浏览览。 电子子邮件：不同于于传统邮邮件，电电子邮件件(E-maiil)通通过Innterrnett传输，写写信，发发信，收收信都在在计算机机上完成成，一封封电子邮邮件最短短在一秒秒之内就就可以发发送出去去，其效效率是传传统邮件件无法比比拟的。而且发发送与接接收电子子邮件几几乎是免免费的，所所以比传传统邮件件既节省省时间又又经济的的多。 网上上聊天：通过聊聊天软件件（如QQQ、IICQ等等）或不不同网站站的聊天天室，可可以和世世界各地地的网友友聊天。网友可可能是远远在天边边的异国国朋友，也也可能是是与你一一起工作作的饿同同事，或或者是一一起生活活的家人人，在这这里没有有年龄、性别、身份、职业、国籍、肤色的限限制，完完全突破破了交友友的传统统方式，人人们可通通过Innterrnett互相了了解对方方，进行行各种各各样的交交流。 电子子商务：现在网网上交易易已经成成为现实实，网上上购物、网上商商品销售售、网上上拍卖、企业级级电子商商务、网网上货币币支付等等电子商商务活动动已经搞搞的有声声有色，几几乎所有有的专家家都预测测，在未未来的几几年内，电电子商务务会飞速速发展。在不久久的将来来，您可可以做在在电脑前前进行各各种各样样的商务务活动。 网络络游戏：通过IInteerneet，可可以与全全世界的的玩家一一起进行行游戏对对战，也也可以协协同作战战。网络络游戏已已经成为为信息产产业全新新的经济济增长点点，每年年都为开开发商带带来巨额额的利润。通过网网络游戏戏，可以以充分享享受Innterrnett给我们们带来的的乐趣。 网络络电话：网络电电话也称称IP电电话。它它采用IInteerneet技术术，利用用专门的的网络电电话软件件，只需需支付非非常低廉廉的话费费就可通通话。IInteerneet在电电信市场场上的应应用将越越来越广广泛。1.3 WWWW的简介介 WWWW的全称称为Woorldd Wiide Webb，含义义是“环球网网”，又称称“万维网网”、3WW、Weeb。 WWWW是一个个基于超超文本（HHypeerteext）方方式的信信息检索索服务工工具。我我们上网网浏览到到的网页页就是这这样的超超文本，也也就是HHTMLL(Hyyperrtexxt MMarkk-upp Laanguuagee,超文文本标记记语言)文件，这这些网页页文件被被放置到到WWWW服务器器上，并并且都有有一定的的地址。当我们们想浏览览某个网网站时，首首先要在在电脑上上安装浏浏览器，如如Intternnet Exxploorerr或Neetsccapee，然后后在浏览览器中输输入网站站的地址址（网址址），就就可以进进入网站站进行浏浏览。在在这些网网页中，都都有超连连接，当当将鼠标标指针移移动到某某个地方方（如文文本或图图象）时时，鼠标标指针就就会变成成一个小小手形形形状，单单击它就就可以连连接到另另个网页页中，从从而使得得浏览者者能在不不同的信信息之间间跳转，我我们之所所以能在在Intternnet的的海洋中中穿梭自自如，正正是超连连接的功功劳。 WWWW 为我我们带来来的是世世界范围围的超级级文本服服务：只只须操纵纵鼠标，就就可以通通过Innterrnett从世界界各地调调来你所所希望的的文本、图像、动画和和声音等等信息。通过使使用WWWW，一一个不熟熟悉网络络使用的的人也可可以成为为Intternnet的的行家。1.4网网页基本本构成元元素 要要学会制制作网页页，首先先需要了了解网页页都是由由什么元元素构成成的。 文文字：文文本是构构成网页页的基本本元素。一个最最简单的的网页可可以只有有几行文文本。 图图片：正正是有个个各种美美丽的图图片，网网页才变变得多姿姿多彩。 动动画：如如今，网网页上的的动画越越来越多多，最常常用的有有GIFF动画、Flaash动动画等。 超超连接：如上所所述，超超连接几几乎是必必不可少少的。一一个没有有超连接接的网页页，就如如同汪洋洋大海中中的一座座孤岛，失失去了与与外界的的一切联联系。 其其它元素素：还可可以在网网页中添添加声音音、视频频等元素素。1.5软软件的安安装与启启动 要使用用网站设设计软件件，自然然先要将将这些软软件安装装到自己己的电脑脑中。安安装完毕毕，还需需要如何何启动，如如何创建建快捷方方式。下下面就让让我们来来详细地地看一看看具体的的操作步步骤。1.5.1软件件的安装装 安装之之前，需需要先了了解软件件对系统统的要求求。以WWinddowss为例，系系统要求求如下： IInteel PPenttiumm III处理器器或等效效处理器器，主频频3000MHzz或更高高。 WWinddowss 988Wiindoows 20000WWinddowss NTT(具有有Serrvicce PPackk 3 或更高高版本)、Wiindoows Me或或Winndowws XXP. NNetsscappe NNaviigattor 4.00版或更更高版本本或Miicroosofft IInteerneet EExplloreer. 996MBB的可用用内存（RRAM），建建议采用用1288MB内内存。 分分辨率可可达 88006000像素的的2566色显示示器（建建议颜色色为百万万颜色，分分辨率达达到100247688像素）。 CD-ROMM 驱动动器。 检查查一下您您的计算算机，看看是否具具备了以以上条件件。如果果具备，将将“Maccrommediia SStuddio MX”程序会会自动运运行。如如果不能能自动运运行，可可以找到到光盘放放入光驱驱，安装装程序会会自动运运行。可可以找到到光盘中中的“Insstalll MMacrromeediaa Sttudiio MMX”程序或或“Auttoruun”程序并并双击运运行。 Dreeamwweavver的的安装比比较容易易，几乎乎可以自自动完成成。下面面简要说说明一下下安装步步骤。操作步骤骤： 11、将安安装光盘盘放入光光驱，安安装程序序自动运运行，并并出现安安装界面面。如果果单击安安装界面面上的“Maccrommediia SSTUDDIO MX安安装”，那么么将会安安装其下下方所列列出的软软件。所所有的安安装会自自动完成成。2、单击击Dreeamwweavver MX,开始安安装过装装过程.先是出出现解压压缩文件件窗口,等待一一会儿,便会出出现安装装向导对对话框。单击“下一步步”按钮，继继续安装装过程。3、出现现“选择目目的地位位置”对话框框，默认认的盘是是C盘，如如果想安安装到不不同的位位置，可可以单击击目的文文件夹右右边的“浏览”按钮，并并在弹出出的“选择文文件夹”对话框框选择不不同的文文件，如如要安装装在D盘盘则可直直接将路路径中的的“C：”改为“D:”。也可可以在下下面的“目录”中选择择其它的的文件夹夹，设置置完后，单单击“确定”，回到到“选择目目的地址址”对话框框，单击击“下一步步”继续。4、而后后会出现现“默认编编辑器”的对话话框，默默认为全全选。如如果希望望让Drreammweaaverr MXX成为下下面所列列文件类类型的默默认编辑辑器，那那么可以以在这里里做选择择。选择择完毕，单单击“下一步步”按钮。5、出现现“开始复复制文件件”对话框框，单击击“下一步步”安装程程序开始始复制文文件，过过几分钟钟后，安安装结束束，单击击“结束”按钮，结结束安装装。1.5.2 软件件启动 软件安安装完毕毕后，我我们就可可以使用用它了。安装程程序已经经自动在在“开始”菜单中中加入了了快捷方方式。 单击“开始”菜单，将将鼠标指指针依次次指向“程序”|“Maccrommediia”|“Maccrommediia MMX”,并在在上面单单击鼠标标左键。1.5.3 创创建快捷捷方式 使用“开始”菜单启启动程序序的过程程比较烦烦琐。可可以在WWinddowss桌面或或快速启启动栏上上创建快快捷方式式，这样样可以快快速的启启动程序序。 具体体实现方方法是：在“开始”菜单中中找到相相应程序序的快捷捷方式，不不过这是是不要用用鼠标左左键单击击，而是是用右键键按住向向桌面拖拖动，然然后松开开右键，会会出现一一个快捷捷菜单，在在其中可可以选择择不同的的命令，比比如选择择“在当前前位置创创建快捷捷方式”或“复制到到当前位位置”。 这样样以后在在运行程程序时，就就方便快快捷的多多了。1.6 制作网网页前的的准备电脑必备备：电脑速度度够快，最最好能够够上网。操作系统统：Wiindoows 98/NT/Me/20000/XXP.软件可选选：其它软件件：看图图软件AACDSSee、图像处处理软件件Phootosshopp、上传传工具CCutee、动画画软件FFlassh等。1.7 Dreeamwweavver MX的的操作环环境 我我们将工工作界面面分成了了“标题栏栏”、“菜单栏栏”、“快捷工工具栏”、“属性面面板”、“浮动控控制面板板”5个部部分来分分别介绍绍。 1.7.1 标标题栏 Dreeamwweavver MX的的“标题栏栏”中将显显示文字字“Maccrommediia DDreaamweeaveer MMX”如果打打开网页页的话，在在后面还还会显示示该网页页的一些些信息，如如网页标标题、所所在位置置及网页页名称，右右边有三三个钮，分分别对应应Dreeamwweavver MX的的最大化化最小化化和关闭闭的操作作。1.7.2 菜菜单栏 “标题栏栏”下面就就是“菜单栏栏”，栏中中提供了了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项项菜单。单击其其中任意意一项菜菜单，随随即就会会出现一一个下拉拉式指令令菜单。有些指指令的右右边会有有键盘的的代码，这这是该指指令的快快捷键，熟熟练使用用快捷键键将会有有助于提提高工作作效率。有些指指令的右右边会有有一个小小黑三角角的标记记，它代代表该指指令还包包含下一一级的指指令，鼠鼠标停留留片刻即即可显示示。1.7.3 快快捷工具具栏 “快捷工工具栏”指的是是“菜单栏栏”下边的的3排按按钮，选选择菜单单“查看/工具栏栏”，勾选选里面的的“插入”、“文档”和“标准”3项，完完整的快快捷工具具栏就显显现出来来了。1.7.4 属属性面板板 在网页页编辑窗窗口的下下面还有有一个面面板，它它是有名名的“属性面面板”，它在在这个软软件中起起到举足足轻重的的作用。属性面板板顾名思思义，就就是显示示，调整整属性的的面板，根根据鼠标标所选中中对象的的不同，“属性面板”在界面上也会有所差异，用户可以分别对不同的对象进行调整。第二章 网站站制作实实战2.1 站站点2.1.1 创创建站点点 要制作作一个网网站，第第一步操操作都是是一样的的，就是是要创造造一个“站点”，这样样可以使使整个网网站的脉脉络结构构清晰地地展现在在面前，避避免了以以后再进进行纷杂杂的管理理。 从菜菜单中选选择“站点/管理站站点”在弹出出的对话话框中选选择“新建”，之后后再选择择其中的的“站点”，再次次弹出一一个对话话框，在在文本框框中输入入自己已已经企化化好的网网站名称称“追梦人人”。 填好好后，单单击“下一步步”，进入入下一个个步骤。由于我我要做的的是一个个静态的的网页，所所以选择择上面的的一项“否，我我不想使使用服务务器技术术。”单击“下下一步”，进入入下一个个步骤。 在此选选项中有有两个选选择，选选择推荐荐的“编辑我我的计算算机上的的本地副副本，完完成后再再上传到到服务器器”。底下下的文本本框允许许在本地地磁盘上上指定一一个文件件夹，DDreaamweeaveer将在在其中储储存站点点文件的的本地副副本。单单击该文文本框后后面的文文件夹图图标，新新建并指指定一个个空的文文件夹“E:/dinng”。之后后单击“下一步步“，进入入下一个个步骤。 这一步步是如何何设置连连接到远远程服务务器，弹弹出式菜菜单中有有6中选选择，这这里选择择“无”。而后后“下一步步”再“完成”，即可可。2.1.2 创创建站点点内容 站点创创建完成成后，就就可以创创建Weeb页来来填充站站点了。在“右侧浮浮动面板板组”中选择择“文件/文件”面板，此此时整个个网站中中没有任任何内容容。用鼠鼠标右击击面板中中的本地地根目录录文件夹夹。 在弹出出的菜单单中选择择“新建文文件”，新建建一个文文件后将将其命名名为“inddex.htmm(或iindeex.hhtmll),它它就是未未来的首首页。 由于“追梦人人”网站分分为“平面设设计”、“动画制制作”、“网文精精品”、“经典回顾”、“个人说说明“这五个个大栏目目，所以以继续用用鼠标右右击右侧侧，在弹弹出的菜菜单中选选择第二二项“Neww Fooldeer（新新建文件件夹）”。执行行五次操操作，新新建五个个文件夹夹，并把把它们重重命名为为graaph、aniim、bbookks、mmusiic、llettter，分分别对应应上面的的五个大大栏目。存放它它们各自自的内容容。之后后再次新新建1个个文件夹夹，命名名为immagees,用用来存放放“所有的的图象文文件”的内容容。 之后在在个栏目目的文件件夹里还还要建立立想相应应的栏目目网页。 2.2 首首页2.2.1 设设置首页页布局每个网网站都会会有一个个首页，就就功能上上而言，它它代表着着一个网网站的风风格与特特色，就就网站架架构上而而言，它它代表了了网站的的第一层层架构，至至于网站站上其他他Webb页，原原则上都都必须通通过首页页来连接接散播出出去，可可见首页页是多么么的重要要。首页是打打开网站站后在浏浏览器中中显示的的第一个个页面。它是起起什么名名字通常常要视SServver端端的设置置，一般般的有iindeex.hhtm,deffaullt.hhtm或或homme.hhtm等等，目前前主要以以inddex.htmm的居多多。当然然，后缀缀名为hhtmll也是正正确的。具体设置置方法是是：右健健单击“文件”浮动面面板中的的inddex.htmm,在弹弹出的菜菜单中选选择“设成首首页”。首页的布布局有很很多方法法，在这这里我所所用到的的是表格格的“布局模模式”。“布局”模式中中的表格格称为布布局表格格，单元元格称为为布局单单元格。在绘制制布局表表格和布布局单元元格时，必必须从“标准”模式切切换到“布局”模式。直接单单击“布局”按钮即即可。操作步骤骤：1、 在“插入快快捷栏”的“布局”分类中中，单击击“布局表表格”按纽。2、 将变成成“+”形状的的鼠标光光标放到到编辑中中网页上上，在要要绘制的的地方进进行拖动动就可以以进行创创建了。（如果果绘制的的是第一一个表格格必须从从网页的的最左上上角开始始绘制）。3、 在这里里要绘制制多个表表格，可可以再次次单击“布局表表格”按纽进进行绘制制，也可可以按住住Ctrrl键绘绘制多个个表格。追梦人人”网站首首页的布布局如图图所示： 2.22.2设设置首页页的页面面属性首先双击击“文件”浮动面面板中的的inddex.htmm,进入入页面的的编辑窗窗口。右右健单击击空白区区域，在在菜单中中选择“页面属属性”，之后后弹出“页面属属性”对话框框，若选选择主菜菜单“修改/页面属属性”项，也也可以把把打开该该对话框框。在“页面面属性”对话框框中，左左侧窗口口显示“分类”，其中中包括了了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图图像”5项，右右侧区域域则显示示各类中中可以设设置的项项目。“追梦人人”首页设设置的属属性如下下图所示示：2.2.3查看看和编辑辑头内容容一个网页页文件结结构上实实际是由由两部分分组成，头头（heead）内内容和主主体（bbodyy）内容容主体内内容（bbodyy）是文文档的主主要部分分，也是是包含文文本和图图像等的的可见部部分。头头内容（hheadd）是除除文档标标题外的的不可见见部分，包包含有文文档类型型、语言言编码、搜索引引擎的关关键的关关键字和和内容指指示器以以及样式式定义等等重要信信息，这这些元器器并不是是每个页页面都需需要的，例例如，可可以仅为为主页提提供关键键字。下面就以以首页为为例，说说明怎样样插入较较常用的的头（ heaad）内内容。单击“菜菜单拦”下面“插入快快捷”的下拉拉列表，选选择其中中的HTTML类类，此时时右侧将将会显示示该类中中可以插入入的对象象快捷按按钮，再再次单击击第2个个按钮“文件头头”旁边的的下拉箭箭头，会会弹出菜菜单，该该项列出出的便是是即将插插入的头头内容。 22.2.4 插插入图像像图像是网网页中不不可或缺缺的组成成成份，恰恰当地使使用图像像，可以以使网站站充满生生活生命命力与说说服力，吸吸引更多多的浏览览者，加加深他们们欣赏你你网站的的意愿。另一方面面，网页页的容量量大小是是网站成成功与否否的一大大关键因因素。由由于网络络在传输输上的限限制，导导致了下下载的速速度不可可能太快快，因此此，网页页的大小小就不能能太大，其其中关键键就在于于图像的的大小了了，否则则浏览者者会失去去等待的的耐心，无无论你的的网站多多么精彩彩也无济济于事了了。所以以，在网网面容量量大小的的问题上上一定要要重视。下面就就来详细细介绍对对网页图图像进行行处理的的操作步步骤，以以使得它它们在保保持图形形美丽与与网站风风格搭配配的基础础上，图图片文件件能够变变的更小小。1、 首首先将光光标停留留在要插插入图像像的位置置，然后后单击“菜单栏栏”下面“插入快快健栏”的下拉拉表，选选择其中中的“常用”类，则则右侧将将会显示示该类中中可以插插入的对对象快键键按钮。左起第第5个即即为“图像：图像”按钮，单单击它右右侧的下下拉列表表，选择择第1项项“图像”。2、随即即弹出“选择图图像源文文件”对话框框。从计计算机磁磁盘中选选择想要要插入的的图像文文件，或或在URRL编辑辑框中输输入图像像的路径径和名称称。下面面的“相对于于”下拉表表框中，可可选择文文件URRL地址址的类型型，如果果选择“文档”选项，表表示图像像地址相相对于当当前文档档；如果果选择“站点根根目录”选项，表表示地址址相对于于根目录录。在这这里我要要插入的的是网站站标志llogoo，插入入loggo图象象，如图图所示：最后单击击“确定”按钮，即即可完成成插入图图像的操操作。2.22.5插插入多媒媒体在Dreeamwweavver MX220044中，除除了之前前讲到的的可以插插入“图像”外，还还可插入入动画、声音、视频等等媒体元元素，如如Flaash,Shoockwwavee,Apppleets,ActtieXX及格MMidii声音文文件等，并并且还可可以在DDreaamweeaveer自身身内插入入Maccrommediia FFlassh MMX20004按按钮和文文本对象象，以及及进行相相关的后后期处理理和添加加设计备备注等操操作。在Dreeamwweavver MX 20004文档档中，可可以插入入媒体文文件包括括Flaash Shoockwwavee影片、QuiickTTimee 、AAVI javva、 appplett Acctivve XX控件以以及各种种格式的的音频文文件。要在浏览览器中播播放放FFlassh 动动画，必必须在浏浏览器中中集成“Flaash 播放器器 （FFlassh PPlayyer）”。其中，Internet Explorer通过ActiveX控制来实现，Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中，均已集成了 Flash动画播放功能。操场作步步骤：步骤1 将光光标停留留在要插插入Fllashh的位置置，然后后单击菜菜单栏下下面“插入快快捷栏”的下拉拉列表，选选择其中中的“常用”分类，右右侧将会会显示该该类中可可以插入入的对象象快捷按按钮。左左起第66个即为为“媒体”按钮，单单击它右右侧的下下拉列表表，选择择第1项项Flaash图图标。步骤2 在弹弹出的对对话框中中选择扩扩展名为为swff 的FFlassh文件件，即可可将其插插入到DDreaamwee aaverr的“网页编编辑窗口口”中，可可以看到到，在这这个窗口口中Fllashh文件的的大小。在 这里我我的主页页插入的的一个动动画，如如图所示示：2.2.6插入入文本文字是人人类语言言最基本本的表达达方式，在在网页中中，文本本内容也也可以说说是重要要的组成成部分，一一个网站站成功与与否，它它是最关关键的因因素。在在这最关关键的因因素。可可丰富网网站的文文字内容容，并以以最最美美观、最最整齐的的方式放放入到网网页中。插入文本本的两种种方式网页中需需要大量量的文本本，我们们或以通通过以下下两种方方式插入入它们。一种是在在网页编编辑窗口口中直接接用键盘盘敲入文文本。这这可以算算是最基基本的输输入方式式了，和和一些文文本编辑辑软件（如如Miccrossoftt Woord）的的使用方方法一样样，选择择好习惯惯的输入入法，就就可以运运指如飞飞了。另一种是是复制文文本的方方式。有有些读者者可能不不喜欢使使用Drreammweaaverr MXX20004来进进行打字字的工作作，而更更习惯在在专门的的文本编编辑软件件中快速速打字，如如Miccrossoftt Woord和和 Wiindoows自自带的记记事本等等，又或或者读者者已经准准备好了了要放入入网页的的文本的的电子版版本，那那么我们们就可以以直接使使用Drreammweaaverr的文本本复制功功能，将将大段的的文本内内容拷贝贝到网页页的编辑辑窗口来来进行排排版的工工作，具具体步骤骤如下。打开文本本编辑软软件（如如Miccrossoftt Woord），选选中要复复制的文文本，它它们将反反白显示示，执行行菜单“编辑/复制”命令或或直接用用快捷键键Ctrrl+CC，之后后切换回回Dreeamwweavver,将光标标停留在在插入文文本的位位置，执执行主菜菜单“编辑/粘贴”命令或或直接使使用快捷捷键Cttrl+v,即即可将大大段的文文本快速速粘贴到到网页中中。这在我的的“网文精精品”中用到到很多，全全部是在在worrd软件件中排好好ctrrl+cc,然后后点击要要粘贴的的位置，ccrtll+v到到Dreeamwweavver即即可。2.3创创建其它它网页 还有其其它的几几个网站站与主页页的制作作相同，一一个网页页是图象象和文字字的组合合。 “平面设设计”中的图图象插入入和前面面的介绍绍相似，并并可以在在属性拦拦中调节节图象的的大小。 在DDreaamweerveer中常常常会用用到Fiirewworkk、Fllashh，它们们是相辅辅相成，在在主页中中的主体体部分就就是用FFireeworrk,如如图所示示： 在“个人说说明”中也用用到这点点，首先先定好需需要尺寸寸，在属属性中设设好背景景，颜色色等等，插插入图象象，输入入文字，也也worrd里的的操作雷雷同。第三章 建立网网页链接接网站实际际上是由由很多网网页组成成的，那那么网页页之间是是如何联联系的呢呢？这就就是本章章要讲的的内容-网页的的“链接”。“链接”，又称称“超链接接（HHypeerliink）,它作为为网页的的桥梁，起起着相当当重要的的作用。网页中中的很多多对象都都可以加加入“链接”属性。在Drreammweaaverr MXX20004中，如如果以“链接”的媒介介来划分分的话，则则“链接”可以分分为“文字链链接”、“图像链链接”、“图像地地图链接接”、“内部链链接和外外部链接接”、“E-mmaill链接”、“命名锚锚记链接接”、“文件下下载链接接”和“跳转菜菜单”，共88种。其其中部分分内容在在之前的的章节中中可能接接触过，这这里将对对其进行行更深入入的讲解解。3.1文文字链接接“文字链链接”即以文文字作为为媒介的的链接，它它是网页页中最常常被使用用的链接接方式，具具有“文件小小、制作作简单和和便于维维护”的特点点。接下来结结合我的的个人网网站为实实例，来来讲解如如何为文文字建立立“链接”。具体操作作步骤如如下所述述。操作步骤骤步骤1 准备备好已经经制作完完成的首首页的各各个栏目目页面（假假设除了了“链接”，其他他内容都都已经制制作完成成了），该该网站包包含6个个栏目，这这里的55个栏目目-“平面设设计”、“动画制制作”和“网文精精品”、“经典回回顾”、“个人说说明”为例来来进行讲讲解。步骤2 在Drreammweaaverr 中打打开首页页，之后后反白选选取作为为“链接”的文字字。实例例中要做做到单击击不同的的栏目的的网页。因此为为第1个个栏目“平面设设计”设置链链接，首首先要反反白选中中“平面设设计”4个文文字。步骤3 观察“属性面面板”，其中中包括一一个“链接”文本框框。步骤4 接下来来需要把把链接的的地址加加入到文文本框中中，方法法有3种种。这里我用用到的是是直接点点击文件件夹图标标，在文文件夹中中找到要要链接的的对象ggrapph.hhtm。这样就就建立了了超链接接。不过过有点很很重要，由由于大多多数服务务器都不不支持中中文文件件名，而而且对大大小写敏敏感，因因此采用用英文文文件名并并统一大大小写。如图所所示：步骤5 在“链接”文本框框下面还还有一个个“目标”下拉列列表，从从中可以以选择链链接网页页显示的的窗口方方式，共共有4种种。如图图：实例中没没有选择择任何选选项，保保持空白白，表示示在原窗窗口中打打开链接接网页。步骤6 还可以以设置一一些“链接”的属性性，这是是前面讲讲过的内内容。单单击“属性面面板”中的“页面属属性”，选择择其中的的“链接”分类，可可以进行行的设置置有“链接字字体”、“大小”、“链接颜颜色”、“变换图图像链接接”颜色、“已访问问链接”颜色、“活动链链接”颜色及及“下划线线样式”。步骤7 至此，第第1个栏栏目的链链接就制制作完毕毕了，按按下Cttrl+S保存存网页，再再按下FF12预预览，测测试一下下，当鼠鼠标放在在“平面设设计”这4个个文字上上时将变变成手形形，并且且浏览器器窗口下下面的状状态栏中中会显示示链接到到的网页页的地址址，单击击文字，页页面会立立即跳转转到第11个栏目目中，这这表示链链接已经经制作成成功了。步骤8 同理，按按照以上上步骤，再再为“动画制制作”和“网文精精品”“经典典回顾“等其它它栏制作作指向对对应栏目目的链接接。步骤9 通常在在栏目页页面中还还需要有有“返回首首页”的链接接，单击击其后可可以跳转转回首页页，因此此在各个个栏目中中还要插插入“网站首首页”的文字字，并且且制作指指向首页页inddex.htmml的链链接，制制作方法法不变。至此，整整个“文字链链接”的实例例就全就就全部完完成了。通过对对这个实实例的讲讲解，读读者不仅仅应该学学会如何何为文字字制作链链接，还还应用对对“链接”有了更更加深刻刻的理解解，链接接的目的的何在？它到底底能够在在网页的的网站中中发挥什什么样的的作用？怎样才才能更好好地使用用它？这这些是网网页制作作者更应应该思考考的问题题。下面继续续介绍其其他类型型的链接接。3.2图图像链接接“图像”也是常常被使用用的链接接媒体，它它和“文字链链接”非常相相似。为为图像加加入链接接，首先先应该在在网页中中插入“图像”，有关关插入“图像”或“导航条条”按钮的的内容，接接下来以以我的网网站“追梦人人“为例，讲讲解如何何建立“图像链链接”。操作步骤骤步骤1 首先仍仍然要准准备好已已经制作作完成的的首页和和各个栏栏目的页页面（假假设除了了“链接”，其他他内容都都已经制制作完成成了），该该网站包包含6个个栏目，下下面我们们就动手手为这66个栏目目分别制制作它们们的链接接。步骤2 在Drreammweaaverr中打开开网站的的首页，之之后选取取要制作作“链接”的图像像。实例例中先为为第3个个栏目“动画制制作”设置链链接，因因此选中中包含“动画制制作”4个字字的图像像。步骤3 观察“属性面面板”，在“链接”文本框框中输入入链接的的文字地地址。可可以使用用之前讲讲过的“指向文文件”和“选择文文件”的方法法。步骤4 如果有有需要，可可以在“目标”下拉列列表中选选择“链接”网页显显示的窗窗口方式式，分别别为-bblannk 、-paarennt 、-seelf或或 toop。实实例中使使用了默默认出的的保留空空白选项项的方式式。 步骤5 另外，读读者还可可以为图图像增加加“替代”文本。实例中中为第11个栏目目增加栏栏目名称称的“替代”文本。步骤6 至此，第第1个栏栏目的图图像链接接就制作作完毕了了，按下下Ctrrl+SS保存网网页，再再按下FF12预预览，测测试一下下，将鼠鼠标放在在“动画制制作”4个文文字上时时将变成成手形，同同时浏览览器窗口口下面的的状态栏栏中会显显示出链链接到的的网页的的地址，并并且会显显示出“替代”文本“动画制制作”，单击击文字，页页面会立立即跳转转到第33个栏目目中，这这表示链链接已经经制作成成功了。步骤7 同理，按按照以上上步骤，再再为其它它几幅图图像制作作指向对对应栏目目的链接接。步骤8 在栏目目页面中中制作“返回首首页”的链接接，使得得单击后后可以跳跳转回首首页，其其制作方方法不变变。至此，整整个“图像链像像”的实例例就全部部完成了了。3.3EE Maiil的链链接E-Maail链链接，是是指当浏浏览者单单击该链链接之后后，不是是打开一一个网页页文件，而而是启动动用户的的E- Maiil客户户端软件件（如OOutllookk Exxpreess）,并打开开一个空空白的新新邮件，供供浏览者者撰写内内容来与与网站联联系人联联系，这这是一种种最方便便的互动动方式。结合“个个人说明明”网页，建建立E-Maiil链接接的步骤骤如下所所述。操作步骤骤步骤1 将光标标停留在在页面右右下角要要插入EE-maail链链接的位位置。步骤2 选择“插入快快捷栏”中的“常用”分类，单单击左侧侧第2个个“电子邮邮件链接接”按钮。步骤3 在弹出出的“电子邮邮件链接接”对话框框中有两两个输入入项，分分别是“文本”和“E-MMaill” 。在在“文本”项中输输入链接接的文字字，中文文、英文文均可，在在E-MMaill项中输输入网站站联系有有的电子子邮件地地址，如如实例中中的 ddingg_zhhuimmengg12331663.nnet。步骤4 单击“确定”按钮，具具有“E-MMaill链接”属性的的文本就就dinng_zzhuiimenng1223t。插入入到光标标所在位位置了，按按下 CCtrll+S保保存网页页，再按按下F112预览览查看实实际效果果。上面的方方法只适适用于文文本的“E-MMaill链接”，如果果想在其其它的对对象（如如图像）上上也加入入这种链链接，该该怎办呢呢？下面面介绍第第2种建建立“E-MMaill链接”的方法法。其实很简简单，与与前面讲讲过的图图像加入入链接的的方法基基本一样样。先在在页面中中需要的的地方插插入图像像，之后后选中图图像，并并在“属性面面板”的“链接”文本框框中输入入如下语语句即可可-maailtto: dinng_zzhuiimenng1223t ?ssubjjectt=网站站的建议议与第11种方法法不同的的是，EE-Maail 地址前前面增加加了maailtto:字字样。用用这种方方法就可可以给图图像等其其他对象象建立“E-MMaill链接”了。3.4文文件下载载链接“文件下下载链接接”的原理理很简单单，只要要链接文文件属于于浏览无无法识别别的关型型，便都都会使用用IE浏浏览器直直接进行行下载，并并保存到到本地计计算机中中。浏览器无无法识别别的文件件类型有有很多，这这里就介介绍一个个最常用用的，以以zipp或raar为后后缀名的的压缩格格式文件件，这种种文件可可以使用用主流的的压缩软软件（如如winnzipp、wiinraar）来来制作。下面我我们就业业以实例例来说明明。在前面“插入多多媒体”一章中中，我们们曾经讲讲过直接接链接文文件的方方式来插插入“视频”，即直直接在“链接”文本框框中输入入“文件名名+名后后缀名”，如oolymmpuss.wmmv。单单日击这这个链接接，经过过数据下下载后，WWinddowss系统将将启动自自带的媒媒体播放放器Wiindoows Meddia Plaayerr 来播播放该视视频。操作步骤骤步骤1 先将视视频文件件olyympuus.wwmv通通压缩成成olyympuus.rrar文文件，放放入站点点的meediaa文件夹夹下。步骤2 将文件件路径输输入至“链接”文本框框中。步骤3 保存网网页，按按下F112预览览，在浏浏览器中中单击“下载精精彩广告告视频”链接文文本，会会弹出“文本下下载”选择框框，单击击其中的的“保存”按钮。步骤4 在“另存为为”对框中中选择保保存到本本地计算算机中的的位置，实实例中为为“经典回回顾”文件夹夹。之后后单击“保存”按钮，压压缩文件件即保存存到该位位置中。至此，“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹，解压缩olympus.rar文件，随时欣赏下载影片。本设计计中未用用到此链链接，在在此只作作简单介介绍。3.5在在HTMML语言言中建立立网页链链接3.5.1文字字链接在HTMML语言言中用超超链接标标记指向向一个目目标。其其基本格格式为：a hhreff=”URLL”文本内内容举个简单单的“文本链链接”的实例例，该实实例相对对应的HHTMLL代码如如下所示示。文字链链接aa hrref-“inddex22.httml”tarrgett=”-bllankk” 平平面设计计/a