网站毕业论文设计鲜花系统网站设计

1、山西职业技术学院计算机工程系毕业设计论文论文题目：鲜花系统网站专 业：计算机应用技术班 级： 计应A902姓 名： 马慧芳指导教师： 杨寅老师2011年11月20日山西职业技术学院 计算机工程系毕业设计任务书设计题目： 鲜花系统网站 设计任务： 创建一个鲜花系统网站，在本系统中可以展示各种各样的鲜花，可以让顾客一目了然，在网站中对花进行了各种分类，让顾客在最短的时间里找到所需要的花，节省顾客的时间。 设计目的：鲜花系统作为一个鲜花经营者和鲜花消费者的一个交易平台，应该拥有漂亮的介绍花店鲜花种类以及意义的页面，有进行交易的完整的用户登录和版主登录的管理系统，以此达到成本投入性小，利润见效快的效果

2、，同时也方便了消费者，节省了他们的时间和精力，该论文要对系统开发中面临的问题及其方案进行详细设计和合理安排，根据所学知识进行实现。设计要求： 1.使用Dreamweaver开发软件的开发技术，2.版主登录，3.对新上市的鲜花进行及时的更新。设计时间：从 2011 年 11月 2 日至 2011 年 11 月 20 日 共 3 周 设计人员： 马 慧 芳 学 号： 0911090214 指导教师： 杨 寅 老 师 2011年11月20日目 录摘要5关键词5前言6第一部分 网站开发项目需求分析6第二部分 花店开发的前期准备7一、制作网页的步骤71、确定网站主题72、搜集材料73、规划网站74、选择

3、合适的制作工具75、制作网页7二、制作网页的要素71、网页的整体布局设计72、网页设计中色彩的运用83、网页形式与内容相统一84.网站开发工具8第三部分 网上花店的总体设计14第四部分 网上花店的版面设计15一、设计首页的第一步15二、草案15三、布局过程中应遵循的原则15四、添加网页文字16五、添加超链接19六、插入Flash动画20总结23致谢24参考文献25摘要随着因特网技术的迅速发展，各种各样的网站已经深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的发展起来。因特网的发展状况可以用日新月异来形容，通过电子商务来完善对商品的采购就给人

4、们的生活带来了很多方便。它节省了物流消耗和一般商务对时间和地点的依赖。在这种形式之下，购买鲜花的人越来越多，也越来越广，全国各地都有购买者。这么大的一个市场，只是利用实物店铺是远远不够的，虽只能满足本地消费者的需求，但却不能面向远处的消费者需求。为了迎合市场的需求，为了开拓市场提高自身在同行中的竞争能力，开发一个网上鲜花销售系统也是很有必要的。本网上花店系统，主要实现的功能是：实现用户在线注册功能、登录功能、查询功能、留言功能、定单等。在后台能实现管理员的登录、管理员对商品的分类发布、商品的管理、用户信息的管理、订单管理、管理员管理等。真正实现从商品的发布到商品的购买一系列的网上销售鲜花的功能

5、。本系统基于Internet的互联网网络，使用Dreamweaver作开发平台，利用网络来实现网上销售鲜花的功能性网站。具有最大的优点是，界面优美，可视性强，设计成本投入性小，利润见效快，系统安全性好，系统维护与管理方便快捷，目标明确，可操作性强等特点。关键词：网上鲜花销售、链接、网页、页面设置前言随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联

6、网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。随着因特网技术的迅速发展，各种各样的网站已经深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的发展起来。因特网的发展状况可以用日新月异来形容，通过电子商务 来完善对商品的采购就给人们的生活带来了很多方便。它节省了物流消耗和一般商务对时间和地点的依赖。随着人们生活水平的提高，人们越来越感性了，在不同的节日会选择不同的花送给不同的人来表达不一样的感情，以往人们都是自己到花店显得很麻烦，而且还浪费时间。正是因为人们的这些需求，越来越多的花店网站出现在网络上，使人

7、们可以随时了解自己想知道的鲜花方面的新闻，真正的做到足不出户，便知天下事。把鲜花销售与网络连接起来，是今后鲜花销售发展的必然方向之一。第一部分 网站开发项目需求分析在网上花店系统中主要涉及到花库、会员、管理员、订单等几个模块，其中，花库模块的任务主要是列出所有库存的各种属性，按照鲜花的作用以及适合的对象分类还与用户选定鲜花后给出详细属性。当然我们不能凭空想象一个系统，而是通过考察现有的系统，再提出方案来。现有的系统是信息的重要来源。显然如果目前有一个系统正在被人使用，那么这个系统必定能完成某些有用的工作，因此新的目标系统也必能完成它的基本功能；另一方面，如果现有系统是完美无缺的，用户自然不会提

8、出开发新系统的要求。但现在鲜花销售主要是通过人手工来完成的，这样不仅降低了工作效率，存在大量的重复劳动，而且容易出现人为的错误，这样的管理明显不能与高效率、快节奏的生产模式相适应，所以开发此系统是非常可行的想法。网上花店的一个很大有点就是实现鲜花经营者和鲜花消费者的互利。一方面，他可以使鲜花经营者尽可能的展现自己的鲜花种类，并且节约以往的占地空间成本，另外可以使鲜花消费者随心所欲选购自己喜欢的鲜花，并且货比三家，调血到自己认为物美价廉的鲜花。网上花店系统主要是进行鲜花销售的计算机软件，从目前的鲜花销售流程中，我们可以发现一些比较明显的流程作业和管理需求。同时也为我们的系统分析提供了较好的依据。

9、鲜花的查找和快捷的付费是网上花店系统的主要部分，这两个管理部分的完成是整个系统业务完成的基础，其他的各项服务都是在此基础上完成的。第二部分 花店开发的前期准备一、制作网页的步骤再做网页之前，我上网浏览了做网页的五个步骤。1、确定网站主题 ：网站主题就是在建立网站时所要包含的主要内容，一个网站必须要有一个明确的主题。2、搜集材料 ：明确了网站的主题以后，就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为制作网页的素材。3、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计

10、大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。4、选择合适的制作工具 ：尽管选择什么样的工具并不会影响设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。5、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时

11、，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。二、制作网页的要素1、网页的整体布局设计 网页设计作为一种视觉语言，要讲究编排和布局。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体

12、布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。 2、网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色比冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的

13、购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在进行网页设计时，更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。在设计中要考虑众多因素。3、网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关

14、系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。4.网站开发工具我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件dreamweaverCS3。Dreamweaver是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组

15、合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面吸引人并且基于标准的站点和应用程序。从对基于 CSS 的设计提供领先的支持到手动编码功能，Dreamweaver 在一个集成和高效的环境中为专业人员提供了所需的工具。开发人员可以将其选择的服务器技术与 Dreamweaver 配合使用，建立将用户连接到数据库、Web 服务和旧式系统的强大 Internet 应用程序。Dreamweaver允许开发人员设计Web站点和为Internet应用程序编写代码。Dreamweaver MX组合了著名的可视排版工具Dreamweaver、快速Web应用程序开发工具Dreamweav

16、er的功能和Home Site的扩展代码编辑支持，形成了一个简单易用且功能强大的开发环境。Dreamweaver MX为当前的Web技术和标准提供完备而开放的解决方案，包括辅助功能和Web服务。其主要特点是：（1）方便的网站管理； Dreamweaver MX结合了其知名的可视化布局工具、Dreamweaver的快速web应用程序开发功能以及Macromedia HomeSite的广泛代码编辑支持，因此它既是创建专业网站的最佳途径，也是构建强大Internet应用程序的最简便的方法。（2）无可比拟的控制能力； 实现对代码和设计的全面控制。利用Dreamweaver的可视化布

17、局工具以及代码编辑工具，您可以以自己希望的方式建立所需的站点。在期间还用到了Flash、Photoshop等的软件，使网站看起来更加生动美观，更具有吸引力。 如图1所示：图1在主页中所添加的Flash动画代码如下：</script> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="1326" height="519"> <param name="movie" valu

18、e="背景/MotionD05.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="背景/MotionD05.swf" width="1326" height="519" quality="high" pluginspage=&quo

19、t; type="application/x-shockwave-flash" wmode="transparent"></embed> </object>在主页中所添加的PhotoShop代码如下： <tr> <td height="36" align="center" background="背景/1.jpg">&nbsp;</td> <td colspan="3" rowspan="

20、;4" valign="top"><a href="3.html"><img src="情侣用花/1.gif" width="68" height="70" border="0" /></a></td> <td height="12"></td> <td rowspan="7" valign="top" background

21、="背景/T1ESNlXk.CJ0OrtXjX1.gif"><!-DWLayoutEmptyCell->&nbsp;</td> </tr> <tr> <td height="3"></td> <td colspan="2" rowspan="2" valign="middle" nowrap="nowrap" class="STYLE3"><a href

22、="3.html">情侣用花</a></td> </tr> <tr> <td height="13"></td> <td colspan="3" rowspan="3" valign="top"><a href="5.html"><img src="生日用花/1.gif" width="68" height="70&qu

23、ot; border="0" /></a></td> </tr> <tr> <td height="29"></td> <td colspan="4" valign="middle" nowrap="nowrap"><span class="STYLE3"><a href="5.html">生日用花</a></span>

24、</td> </tr> <tr> <td height="2"></td> </tr> <tr> <td height="7"></td> <td colspan="3" rowspan="5" valign="top"><a href="1.html"><img src="友情用花/1.gif" width="

25、;68" height="70" border="0" /></a></td> </tr> <tr> <td height="26"></td> </tr> <tr> <td height="15"></td> <td colspan="3" rowspan="2" valign="top"><!-DWL

26、ayoutEmptyCell->&nbsp;</td> </tr> <tr> <td height="20"></td> <td colspan="4" rowspan="3" valign="middle" nowrap="nowrap"><span class="STYLE3"><a href="1.html">友情用花</a>&l

27、t;/span></td> </tr> <tr> <td colspan="6" rowspan="5" align="right" valign="middle" ><img src="背景/2.gif" width="400" height="74" /></td> <td height="2"></td> </tr>

28、<tr> <td height="1"></td> </tr> <tr> <td height="9"></td> </tr> <tr> <td height="46"></td> <td colspan="2" rowspan="3" valign="top"><a href="4.html"><

29、;img src="会议用花/1.gif" width="68" height="70" border="0" /></a></td> </tr> <tr> <td height="16"></td> <td colspan="3" rowspan="2" valign="middle" nowrap="nowrap"><

30、span class="STYLE3"><a href="4.html">会议用花</a></span></td> </tr> <tr> <td height="2"></td> </tr> <tr> <td colspan="4" rowspan="2" valign="top" background="背景/4.jpg"&

31、gt;<!-DWLayoutEmptyCell->&nbsp;</td> <td height="19"></td> <td rowspan="3" valign="top">&nbsp;<br /> <br /></td> </tr> <tr> <td height="10"></td> <td colspan="3" rowsp

32、an="4" valign="top"><a href="7.html"><img src="祝福用花/1.gif" width="68" height="70" border="0" /></a></td> </tr> <tr> <td height="17">&nbsp;</td> </tr> <tr>

33、; <td height="20">&nbsp;</td> </tr> <tr> <td height="23">&nbsp;</td> <td colspan="2" valign="middle" nowrap="nowrap"><span class="STYLE3"><a href="8.html">祝福用花</a>

34、;</span></td> <td>&nbsp;</td> </tr> <tr> <td height="17"></td> </tr> <tr> <td height="43"></td> <td colspan="2" rowspan="3" valign="top" background="拖动到一个文件以选取它"

35、><a href="7.html"><img src="慰问用花/1.gif" width="68" height="65" border="0" /></a></td> </tr> <tr> <td height="22"></td> <td colspan="4" valign="middle" nowrap="no

36、wrap"><span class="STYLE3"><a href="7.html">综合用花</a></span></td> </tr><tr> <td height="5"></td> <td colspan="3" rowspan="4" valign="top"><a href="6.html">&l

37、t;img src="自助选花/1.gif" width="68" height="70" border="0" /></a></td> </tr> <tr> <td height="40"></td> </tr> <tr> <td height="20"></td> <td colspan="2" valign="

38、middle" nowrap="nowrap"><span class="STYLE3"><a href="6.html">自助选花</a></span></td> </tr> <tr> <td height="5"></td> </tr> <tr> <td height="62"></td> </tr>灵活运用D

39、iv标签可以让页面看起来更加的个性。第三部分 网上花店的总体设计在拿到客户的需求说明后，并不是直接开始制作，而是先要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时间；需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：网站的栏目和板块；我网站的功能和相应的程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互性和用户友好设计，在总体设计出来后，一般需要给用户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较

40、笼统，而且在用户要求不是十分明确的情况下提交方案，往往和实际制作后的结果有很大的差异。所以应该尽量取得用户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案包括：客户信息分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排；相互之间链接关系；实用软件、硬件和技术分析说明；开发时间进度表；宣传推广方案、维护方案、制作费用；本公司简介；成功作品，技术，人才说明等。当您的方案通过客户的认可，那么可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细的分析设计。经过需求分析阶段的工作，系统必须“做什么”已经清楚了，现在是决定“怎样做”的时候

41、了。总体设计的基本目的就是回答“概括地说，系统应该如何实现？”这个问题，用比较抽象的概括的方式确定系统如何完成预定的任务，也就是说，应该确定系统的物理配置方案，并确定系统的每个程序的结构。首先需要进行系统设计，从数据流图出发设想完成系统功能的若干种合理的方案，分析员应该仔细分析比较这些方案，并且和用户共同选定一个最佳方案。然后进行软件结构设计，确定软件有哪些模块组成以及这些模块之间的调用关系。在系统的设计中，要注意分清计算机处理和手工处理的界限。信息系统是人机系统，系统目标的实现取决于这两者的得结合，系统设计中要避免一味地追求计算机处理，见许多只能由人工完成的工作交由计算机做，从而造成设计的复

42、杂和不够科学；也要避免本该由计算机完成的工作交由人去处理，从而使新系统的功能、性能以及用户的目标得不到实现。一般采用模块化原理来进行软件结构的设计，这样可以使整个系统设计简易，结构清晰，可读性、可维护行增强，提高系统的可靠性，同时，也有利于信息系统开发工作的组织管理。所谓的模块是指这样的一组程序语句（或描述），它包括输入与输出、逻辑功能描述、内部环境及其运行环境。通常程序中的一个模块完成一个适当的子功能。应该把模块组织成良好的层次系统，顶层模块调用它的下层模块以实现程序的完整功能，每个下层模块再调用更下层的模块，从而完成程序的每个子功能，最下层的模块完成最具体的功能。在进行软件结构设计时应该遵

43、循的主要原理是模块独立原理，也就是说，软件应该由一组完成相对独立的子功能的模块组成，这些模块彼此之间的接口关系应该尽量简单。模块间的关系如图2所示：模块1模块2模块3模块4模块5接口接口图2第四部分 网上花店的版面设计一、设计首页的第一步设计首页的第一步是设计版面布局。就像传统的报刊杂志编辑一样，我们将网页看做一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编辑，但是固定的网页版面设计基础已依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个

44、页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。布局，就是以最适合浏览的发那个是将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是我不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步陈宫的“秘诀” 告诉您。我们在设计思考系列文章第四篇讲过站点整体的创意，版面布局意识一个创意的问题，但要比站点整体的创意容易，有规律的多。二、草案新建页面就像一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你

45、的想象力，将你想到得“景象”画上去（我们建议您用一张白纸和一只铅笔，当然用作图软件PhotoShop等也可以）。这属于创造阶段，不讲究细腻公整，不必考虑细节功能，只以粗陋的线条购花出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。三、布局过程中应遵循的原则1、正常平衡-亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。2、异常平衡-即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安全性、高注目性的效果。3、对比-所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富的对比。4、凝视-所

46、谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，已达到注视页面的效果，一般多用明星凝视状。5、空白-空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品味的优越感，这种表现方法对体现网页的格调十分有效。6、尽量用图片解说-此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。四、添加网页文字我们开始制作网页的正文。现在光标处在正文编辑区，和记事本一样，我们输入文字“我的网页”。按住shift+回车进行换行，输入一些这也说明文字接下来我们对文字进行简单地排版。先设置标题文字的格式，将光标定位在第一段，选中本段文字，在属性面板中

47、对文字进行颜色、字体、字号和是否加粗的设置。如图3所示：图3在页面中加入了滚动的图片，即可以让页面看起来具有动态的感觉，符合现在人的审美特点，还可以减少对页面的占用，让页面看起来更加的简洁，一目了然，然用户看起来更方便快捷，不会产生疲劳感。如图4所示：图4滚动图片所用到的代码如下：<tr> <td height="250">&nbsp;</td> <td>&nbsp;</td> <marquee width="553" height="180" beha

48、vior="scroll" scrollamount="6" onmouseover=this.stop(); onmouseout=this.start();> <a href="友情用花/Sweet初恋1.html"><img src="友情用花/Sweet初恋1.jpg" alt="Sweet初恋" width="183" height="180" border=1 /> </a> <a href=&q

49、uot;友情用花/爱情合约.html"><img src="友情用花/爱情合约.jpg" alt="爱情合约" width="183" height="180" border=1 /> </a> <a href="友情用花/不变的誓言1.html"><img src="友情用花/不变的誓言1.jpg" alt="不变的誓言" width="183" height="18

50、0" border=1 /> </a> <a href="友情用花/粉色精灵1.html"><img src="友情用花/粉色精灵1.jpg" alt="粉色精灵" width="183" height="180" border=1 /> </a> <a href="友情用花/开心幸福1.html"><img src="友情用花/开心幸福1.jpg" alt="开心

51、幸福" width="183" height="180" border=1 /> </a> <a href="友情用花/一言一语1.html"><img src="友情用花/一言一语1.jpg" alt="一言一语" width="183" height="180" border=1 /> </a> <a href="友情用花/牵挂你的人是我1.html">&l

52、t;img src="友情用花/牵挂你的人是我1.jpg" alt="牵挂你的人是我" width="183" height="180" border=1 /> </a> <a href="友情用花/幸福女主角1.html"><img src="友情用花/幸福女主角1.jpg" alt="幸福女主角" width="183" height="180" border=1 />

53、</a> <a href="友情用花/心意1.html"><img src="友情用花/心意1.jpg" alt="心意" width="183" height="180" border=1 /> </a> <a href="友情用花/心灵的天使1.html"><img src="友情用花/心灵的天使1.jpg" alt="心灵的天使" width="183&q

54、uot; height="180" border=1 /> </a> <a href="友情用花/心里只有你1.html"><img src="友情用花/心里只有你1.jpg" alt="心里只有你" width="183" height="180" border=1 /> </a> <a href="友情用花/无限的爱1.html"><img src="友情用花/无限的爱1

55、.jpg" alt="无限的爱" width="183" height="180" border=1 /> </a> <a href="友情用花/我心永恒1.html"><img src="友情用花/我心永恒1.jpg" alt="我心永恒" width="183" height="180" border=1 /> </a> <a href="友情用花/甜心

56、公主1.html"><img src="友情用花/甜心公主1.jpg" alt="甜心公主" width="183" height="180" border=1 /> </a> <a href="友情用花/甜蜜的祝福1.html"><img src="友情用花/甜蜜的祝福1.jpg" alt="甜蜜的祝福" width="183" height="180" b

57、order=1 /> </a> <a href="友情用花/甜的问候1.html"><img src="友情用花/甜的问候1.jpg" alt="甜的问候" width="183" height="180" border=1 /> </a> <a href="友情用花/永远美丽1.html"><img src="友情用花/永远美丽1.jpg" alt="永远美丽"

58、width="183" height="180" border=1 /> </a> <a href="友情用花/天天天蓝1.html"><img src="友情用花/天天天蓝1.jpg" alt="天天天蓝" width="183" height="180" border=1 /> </a> </marquee> <td>&nbsp;</td> <td&

59、gt;&nbsp;</td> </tr>五、添加超链接给文字建立超链接。打开所作页面的其中一页，然后选中导航栏里的任意一串文字，在属性面板中点“链接”后面的文件夹图标“”，或者是用链接后面的“”直接连接在“文件”属性栏中所显示的页面，或者是在“链接”文本框中输入链接目标文件的路径和文件名如：4.html；还可以在代码里直接编写点代码，代码如下: <tr> <td height="54"><a href="4.html"><img src="导航条/2.jpg" width="190" he