计算机多媒体计毕业论文范文.doc

三亚湾夏日度假酒店三亚湾夏日度假酒店 dreamweaverdreamweaver 网页设计与制作网页设计与制作 专 业： 计算机多媒体 摘要摘要 随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一 个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言， 电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集 中人力、财力加大对信息技术产业的投入，以适应目前需要。 可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世 界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。 dreamwraver 软件由美国著名的网站应用开发工具生产厂商 adobe macromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟。 关于 dreamwraver 的技术介绍的相关书籍与网络信息相当丰富。通过大学中软 件开发环境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的 掌握了 dreamwraver 的操作。因此，软件技术可以完成任务的要求。 以往，人们经常有订不到酒店的情况，自从互联网出来之后，每个酒店都 推出了网上预订服务，但是客户总要对每个酒店的大概情况进行一下了解，所 以，每个酒店都开始推出自己的个性网站。 本设计就是通过运用 dreamweaver，使消费者对三亚湾夏日度假酒店的各 个方面都进行详细的了解，例如酒店历史、酒店环境、酒店周边情况等。 关键字：关键字：dreamweaverdreamweaver 软件；网页；超链接；酒店网页 abstractabstract as 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 development 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 the 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 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 master 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 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; hotel webpage 目录 第 1 1 章 概述1 1 第 2 2 章 系统分析3 3 2.12.1 d dreamweaverreamweaver阶段.3 3 2.1.12.1.1 dreamweaverdreamweaver 现状3 3 2.1.22.1.2 dreamweavedreamweaver r 网站开发项目需求3 3 2.1.32.1.3 制作目的 .3 3 2.1.42.1.4 总体架构 .4 4 2.22.2 dreamweaverdreamweaver 网页制作中最基础的知识 4 4 2.2.12.2.1 网页的基本理论 .4 4 2.2.22.2.2 dreamweaverdreamweaver cscs3 3 的工作界面5 5 2.2.32.2.3 工具面板 .6 6 2.2.42.2.4 符号和实体 .6 6 2.32.3 dreamweaverdreamweaver 广告网页的设计制作过程 7 7 2.3.12.3.1 网页设计思路 .7 7 第 3 3 章 系统总体设计8 8 3.13.1 dreamweaverdreamweaver 网页的特点 8 8 3.23.2 dreamweaverdreamweaver 网页的优势 9 9 3.33.3 dreamweaverdreamweaver 网页的劣势 9 9 3.43.4 dreamweaverdreamweaver 的发展现状 1010 3.53.5 dreamweaverdreamweaver 网页的应用领域 1111 第 4 4 章 系统详细设计1212 第 5 5 章 系统实施2020 5.15.1 软件测试的目的及意义 .2020 5.1.15.1.1 软件测试的目的 .2020 5.25.2 软件通过测试发现的问题.2020 5.35.3 解决软件测试发现的问题 .2121 5.45.4 测试结论 .2222 第第 6 6 章章 设计总结设计总结2323 参考文献参考文献2424 附录附录2525 致谢致谢2929 第 2 章 系统分析 1 第第 1 1 章章 概述概述 一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自 于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就 是说这种交易性质的需求占了绝大部分。 面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理 解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了 解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目 开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进 行，是每个网站开发项目管理者需要面对的问题。 随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一 个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言， 电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集 中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几 十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人 与人之间的距离，这就更容易的使我们走上信息化的道路。 dreamwraver 软件由美国著名的网站应用开发工具生产厂商 adobe macromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟。 关于 dreamwraver 的技术介绍的相关书籍与网络信息相当丰富。通过大学中软 件开发环境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的 掌握了 dreamwraver 的操作。因此，软件技术可以完成任务的要求。 互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它 在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领 域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展， 人人都有话语权，人人都是中心。 互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自 民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网 络技术的飞速发展，给文档的保存和管理提供极大的方便1。本论文中，将软 件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了 解决问题的具体方法。在具体制作中， asp 技术与数据库技术结合，用户在浏 第 2 章 系统分析 2 览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统 能更好的为用户服务。 internet 飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互 联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、 生活等各个方面发挥着重要的作用。 本设计主要应用 dreamwraver 将每个网页经由文本链接、图像链接等完成 网站的链接，为网站访问者能够尽情的遨游在网站之中提供必要的条件。并通 过编辑文本等，充分利用文本工具和命令在文本中输入和编辑文本内容，设置 水平线与网格，运用丰富的文字喝多样的编排手段，表现出网页丰富的内容。 第 2 章 系统分析 3 第第 2 2 章章 系统分析系统分析 2.12.1 dreamweaverdreamweaver 网页阶段网页阶段 2.1.12.1.1 dreamweaverdreamweaver 现状现状 广告市场对商业网站的需求逐渐扩大，促进和刺激 dreamweaver 网页的多 元化、商业化！平面海报及画册没有动感和难以吸引眼球的缺点，逐渐被运用 各种元素华丽而富有动感的网站广告而超越，直至取代！ 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同 于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过 文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪 一段文字图形该落于何处，才能使整个网页生辉。 个人网页一直是多元化互联网世界的一支重要力量，由于个人网页多属于草 跟类型的，缺乏资金关照和专业团队的运作，因此众多的个人网页只能一点点 地摸索着前进。人们通过设计一个个人网站，不管其定位是传播一些技术，展 示一些商品，还是介绍自己的个人情况，都为人与人，人与社会之间提供了一 个沟通交流的平台，缩短了人与人、人与社会之间的距离。国内外许多有特色 的个人网页，对它们的模式，方向，优劣进行的分析和评价，便是个人网页生 存现状的一个缩影，在梳理的过程中，深刻感受到个人网页的路还很漫长，但 也因此更有意义。国内外研究现状主要以下几点： 1.盲目低水平重复建设。在很多网页没者看来，别人的成功就意味着自己可 以成功，这是片面的，缺乏理性的思考。 2.数量多。由于个人网页的门槛较低，不论是技术还是资金要求并不高，导 致现在个人网页的数量迅速增长。 3.网页运营方法单一。现在很多网页建设者都是先技术开始，对后期的运营 考虑不多。 4.网页目的不正确。做个人网页完全是因为兴趣的建设者不多，主要想通 过网页实现盈利，甚至很多建设者把网页作为自己的工作。 传统网页和网络网页的对比:传统网页：注重网页节奏、故事内容、造型和 背景，美术风格。网络网页：注重创意形式、人文情感、叛逆和笑料、音乐和 动效，制作手法：一个注重团队合作，一个注重个人风格。 第 2 章 系统分析 4 2.1.22.1.2 dreamweaverdreamweaver 网站开发项目需求网站开发项目需求 一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自 于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就 是说这种交易性质的需求占了绝大部分。 面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理 解程度，在很大程度上决定了此类网站开发项目的成败。 因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文 档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为 目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。 2.1.32.1.3 制作目的制作目的 在 internet 飞速发展的今天，互联网成为人们快速获取，发布和传递信息 的重要渠道，它在人们政治，经济，生活等各个方面发挥着重要的作用。网站 作为互联网的载体，它的建设就显得尤为重要。个人网站的优势：成本低，消 耗小，好调头，经营不好，风险也小。传统的个人介绍模式既有局限，又不是 很完整。构建个人网页既突破了时间和空间上的限制 ，又可以及时，准确，快 速的发布个人信息，让大家不需要面对面就能够相互了解，相互交流。现在的 站点，大多都做的比较龙大，数据量多，但是，却看着很不灵活，主要原因就 是互动性太差了，网页与用户，用户与用户之间没有建立好“交流”的关系。 随着互联网的高度发展时代的到来，越来越多的网页如雨后春笋般涌现出来， 个人网页似乎面临着被淘汰，但是虽然网页在数量上已经达到很大的规模，但 并不表明网页行业的市场已经完全饱和。个人网站建设首先能丰富学生自己的 文化知识，在建设网站的过程中能学到实际的网络知识。这样不仅对自己原有 的知识是个实践性的提高，而且还积累了实际的设计经验，对于想从事网站设 计工作的学生来说是个很好的锻炼机会。 研究意义 1.通过对个人网站的设计与开发，可以熟悉相关的网站设计技巧和，网络 技术，熟练 握 html 和 asp 的编程技术，同时掌握和活用 dreamweaver 、flash 等工具。 2.通过制作个人网站，以达到个人推荐，展现自我的一个平台，同时也为 第 2 章 系统分析 5 个人的宣传，发展，提供了一个平台。 3.网页设计在人们政治，经济，生活等各个方面发挥着重要作用。它已成 为人与人之间就交流的一种方式，它能够把事情的复杂化转为简单化，从 而备受人们 德尔重视。 2.1.42.1.4 总体架构总体架构 运用 dreamweaver 制作网站是一个很新颖并且很实用的项目，不仅能使消 费者更加简单的了解企业的大体情况，而且会使企业在网络中拥有一定的知名 度，更利于企业的宣传。 本作品的结构图如下图所示： 2.22.2 dreamweaverdreamweaver 网页制作中最基础网页制作中最基础的技术的技术 2.2.12.2.1 网页的基本网页的基本技术技术 一、媒体编辑技术 1.视觉媒体。 视觉媒体包括文字、图形、图片等，它是构成网页的基本元素。由于受到 第 2 章 系统分析 6 计算机屏幕尺寸的限制，文字与图片的布局要做到清晰明确、有主次。 通过相应的编辑与制作软件可以使这些元素有机的结合，在多媒体中使用 文本信息，其表述要精确、简洁、有力，过长的文字会使人失去阅读兴趣；对 于简单图像，尽可能用矢量图形，其占用空间小。主要用于线型的图画、美术 字、统计表的制作。对于色彩丰富包含复杂细节的绘画则使用位图文件。 2.听觉媒体。 与网站主题相呼应的清新、悦耳的音乐，可心提高浏览者的观看兴趣，延 长其在网站的停留时间，从而使更多的网站信息输送给网民。目前网上流行的 音频文件主有 mid、wav、rm、mp3 等格式。以前必须先将这段音乐或电影下载 回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需 要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应 用此技术，让浏览者在下载过程中就可以欣赏这段音乐增强了页面传播信息的 表现力和感染力。 3.视听媒体。 数字化的视频信息有利于存储、重放、特殊处理及高速传输，在多媒体信 息中，它是最新和最有魅力的一种。网上流行的视频文件主有 flash、vmw、asf、rm、avi、mpg 等格式。 4.交互媒体。 在 web 环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个 主动参与者的身份加入到信息的加工处理和发布之中。利用 activexcontrol、vbscript、java、flsh 等技术，网页设计人员根据网站各个 阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常 地对网页进行调整和修改。 二、运用多媒体技术提高网页艺术性网页艺术设计包含视听元素与版式设 计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；多媒体 具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的 紧密性五个特点。 由于多媒体自身的互动性、娱乐性，有创意的设计，自然会吸引浏览者的 眼球。 1.网页艺术设计与网站主题的关系。 视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理 规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境 里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不 但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独 第 2 章 系统分析 7 特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。设计是为主题服务的， 设计是艺术和技术结合的产物，就是说，即要“美” ，又要实现“功能” 。在商 务网站设计中，完成“功能”是艺术设计的最终目的， “美”是为“功能”服务 的。如果在设计时只有“美”而没有“功能” ，则失去了商务网站存在的意义。 2.多媒体技术与艺术设计的结合。 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和， 是设计存在的基础，被称为“设计的灵魂” ；形式是构成内容诸要素的内部结构 或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总 和，形式就是它的结构、风格或设计语言等表现方式。 内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的 完美表现。商务网站在建设时，要明确企业网站的内容，确定采用什么样的形 式，从而明确主题，利用多媒体技术围绕它们展开设计。例如，设计类的个人 站点与商业站点性质不同，目的也不同，所以评论的标准也不同。它的主题只 有一个，就是美。 而将音频、视觉完美融合的多媒体动画和影片能体现主题，清晰地传达出 来这个站点的信息，表现了网站的艺术风格和别出心裁。一个好的多媒体网站 设计不仅能吸引顾客的注意，而且能表达出这个产品或者服务的实质。为了能 留住顾客，应该确定要有“跳跃信息”的连接。 可以这样说，融合多媒体的网站设计就是网站信息加上图形、动画和声音 等的一个集合。对于商务网站，要利用多媒体技术的优势，形象、具体、全方 位地展现自己的商品与服务，这是传统、单一媒体无法实现的。 网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立 体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或 报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技 术与艺术的紧密结合，把浏览者带入一个真正的虚拟世界。 随着多媒体技术的不断发展，网络传输速度的不断提高，艺术性受技术的 限制不断减低。艺术与技术会更好的结合，商务网站因多媒体技术的大量应用 而独具魅力和眩目，但它的首要功能是作为交流的一个工具，一个平台；更确 切地说它是一个用户与网站一个交互的界面。 多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显，而它们 的发展将推动网站提升到更高的层次和高度，会给公司企业的文化宣传、产品 介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未 来的发展方向，有着很广阔的前景。 2.2.22.2.2 dreamweaverdreamweaver cs3cs3 的工作的工作界面界面 2.2.2.12.2.2.1 开始页面开始页面 启动 dreamweaver cs3 后，首先看到的画面是开始页面，供用户选择新建 第 2 章 系统分析 8 文件夹的类型，或打开已有的文档等。 2.2.2.22.2.2.2 工作区界面工作区界面 运行 dreamweaver mx，选择 dreamweaver mx 工作区后，将看到下面的画面： 1、 菜单栏 2、 3、插入栏 4、 文档工具 栏 5、 文档窗口 6、 属性面板 7、 面板组 第 2 章 系统分析 9 一、一、 为菜单区，和其它的软件一样，该软件所有的操作命令都可以从这一个区内找到, 举例子，选中该区“编辑编辑(e)”(e)”中的参数选择参数选择(s).(s). ctrl+uctrl+u其中 ctrl+u 是该选项的快捷 键,如下图所示： 在这里，你可以把 dreamweaver 设置为自己喜欢的样式，一般使用默认就可以了，如下图： 2.2.32.2.3 工具面板工具面板 二、二、 是插入项目选择工具(插入面板)，在 选中了某个项目， 中会出现相应的插 入项目，下面详细介绍， 第 2 章 系统分析 10 选中常用常用这一项后如下图： 锚点锚点用于网页中的定位，如网页的上、中、下等； 图像占位符图像占位符是用于动态交换图片的，后面再说； fireworksfireworks htmlhtml 为用 fireworks 软件切割出来的图片； 交换图像交换图像为鼠标移上去时变为另一图片，增强动感； 表格数据表格数据可以将其它文件的数据转化为表格，插进网页； 标签选择器标签选择器可以插入其它不常用的 html 标签。 在 中选中布局布局一项，共有标准视图标准视图和布局视图布局视图两种视图，如下图所示： 在标准视图标准视图下，可以插入表格和在网页制作区画图层。 切换到布局视图布局视图下，如下图： 在布局视图布局视图下，可以在网页制作区描绘布局视图下的表格和单元格，描绘好之后，再切换 到标准视图标准视图后，可以转化为表格，这个比较好用，可以用来排版网页，后面将说到。 在 中选中文本文本一项，可以对文本进行格式化，如下图： a a 可以对字体进行全面的格式；b b 可以将字体变为粗体；i i 为斜体；s s 为加强字体；这些比 较简单，可以自己一项一项慢慢试试，看看字体有什么变化。 第 2 章 系统分析 11 在 中选择表单表单（表格表格和框架框架两项后面再说），可以插入各种按钮，如下图： a 为表单；b 为文本框；c 为隐藏域；d 为文本区域；e 为多选框；f 为单选框；g 为单 选按钮组；h 为列表/菜单；i 为跳菜单；j 为图像域；k 为文本字段；l 为按钮；m 为标 签；n 为字段集。（详细的使用方法后面将说到） 在 中选中模版模版可以使用模版制作网页或自己创建模版，做起网页更加方便快捷。 在 中选中字符字符可以插入一些特殊的字符，如： ，其中 br 为换行符（快捷键 为 ctrlctrlenterenter，此项与 enterenter 有所不同，可以自己试试），其它的可以自己试试。 在 中选中媒体媒体，可以插入 flash flash 按扭 flash 文本 applet 等插件。 在 中选中文本头文本头，将出现下面的画面： 关键字关键字为网页的关键词，可以让搜索引擎搜索到； 说明说明为网页的说明，如作者、介绍等； 刷新刷新可以设定多长时间后刷新网页或跳转到其它网页； 基础基础为网页的基本链接，如插入一个目标为_blank_blank 基础，网页中的一切默认链接都将打开 新窗口； 其它比较少用不再详细讲述。 在 中选中脚本脚本，可以插入各种 javascript、vbscript 或其它脚本。 在 中选中 aspasp（编辑 asp 网页时用到，新手可不必理会），可以插入各种 asp 编程里 用到的标签。 在 中选中应用程序应用程序（编辑动态网页时候用到，新手可不必理会），可以对数据库进行 操作。 三、三、对 区的详解如下图： 第 2 章 系统分析 12 在上图中，点击带有向下小箭头的工具，会弹出更多选择。 四、四、 区为网页设计区，你所设计的网页或代码将出现在该区。 五、五、 区为属性区(属性面板)，在该区可以对选中的对象进行一些设置 六、六、 区如下图所示，为面板组（也叫浮动面板） ，包括设计面板，代码面板，应用面板， 文档面板，回答面板等，主要实现特定的功能。 2.32.3 dreamweaverdreamweaver 广告网页的设计制作过程广告网页的设计制作过程 2.3.12.3.1 网页设计思路网页设计思路 一、网站定位 好多人都讲网站定位很重要，对没有错确实是这样的，如果你的网站乱七 八糟的什么都有，没有个中心，有人实在没有办法就直接挂个论坛上去，其实 这样做对你的网站没有什么用，这里我分享一下我的定位思路： 1、根据市场定位。 记住如果你是个人站长，比方说有人定位作性产品电子商务，于是乎就设 计了一个网站 作得很好看，很吸引人，但是大多数的人都想着钱钱钱，忽视了 用户的需求，做性网站你不仅要卖东西而且要给用户提供一些有关这些方面的 知识、技巧，而且最好放上世界性质的有关健康生活类的栏目，这些内容是能 留住客户的东西，所以我想做这类网站要考虑到客户在这类需求之外还需要什 么，因为你提供了越多的相关资料就能留住客户，有人讲没有必要，新浪等网 站有大量的资料我们就不要做了，那你就错了，记住没有哪一个市场是一个人 能吃的饭，因为做一个市场了的网站有一个特点就是专业，既然是做产品就把 产品的系列的资料信息都设计到网站上。 2、根据人群定位。 现在有很多的站，比方说时尚女性，尊贵男性，奢侈品味等等，这个市根 据人群的性质来定位的，它的特点就是范围广针对性强，人群比较集中。 3、根据个性定位 估计你刚看到这个想法并不了解，你想在这个世界上性格相似的人物很多 阿，比方说我，我喜欢台球、网球、篮球、职场、等那么 ok 我把我的兴趣内 容都作为一个单独的板块设计到网站上去，那么这个就是一个个性化比较强的 网站了，一般来讲只要兴趣相投，他的二次回访率是比较高的，当然我们随时 保持网站的更新拉，要不然天天面对老面孔又什么意思。 第 2 章 系统分析 13 4、根据兴趣定位 有人会想你刚才才说过要把兴趣统一起来，现在又将分开？其实这个根据 兴趣定位的意思是说把某个类做得十分的专业，比方说我做幽默类，那么幽默 类又很多东西啊，幽默笑话，幽默图片，幽默事件等，就幽默笑话里又分类有 *类，交通类、动物类等，幽默图片同样也是地，那么这样来说刚才的个 性定位是大方向那么这个兴趣定位就是小方向细方向，各有优势那么看你怎么 选，我个人的做法是从个性定位在细分成兴趣定位。 二、网站设计 1、整体设计 整体设计要简洁，又写人做网站搞一大堆的 javascript 以体现自己的 程序水平，但是想一下脚本语言都是要占点资源的，打开一个网站 5 分钟你觉 得还有人来么，所以整洁大方就可以了，你看为什么 msn 比 sina 163 要牛？ 你不感觉 msn 他的设计比其他的网站要简洁大方么。滕讯公司算是比较重视 娱乐的了，但是你看人家的网站有没有放大量的花里胡哨的东西？“利郎”有句 广告叫“简易而不简单” 2、图片设计 图片设计要依托于整体设计，有句话叫红配绿丑得哭，所以任何一个图片 颜色的搭配都要从整体的设计上来考虑。 3、栏目设计 栏目是反映你的某一专区的所有文章的，那么一定要注意让人看出这个栏 目里到底有多少个字栏目，有人设计网站就舍不得多写个_blank 搞得用户 总是在同一个浏览器里操作，根本就不能让人看到更多的信息。 4、文章、广告设计 文章设计当然要和广告设计结合起来，有些朋友在文章内铺天盖地的乱放 广告，没有错个人站长就是靠这个养自己的网站的，但是放归放要注意形象， 稍微注意一下，稍微设计一下，看 中华网 他的文章页面到处都是广告，但是 人家多而不乱阿，也就是说要对自己网站的广告分分类 加点标语和边框，让广 告真正的变成自己的网站内容，google 广告我个人认为不是很好看 但是只 要对他的颜色修改一下，尺寸修改一下再放到自己的网站上去不仅节省了空间 而且很美观，既然我们是做网站的那旧就不要省这点时间，因为当你有一天发 现要改的时候已经来不及了，当然现在有很多 cms 有批量生成的功能，但是 如果你的网站在第一次给人的感觉就很好，我想你会留注更多的用户。 三、网站维护 因为我们不像那些大的网站有资源，我们只能说靠着大树混饭吃，于是 第 2 章 系统分析 14 乎采集系统大肆利用，采集对 pr 值来讲是头号杀手，其实你想我们每天对自 己的栏目进行文章的添加，不仅提高了 pr 值，而且能够稳步的恶提高各项指 数，每天坚持发表 5 篇文章一年下来就已经不少了阿，所以网站维护没有什么 就是两个字-坚持。 第 3 章 系统总体设计 15 第第 3 3 章章 系统总体设计系统总体设计 3.13.1 dreamweaverdreamweaver 网页的特点网页的特点 dreamweaver 网页之所以被广泛应用，是与其自身的特点密不可分的。 1、最佳的制作效率最佳的制作效率 dreamweaver 可以用最快速的方式将 fireworks，freehand，或 photoshop 等档 案移至网页上。使用检色吸管工具选择荧屏上的颜色可设定最接近的网页安全 色。 2、网站管理网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置 或档案名称，dreamweaver 会自动更新所有连结。使用支援文字、html 码、 html 属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简 单。 3、无可比拟的控制能力无可比拟的控制能力 dreamweaver 是唯一提供 roundtrip html、视觉化编辑与原始码编辑同步的设 计工具。它包含 homesite 和 bbedit 等主流文字编辑器。帧(frames)和表格的 制作速度快的令您无法想象。进阶表格编辑功能使您简单的选择单格、行、栏 或作未连续之选取。甚至可以排序或格式化表格群组，dreamweaver 支援精准 定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 之前 提到过用 dreamweaver 设计网页的技巧现在说的是它设计网页的特点，把这两 个知识结合起来设计出一个 好的网页就没有什么难的了。 第 3 章 系统总体设计 16 3.23.2 dreamweaverdreamweaver 网页的优势网页的优势 1、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用 “editpaste as text”命令，不要直接用 ctrl+v。 2、当有浏览者使用 netscape 浏览页面时，在改变窗口大小的时候页面会 花掉。在制作网页时就应该考虑到这个问题，可以通过点击 “commandadd/remove netscape resize fix”来加以解决，它可以使在 netscape 中浏览页面时，改变窗口大小的时候页面不会花掉。 3、仅仅拷贝文字。当我们从 dreamweaver 中拷贝文字到另一个应用程序的 时候，html 代码和文字一起被拷贝过去了。一般我们都用快捷键 ctrl+c 来拷 贝， 如果在拷贝的时候多按一个“c”键则只拷贝选中的文字。 4、在 dreamweaver 中输入空格是一件令人很头痛的事。如果你按下面的方 法操作就会简单多了:先将“中文输入法”转换成全角状态，然后同时按下键盘 上的 shift+ctrl+space 就可以插入一个空格(可以连续输入)。 5、library 组件和 template 模板不用上传服务器，就可以正确预览使用了该 组件或模板的页面。 6、不要在同一个页面同时使用表格和层来布置，在 netscape 中会导致混 乱，从属关系除外。 7、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如 果你要想一次在不同的框架页中打开文档，可以使用“go to url”javascript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“go to url” 。你会注意到 dreamweaver 会在“go to url”对话框中显示所有可 用的框架。选择其中一个你想链接的框架并输入相应的 url 后再选择另一个框 架并输入另一个 url。 dreamweaver 的背景颜色和背景图像也是可以设置的，dreamweaver 的特 色是允许用户于已经安装的网页浏览器中预览网页，这样就方便了我们制作网 页。 第 3 章 系统总体设计 17 3.33.3 dreamweaverdreamweaver 网页的劣势网页的劣势 1、要 div+css 的网页设计师必须要会手写 html 语言的能力，所以对设计 师来说相对要求高一点。 2、同进得会手写 css 语言的能力 3、可视化操作性不强，在很多可视化操作软件中看不出效果。 4、网页表现与结构分离，对 css 修改可以对网页文件布局修改，如果有多 个网页相同布局的话，可以调用同一个 css 文件实现布局功能。 5、网页打开速度快，因为它可以先打开内容，再调用 css 文件。 6、表格的嵌套问题 很多网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套， 这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来， 但根据目前掌握的情况来看，spider 爬行 table 布局的页面，遇到多层表格嵌 套时，会跳过嵌套的内容或直接放弃整个页面。 使用 table 布局，为了达到一定的视觉效果，不得不套用多个表格。如果 嵌套的表格中是核心内容，spider 爬行时跳过了这一段没有抓取到页面的核心， 这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。 而 div+css 布局基本上不会存在这样的问题，从技术角度来说，xhtml 在 控制样式时也不需要过多的嵌套。 这虽然没有得到确认，但还是建议使用 table 布局的朋友们，在设计时尽 可能的不要使用多层表格嵌套，seoer 们在文章中说明了这一点，相信他们也 不是没有依据的。 7.速度问题 div+css 布局较 table 布局减少了页面代码，加载速度得到很大的提高， 这在 spider 爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider 就会认为这个页面无法访问，影响收录及权重。 另一方面，真正的 seoer 不只是为了追求收录、排名，快速的响应速度是 提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。 8.对排名的影响 基于 xthml 标准的 div+css 布局，一般在设计完成后会尽可能的完善到能 通过 w3c 验证。截止目前没有搜索引擎表示排名规则会倾向于符合 w3c 标准的 网站或页面，但事实证明使用 xthml 架构的网站排名状况一般都不错。 3.4 dreamweaver 的发展现状 第 3 章 系统总体设计 18 网站设计是一门新兴的边缘性职业，如今全球信息技术和互联网经济的 高速发展，使网站设计同其他诸如动画设计，程序开发，电子商务等等一系 列职业一样应运而生。网站如同一个门面，从个人主页，公司企业，政府部 门以致国际组织等等，无不将网站作为自己向外界展示形象，传达信息的窗 口。 正是互联网为信息交换提供了广泛的平台，对这种新兴的信息传播介质 感兴趣的人们也越来越多，无以数计的网站的出现，丰富了这个世界和人们 的生活。各种类型的网站如个人网站，企业网站，娱乐网站，门户网站的诞 生如雨后春笋。越来越多的人们志兴与网站设计，互连网络上各类网站就是 由这些专业的，或者不专业的，职业的，或者爱好的网页设计人员进行开发 设计，然而毕竟林子长成了森林，里面鸟也多了起来，良莠不齐的设计人员 所做出的作品也是鱼龙混杂。 一直以来，网站设计师似乎是第三类人，我们处于后台程序员和平面设 计师之间，身为网站设计师，既要懂得一些平面设计，又要会一点程序设计， 从现在的人材市场的招聘信息上也能看得很明白，很多公司的招聘都诸如： 招网页设计师 xx 名，具备素质为精通 photoshop，corldraw,frontpage,dreamweaver,firework,flash.会 css,html,asp,sql 者优先云云。 。 。 。这更让很多希望投身网站设计职业的人 们徘徊，要成为一个网站设计师，一定要能使用这么众多的超重量级工具吗？ 从 macromedia 到 adobe，再到 microsoft，最好是连 sun 公司，以及全 球数据库开发企业的主打产品都吃通才够用，这种单纯以技术来衡量的方法， 不过是招聘方单方面希望招聘的老黄牛而已，他当然希望招聘一个什么都能 干人的顶替多个人来节约公司的人力资源成本，然而现在毕竟是双向选择职 业，遇到这种单位不如自己做 soho。 身为职业网站设计师，从夹处与平面设计师和后台工程师之间，仿佛变 得有些可怜，一篇叫做网页设计师的姨太太地位一文中这样描述：网页设计 师从一开始，就是第三类人。他们比平面设计师多懂点代码；比程序员多懂 点设计；有时候他们还会搞点动画。但可怜的是，平面设计师觉得他们是在 侮辱设计；程序员觉得他们是在侮辱编程；动画设计师觉得他们那两下子完 全是班门弄斧。出身如此卑微，自己再不努力，要做正太太的确不容易，因 为地位一向卑微，所以名字也有一大堆。什么“网页设计” 、 “网页制做” ， “网站开发” ， “做网页的” ， “做网站的” ， “网站开发工程师”如此等等。这 第 3 章 系统总体设计 19 就像家里的佣人，你可以随便起个名字称呼他。如果是有钱有势的人，你要 为一个合适的称呼琢磨大半天。 正因为如此之多的困扰，令网站设计人员处于一种混乱，迷茫的心理状 态：我要不要继续做一个网站设计师？我到底应该掌握什么样的工具，掌握 到何种程度？我怎样才能依靠这一职业取得高薪？等等。 随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使 用起来愈加方便。打个比方：原来的网页全是如同文本编辑一样，图片的定 位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表 格，这就需要熟练的掌握表格的应用。而且还很难达到目标，有时不得不更 改一些自己的目标。这有时是牵一发而动全身的。现在呢？在 dreamweaver 和 frontpage2000 出现后，采用了高级的 dhtml 技术以层的形式和定位功能 将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新 的发展，适应新的功能，以增加工作的效率（当然这就要求原来就要掌握必 要的软件的使用知识，才能使自己能驾轻就熟的掌握新的升级后的软件的使 用） ，很多设计师却只重视网页的设计制作软件的使用，而忽视一些内部技术 方面的知识。这也不行的，例如如果不掌握 asp 技术网页设计师的知识是不 完善的，就不能做一些好的交互以及查询等等系统，还有一些数据库以及本 身的 html、dhtml、javascript 和 css 的技术。只有这样才能做到知其然和 知其所以然。如若不然就只是让人感到有一种缺陷，这种缺陷带给人的不是 缺陷美，而是遗憾。 作为合格的网页设计师，一定的文化素质是不可少的，如文学修养，看 到一个又一个写得优美而充满情调的文案了吗？同时你也看到了一些充斥着 错别字和生硬的文字搭配的文章了吗？好的文案，不仅仅让人对你所做的网 页回味无穷，也可是自己的网页平添几分艺术特色。 具备这样的素质往往能从自己的网页上反映出来，能使受众体会到，如 网页内容的好恶的选择，适当的遣词造句。相反，一个欠缺文学修养的设计 师做的网页，人们能从他的网页上看到他的缺陷。当然文化素质不仅仅包括 文学修养，还有音乐和绘画等方面的修养。只有具备一定的这些方面的修养， 才能够使自己网页达到一定的水准，才能够使人欣赏到好的网页制作。 第 3 章 系统总体设计 20 3.53.5 dreamweaverdreamweaver 网页的应用领域网页的应用领域 dreamweaver 网页的应用领域 目前 dreamweaver 被广泛应用于网页设计、网页广告、网络网页、多媒体 教学软件、游戏设计、企业介绍、产品展示和电子相册等领域。 1、网页设计 为达到一定的视觉冲击力，很多企业网站往往在进入主页前播放一段使用 dreamweaver 制作的欢迎页（也称为引导页） ；此外，很多网站的 logo(站标， 网站的标志)和 banner(网页横幅广告)都是 dreamweaver 网页。 当需要制作一些交互功能较强的网站时，例如制作某些调查类网站，可以 使用 dreamweaver 制作整个网站，这样互动性更强。 2、网页广告 因为传输的关系，网页上的广告需要具有短小精干、表现力强的特点，而 dreamweaver 网页正好可以满足这些要求。现在打开任何一个网站的网页，都 会发现一些动感时尚的 dreamweaver 网页广告。 3、网络网页 许多网友都喜欢把自己制作的 dreamweaver 音乐网页，dreamweaver 电影 网页传输到网上供其他网友欣赏，实际上正是因为这些网络网页的流行 dreamweaver 已经在网上形成了一种文化。 4、多媒体教学课件 相对于其他软件制作的课件，dreamweaver 课件具有体积小，表现力强的 特点。在制作实验演示或多媒体教学光盘时，dreamw