dreamweaver网页设计与制作--学位论文.doc

《dreamweaver网页设计与制作--学位论文.doc》由会员分享，可在线阅读，更多相关《dreamweaver网页设计与制作--学位论文.doc（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 三亚湾夏日度假酒店Dreamweaver网页设计与制作专 业： 计算机多媒体 班 级: 多媒体09-1班 姓 名: 马聪 指导教师: 安永梅 邯郸职业技术学院2013年6月 1日摘要随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。dreamwraver软件由

2、美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。以往，人们经常有订不到酒店的情况，自从互联网出来之后，每个酒店都推出了网上预订服务，但是客户总要对每个酒店的大概情况进行一下了解，所以，每个酒店都开始推出自己的个性网站。本设计就是通过运用dreamweaver，使消费者对三亚湾夏日度假酒店的各个方

3、面都进行详细的了解，例如酒店历史、酒店环境、酒店周边情况等。关键字：DREAMWEAVER软件；网页；超链接；酒店网页AbstractAs the twenty-first Century the rapid development of new technology, the electronic information industry today is experiencing a huge challenge, also faces a great opportunity. The present level of scientific development, the develop

4、ment of electronic information industry has not been able to meet the requirements of large-scale socialized production, therefore, various countries concentrate manpower, financial resources to increase the information technology industry input, to adapt to the current needs.Fortunately, we have th

5、e Internet in the development of these years. The Internet has increased our understanding of the world, shrink the distance between people, it is easier to make us walk up on the information highway.Since the dreamwraver software by the famous American Web application development tool manufacturer

6、Adobe Macromedia in 2005 June and formally put into market, is already quite mature. Books and information on the dreamwraver technology is very rich. Through the software development environment of university courses in learning, has a deep understanding of dreamwraver, and relatively easy to maste

7、r the operation of dreamwraver. Therefore, the software can complete the tasks required.The past, people often have not set the hotel, since the Internet came out, every hotel have launched online booking service, but the customer is always about the situation of each hotel to know, so, every hotel

8、have begun to promote its own individual website.This design is through the use of Dreamweaver, so that consumers in all aspects of the Gulf of Sanya summer resort hotel has a detailed understanding, such as the history of hotel, environment, hotel etc.Keywords: Dreamweaver; webpage; hyperlink; hote

9、l webpage目录第1章 概述1第2章 系统分析32.1 Dreamweaver阶段32.1.1 Dreamweaver现状32.1.2 Dreamweaver网站开发项目需求32.1.3 制作目的32.1.4 总体架构42.2 Dreamweaver网页制作中最基础的知识42.2.1 网页的基本理论42.2.2 Dreamweaver CS3的工作界面52.2.3 工具面板62.2.4 符号和实体62.3 Dreamweaver广告网页的设计制作过程72.3.1 网页设计思路7第3章 系统总体设计83.1 DREAMWEAVER网页的特点83.2 Dreamweaver网页的优势93.3

10、 Dreamweaver网页的劣势93.4 DREAMWEAVER的发展现状103.5 DREAMWEAVER网页的应用领域11第4章 系统详细设计12第5章 系统实施205.1 软件测试的目的及意义205.1.1 软件测试的目的205.2 软件通过测试发现的问题205.3 解决软件测试发现的问题215.4 测试结论22第6章 设计总结23参考文献24附录25致谢29第2章 系统分析第1章 概述一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客

11、户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的

12、眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。 dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡

13、化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便1。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中， ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取

14、、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。本设计主要应用dreamwraver将每个网页经由文本链接、图像链接等完成网站的链接，为网站访问者能够尽情的遨游在网站之中提供必要的条件。并通过编辑文本等，充分利用文本工具和命令在文本中输入和编辑文本内容，设置水平线与网格，运用丰富的文字喝多样的编排手段，表现出网页丰富的内容。第2章 系统分析2.1 Dreamweaver网页阶段 2.1.1 Dreamweaver现状 广告市场对商业网站的需求逐渐扩大，促进和刺激Dreamweaver网页的多元化、商业化！平面海报及画册没有动感和难以吸引眼球的缺点，逐渐被运用各种

15、元素华丽而富有动感的网站广告而超越，直至取代！网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。 个人网页一直是多元化互联网世界的一支重要力量，由于个人网页多属于草跟类型的，缺乏资金关照和专业团队的运作，因此众多的个人网页只能一点点地摸索着前进。人们通过设计一个个人网站，不管其定位是传播一些技术，展示一些商品，还是介绍自己的个人情况，都为人与人，人与社会之间提供了一个沟通交流的平台，缩短了人与人、人与社

16、会之间的距离。国内外许多有特色的个人网页，对它们的模式，方向，优劣进行的分析和评价，便是个人网页生存现状的一个缩影，在梳理的过程中，深刻感受到个人网页的路还很漫长，但也因此更有意义。国内外研究现状主要以下几点： 1.盲目低水平重复建设。在很多网页没者看来，别人的成功就意味着自己可以成功，这是片面的，缺乏理性的思考。 2.数量多。由于个人网页的门槛较低，不论是技术还是资金要求并不高，导致现在个人网页的数量迅速增长。3.网页运营方法单一。现在很多网页建设者都是先技术开始，对后期的运营考虑不多。4.网页目的不正确。做个人网页完全是因为兴趣的建设者不多，主要想通过网页实现盈利，甚至很多建设者把网页作为

17、自己的工作。传统网页和网络网页的对比:传统网页：注重网页节奏、故事内容、造型和背景，美术风格。网络网页：注重创意形式、人文情感、叛逆和笑料、音乐和动效，制作手法：一个注重团队合作，一个注重个人风格。2.1.2 Dreamweaver网站开发项目需求一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形

18、式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。2.1.3 制作目的 在Internet飞速发展的今天，互联网成为人们快速获取，发布和传递信息的重要渠道，它在人们政治，经济，生活等各个方面发挥着重要的作用。网站作为互联网的载体，它的建设就显得尤为重要。个人网站的优势：成本低，消耗小，好调头，经营不好，风险也小。传统的个人介绍模式既有局限，又不是很完整。构建个人网页既突破了时间和空间上的限制 ，又可以及时，准确，快速的发布个人信息，让大家不需要面对面就能够相互了解，相互交流。现在的站点，大多都做的比较龙大，数据量多，

19、但是，却看着很不灵活，主要原因就是互动性太差了，网页与用户，用户与用户之间没有建立好“交流”的关系。随着互联网的高度发展时代的到来，越来越多的网页如雨后春笋般涌现出来，个人网页似乎面临着被淘汰，但是虽然网页在数量上已经达到很大的规模，但并不表明网页行业的市场已经完全饱和。个人网站建设首先能丰富学生自己的文化知识，在建设网站的过程中能学到实际的网络知识。这样不仅对自己原有的知识是个实践性的提高，而且还积累了实际的设计经验，对于想从事网站设计工作的学生来说是个很好的锻炼机会。研究意义1.通过对个人网站的设计与开发，可以熟悉相关的网站设计技巧和，网络技术，熟练握HTML和ASP的编程技术，同时掌握和

20、活用Dreamweaver 、Flash等工具。2.通过制作个人网站，以达到个人推荐，展现自我的一个平台，同时也为个人的宣传，发展，提供了一个平台。3.网页设计在人们政治，经济，生活等各个方面发挥着重要作用。它已成为人与人之间就交流的一种方式，它能够把事情的复杂化转为简单化，从而备受人们 德尔重视。2.1.4 总体架构 运用Dreamweaver制作网站是一个很新颖并且很实用的项目，不仅能使消费者更加简单的了解企业的大体情况，而且会使企业在网络中拥有一定的知名度，更利于企业的宣传。本作品的结构图如下图所示： 2.2 Dreamweaver网页制作中最基础的技术 2.2.1 网页的基本技术一、媒

21、体编辑技术 1.视觉媒体。视觉媒体包括文字、图形、图片等，它是构成网页的基本元素。由于受到计算机屏幕尺寸的限制，文字与图片的布局要做到清晰明确、有主次。通过相应的编辑与制作软件可以使这些元素有机的结合，在多媒体中使用文本信息，其表述要精确、简洁、有力，过长的文字会使人失去阅读兴趣；对于简单图像，尽可能用矢量图形，其占用空间小。主要用于线型的图画、美术字、统计表的制作。对于色彩丰富包含复杂细节的绘画则使用位图文件。2. 听觉媒体。 与网站主题相呼应的清新、悦耳的音乐，可心提高浏览者的观看兴趣，延长其在网站的停留时间，从而使更多的网站信息输送给网民。目前网上流行的音频文件主有MID、WAV、RM、

22、MP3等格式。以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐增强了页面传播信息的表现力和感染力。 3.视听媒体。 数字化的视频信息有利于存储、重放、特殊处理及高速传输，在多媒体信息中，它是最新和最有魅力的一种。网上流行的视频文件主有FLASH、VMW、ASF、RM、AVI、MPG等格式。 4.交互媒体。 在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。利用A

23、ctiveXControl、VBScript、JAVA、FLSH等技术，网页设计人员根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。 二、运用多媒体技术提高网页艺术性网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；多媒体具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性五个特点。 由于多媒体自身的互动性、娱乐性，有创意的设计，自然会吸引浏览者的眼球。 1.网页艺术设计与网站主题的关系。 视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地

24、传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。设计是为主题服务的，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”。在商务网站设计中，完成“功能”是艺术设计的最终目的，“美”是为“功能”服务的。如果在设计时只有“美”而没有“功能”，则失去了商务网站存在的意义。 2.多媒体技术与艺术设计的结合。 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂

25、”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。 内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。商务网站在建设时，要明确企业网站的内容，确定采用什么样的形式，从而明确主题，利用多媒体技术围绕它们展开设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。它的主题只有一个，就是美。 而将音频、视觉完美融合的多媒体动画和影片能体现主题，清晰地传达出来这个站点的信息，表现了网站的艺术风格和别出心裁。一个好的多媒体网站设计不仅能吸引顾客的注意，而且

26、能表达出这个产品或者服务的实质。为了能留住顾客，应该确定要有“跳跃信息”的连接。 可以这样说，融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。对于商务网站，要利用多媒体技术的优势，形象、具体、全方位地展现自己的商品与服务，这是传统、单一媒体无法实现的。 网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正的虚拟世界。 随着多媒体技术的不断发展，网络传输速度的不断提高，艺术性受技术的限制不断减

27、低。艺术与技术会更好的结合，商务网站因多媒体技术的大量应用而独具魅力和眩目，但它的首要功能是作为交流的一个工具，一个平台；更确切地说它是一个用户与网站一个交互的界面。 多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显，而它们的发展将推动网站提升到更高的层次和高度，会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向，有着很广阔的前景。2.2.2 Dreamweaver CS3的工作界面 2.2.2.1 开始页面启动Dreamweaver CS3后，首先看到的画面是开始页面，供用户选择新建文件夹的类型，或打开已有的文档等。2.2.2

28、.2 工作区界面1、 菜单栏2、 3、插入栏4、 文档工具栏5、 文档窗口6、 属性面板7、 面板组运行Dreamweaver MX，选择Dreamweaver MX工作区后，将看到下面的画面：一、 为菜单区，和其它的软件一样，该软件所有的操作命令都可以从这一个区内找到,举例子，选中该区“编辑(E)”中的参数选择(S). CTRL+U其中CTRL+U是该选项的快捷键,如下图所示：在这里，你可以把DREAMWEAVER设置为自己喜欢的样式，一般使用默认就可以了，如下图：2.2.3 工具面板 二、 是插入项目选择工具(插入面板)，在 选中了某个项目， 中会出现相应的插入项目，下面详细介绍，选中常用

29、这一项后如下图：锚点用于网页中的定位，如网页的上、中、下等；图像占位符是用于动态交换图片的，后面再说；Fireworks HTML为用Fireworks软件切割出来的图片；交换图像为鼠标移上去时变为另一图片，增强动感；表格数据可以将其它文件的数据转化为表格，插进网页；标签选择器可以插入其它不常用的HTML标签。在 中选中布局一项，共有标准视图和布局视图两种视图，如下图所示：在标准视图下，可以插入表格和在网页制作区画图层。切换到布局视图下，如下图：在布局视图下，可以在网页制作区描绘布局视图下的表格和单元格，描绘好之后，再切换到标准视图后，可以转化为表格，这个比较好用，可以用来排版网页，后面将说到

30、。在 中选中文本一项，可以对文本进行格式化，如下图：A可以对字体进行全面的格式；B可以将字体变为粗体；I为斜体；S为加强字体；这些比较简单，可以自己一项一项慢慢试试，看看字体有什么变化。在 中选择表单（表格和框架两项后面再说），可以插入各种按钮，如下图：A 为表单；B 为文本框；C 为隐藏域；D 为文本区域；E 为多选框；F 为单选框；G 为单选按钮组；H 为列表/菜单；I 为跳菜单；J 为图像域；K 为文本字段；L 为按钮；M 为标签；N 为字段集。（详细的使用方法后面将说到）在 中选中模版可以使用模版制作网页或自己创建模版，做起网页更加方便快捷。在 中选中字符可以插入一些特殊的字符，如：，

31、其中BR为换行符（快捷键为CTRLENTER，此项与ENTER有所不同，可以自己试试），其它的可以自己试试。在 中选中媒体，可以插入FLASHFLASH按扭FLASH文本Applet等插件。在 中选中文本头，将出现下面的画面：关键字为网页的关键词，可以让搜索引擎搜索到；说明为网页的说明，如作者、介绍等；刷新可以设定多长时间后刷新网页或跳转到其它网页；基础为网页的基本链接，如插入一个目标为_blank基础，网页中的一切默认链接都将打开新窗口；其它比较少用不再详细讲述。在 中选中脚本，可以插入各种Javascript、Vbscript或其它脚本。在 中选中ASP（编辑ASP网页时用到，新手可不必理

32、会），可以插入各种ASP编程里用到的标签。在 中选中应用程序（编辑动态网页时候用到，新手可不必理会），可以对数据库进行操作。三、对 区的详解如下图：在上图中，点击带有向下小箭头的工具，会弹出更多选择。四、 区为网页设计区，你所设计的网页或代码将出现在该区。五、 区为属性区(属性面板)，在该区可以对选中的对象进行一些设置六、 区如下图所示，为面板组（也叫浮动面板），包括设计面板，代码面板，应用面板，文档面板，回答面板等，主要实现特定的功能。2.3 Dreamweaver广告网页的设计制作过程2.3.1 网页设计思路 一、网站定位 好多人都讲网站定位很重要，对没有错确实是这样的，如果你的网站乱七八

33、糟的什么都有，没有个中心，有人实在没有办法就直接挂个论坛上去，其实这样做对你的网站没有什么用，这里我分享一下我的定位思路： 1、根据市场定位。 记住如果你是个人站长，比方说有人定位作性产品电子商务，于是乎就设计了一个网站 作得很好看，很吸引人，但是大多数的人都想着钱钱钱，忽视了用户的需求，做性网站你不仅要卖东西而且要给用户提供一些有关这些方面的知识、技巧，而且最好放上世界性质的有关健康生活类的栏目，这些内容是能留住客户的东西，所以我想做这类网站要考虑到客户在这类需求之外还需要什么，因为你提供了越多的相关资料就能留住客户，有人讲没有必要，新浪等网站有大量的资料我们就不要做了，那你就错了，记住没有

34、哪一个市场是一个人能吃的饭，因为做一个市场了的网站有一个特点就是专业，既然是做产品就把产品的系列的资料信息都设计到网站上。 2、根据人群定位。 现在有很多的站，比方说时尚女性，尊贵男性，奢侈品味等等，这个市根据人群的性质来定位的，它的特点就是范围广针对性强，人群比较集中。 3、根据个性定位 估计你刚看到这个想法并不了解，你想在这个世界上性格相似的人物很多阿，比方说我，我喜欢台球、网球、篮球、职场、等那么OK我把我的兴趣内容都作为一个单独的板块设计到网站上去，那么这个就是一个个性化比较强的网站了，一般来讲只要兴趣相投，他的二次回访率是比较高的，当然我们随时保持网站的更新拉，要不然天天面对老面孔又

35、什么意思。 4、根据兴趣定位 有人会想你刚才才说过要把兴趣统一起来，现在又将分开？其实这个根据兴趣定位的意思是说把某个类做得十分的专业，比方说我做幽默类，那么幽默类又很多东西啊，幽默笑话，幽默图片，幽默事件等，就幽默笑话里又分类有*类，交通类、动物类等，幽默图片同样也是地，那么这样来说刚才的个性定位是大方向那么这个兴趣定位就是小方向细方向，各有优势那么看你怎么选，我个人的做法是从个性定位在细分成兴趣定位。 二、网站设计 1、整体设计 整体设计要简洁，又写人做网站搞一大堆的JAVASCRIPT以体现自己的程序水平，但是想一下脚本语言都是要占点资源的，打开一个网站5分钟你觉得还有人来么，所以整洁大

36、方就可以了，你看为什么MSN比SINA 163 要牛？你不感觉MSN他的设计比其他的网站要简洁大方么。滕讯公司算是比较重视娱乐的了，但是你看人家的网站有没有放大量的花里胡哨的东西？“利郎”有句广告叫“简易而不简单” 2、图片设计 图片设计要依托于整体设计，有句话叫红配绿丑得哭，所以任何一个图片颜色的搭配都要从整体的设计上来考虑。 3、栏目设计 栏目是反映你的某一专区的所有文章的，那么一定要注意让人看出这个栏目里到底有多少个字栏目，有人设计网站就舍不得多写个_BLANK搞得用户总是在同一个浏览器里操作，根本就不能让人看到更多的信息。 4、文章、广告设计 文章设计当然要和广告设计结合起来，有些朋友

37、在文章内铺天盖地的乱放广告，没有错个人站长就是靠这个养自己的网站的，但是放归放要注意形象，稍微注意一下，稍微设计一下，看 中华网 他的文章页面到处都是广告，但是人家多而不乱阿，也就是说要对自己网站的广告分分类 加点标语和边框，让广告真正的变成自己的网站内容，GOOGLE广告我个人认为不是很好看 但是只要对他的颜色修改一下，尺寸修改一下再放到自己的网站上去不仅节省了空间而且很美观，既然我们是做网站的那旧就不要省这点时间，因为当你有一天发现要改的时候已经来不及了，当然现在有很多CMS有批量生成的功能，但是如果你的网站在第一次给人的感觉就很好，我想你会留注更多的用户。 三、网站维护 因为我们不像那些

38、大的网站有资源，我们只能说靠着大树混饭吃，于是乎采集系统大肆利用，采集对PR值来讲是头号杀手，其实你想我们每天对自己的栏目进行文章的添加，不仅提高了PR值，而且能够稳步的恶提高各项指数，每天坚持发表5篇文章一年下来就已经不少了阿，所以网站维护没有什么就是两个字-坚持。35第3章 系统总体设计 第3章 系统总体设计3.1 Dreamweaver网页的特点Dreamweaver网页之所以被广泛应用，是与其自身的特点密不可分的。 1、最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧屏上的颜色可设

39、定最接近的网页安全色。 2、网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 3、无可比拟的控制能力Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想象。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweav

40、er 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 之前提到过用Dreamweaver设计网页的技巧现在说的是它设计网页的特点，把这两个知识结合起来设计出一个 好的网页就没有什么难的了。3.2 Dreamweaver网页的优势1、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用“Editpaste as text”命令，不要直接用Ctrl+V。2、当有浏览者使用Netscape浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击“CommandAdd/Remove Netscape resize fix”来加以解决，它可以

41、使在Netscape中浏览页面时，改变窗口大小的时候页面不会花掉。3、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候，HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl+C来拷贝， 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。4、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了:先将“中文输入法”转换成全角状态，然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。5、library组件和template模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。6、不

42、要在同一个页面同时使用表格和层来布置，在Netscape中会导致混乱，从属关系除外。7、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。Dreamweaver的背景颜色和背景图像也是可以设置的，Dreamweaver的特色是允许用户于已经安

43、装的网页浏览器中预览网页，这样就方便了我们制作网页。 3.3 Dreamweaver网页的劣势 1、要DIV+CSS的网页设计师必须要会手写HTML语言的能力，所以对设计师来说相对要求高一点。 2、同进得会手写CSS语言的能力 3、可视化操作性不强，在很多可视化操作软件中看不出效果。 4、网页表现与结构分离，对CSS修改可以对网页文件布局修改，如果有多个网页相同布局的话，可以调用同一个CSS文件实现布局功能。 5、网页打开速度快，因为它可以先打开内容，再调用CSS文件。 6、表格的嵌套问题 很多网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。

44、我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。 使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。 而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。 这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明了这一点

45、，相信他们也不是没有依据的。 7.速度问题 DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。 另一方面，真正的SEOer不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。 8.对排名的影响 基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都

46、不错。3.4 Dreamweaver的发展现状网站设计是一门新兴的边缘性职业，如今全球信息技术和互联网经济的高速发展，使网站设计同其他诸如动画设计，程序开发，电子商务等等一系列职业一样应运而生。网站如同一个门面，从个人主页，公司企业，政府部门以致国际组织等等，无不将网站作为自己向外界展示形象，传达信息的窗口。正是互联网为信息交换提供了广泛的平台，对这种新兴的信息传播介质感兴趣的人们也越来越多，无以数计的网站的出现，丰富了这个世界和人们的生活。各种类型的网站如个人网站，企业网站，娱乐网站，门户网站的诞生如雨后春笋。越来越多的人们志兴与网站设计，互连网络上各类网站就是由这些专业的，或者不专业的，职业的，或者爱好的网页设计人员进行开发设计，然而毕竟林子长成了森林，里面鸟也多了起来，良莠不齐的设计人员所做出的作品也是鱼龙混杂。一直以来，网站设计师似乎是第三类人，我们处于后台程序员和平面设计师之间，身为网站设计师，既要懂得一些平面设计，又要会一点程序设计，从现