个人网站的建立毕业设计论文

1、. ;. 安徽中澳科技职业学院计算机系安徽中澳科技职业学院计算机系 20112011 届毕业生届毕业生 毕业论文（设计）毕业论文（设计） 论文题目：论文题目：个人网站建立个人网站建立 指导教师：指导教师：吴晓虹吴晓虹 姓姓 名：名：杨丽娟杨丽娟 完成时间：完成时间：2010-11-82010-11-8 姓名 杨丽娟 担任 主要 工作 网站主页的设计与制作；子网页（美丽留 影）的制作；开题报告 成绩 . ;. 摘摘 要要 本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括：1、 制作出一个具有静态和动态技术的“个人网站” ；2、在制作的过程中，加强和深化以前 所学的关于网页设计的

2、方法，同时更好的理解参考资料上的方法和理论。 本设计的主要内容包括：1、个人网站的设计思想，整体规划及相关基础知识；2、 个人网站的前台设计，包括汇编 HTML 语言程序及效果图； 3、个人网站的调试。 网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、 版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有 吸引力。 网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对 于个人网站，不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最 感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。 关键词关键词

3、：技术指标 基设计内容 网站规划网站主题 Abstract This will be web page design and production of research and discussion. Works of the main technical indicators include: To produce a static and dynamic technology company pages; In the process of strengthening and deepening of previously learned about web design methods

4、, while a better understanding of Reference Information on the methods and theories; Finally, the pursuit of stability of the background operation. The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web pages front design

5、, including the compilation of HTML language program and effect diagram; Personal web pages debugging. Page plan includes a great many things, such as the page structure, and column settings, web style, color combinations, layout, text, images and other use of, and only this website in order to have

6、 produced personality characteristics, attractive. Web theme is to be included in the main contents of a web page must have a clear theme. . ;. Especially for personal web pages, it is impossible to do, as an integrated Web site content as large and comprehensive, all-inclusive. Must be necessary to

7、 identify one most interested in their own content, so deep, be thorough, to do its own characteristics, so as to give the left a deep impression. Key words: Company Homepage Ground Rules Process Web Theme . ;. 目 录 前前 言言 .1 1 第一章第一章 个人网站设计系统分析个人网站设计系统分析 .2 2 1.1 相关术语及解释.2 2.2 个人网站的由来与发展.5 第二章第二章 个人网

8、站建立的步骤个人网站建立的步骤 .6 6 2.1 确定网站主题.6 2.2 选择好域名.6 2.3 掌握建网工具.6 2.4 确定网站界面.7 2.5 确定网站风格.10 2.6 有创意的内容选择 .10 2.7 推广自己的网站.10 第三章第三章 网站开发工具的选用及介绍网站开发工具的选用及介绍 .1111 3.1 DREAMWEAVER简介.11 3.2 网站图片制作工具 PHOTOSHOP简介.11 3.3 FLASH简介 .12 第四章第四章 个人网站个人网站舞动青春设计介绍舞动青春设计介绍 .1313 4.1 我的个人网站概貌 .13 参考文献参考文献 .1515 总结总结 .161

9、6 致致 谢谢 .1717 . ;. 前前 言言 在 21 世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可 阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂 而巨大，目前，我国上网的人口已近一亿，成立世界上网民最多的国家，许多人在需要 查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动 画和视频的信息和内容，具有丰富的多媒体表现与互动特点，毋庸置疑，网站已成为最 吸引人的也是最有效的信息传递手段和法按时。随着网络技术的发展，各类网站纷纷出 现，个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的 一

10、片天地，展示自己的才华和风格。 所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用 HTML 等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具， 就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息） ，或者利用网站 来提供相关的网路服务（网络服务） 。人们可以通过网页浏览器来访问网站，获取自己需 要的资讯（信息）或者享受网路服务 个人网站是指因特网上一块固定的面向全世界发布消息的地方，个人网站由域名(也 就是网站地址)、程序和网站空间构成，通常包括主页和其他具有超链接文件的页面。网 站是一种通讯工具，就像布告栏一样，人们可以通过

11、网站来发布自己想要公开的资讯， 或者利用网站来提供相关的网络服务。个人网站是指个人或团体因某种兴趣、拥有某种 专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的 网站。所谓的个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站， 不一定是自己做的网站，但强调的是以个人信息为中心。 . ;. 第一章第一章 个人网站设计系统分析个人网站设计系统分析 1.11.1 相关术语及解释相关术语及解释 Internet Internet，中文正式译名为因特网，又叫做国际互联网。它是由那些使用公用语言 互相通信的计算机连接而成的全球网络。一旦你连接到它的任何一个节点上，就

12、意味着 您的计算机已经连入 Internet 网上了。Internet 目前的用户已经遍及全球，有超过几亿 人在使用 Internet，并且它的用户数还在以等比级数上升。 Internet 计算机存储的信息则汇成了信息资源的大海洋。信息内容无所不包：有学 科技术的各种专业信息，也有与大众日常工作与生活息息相关的信息；有严肃主题的信 息，也有体育、娱乐、旅游、消遣和奇闻逸事一类的信息；有历史档案信息，也有现实 世界的信息；有知识性和教育性的信息，也有消息和新闻的传媒信息；有学术、教育、 产业和文化方面的信息，也有经济、金融和商业信息等等。信息的载体涉及几乎所有媒 体，如文档、表格、图形、影象、声

13、音以及它们的合成。信息容量小到几行字符，大到 一个图书馆。信息分布在世界各地的计算机上，以各种可能的形式存在，如文件、数据 库、公告牌、目录文档和超文本文档等。而且这些信息还在不断的更新和变化中。可以 说，这里是一个取之不尽用之不竭的大宝库。 Internet 的另一种资源是计算机系统资源，包括连接在 Internet 的各种网络上的计 算机的处理能力、存储空间（硬件资源）以及软件工具和软件环境（软件资源） 。一般地 说，要求使用计算机系统的 Internet 用户，如科学家、工程师、设计师、教师、学生或 每一个普通用户，都可以通过远程登录到达某台目标计算机，只要这台计算机允许你使 用并建立了

14、你的登录帐号。你可以象使用自己的计算机一样使用它们！当你进入 Internet 后就可以利用其中各个网络和各种计算机上无穷无尽的资源，同世界各地的人 们自由通信和交换信息，以及去做通过计算机能做的各种各样的事情，享受 Internet 为 我们提供的各种服务。 超链接超链接 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间 进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指 从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上 的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。 而在一个网页

15、中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已 经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 按照链接路径的不同,网页中超链接一般分为以下 3 种类型: 内部链接,锚点链接和 . ;. 外部链接。 如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超 链接，E-mail 链接，锚点链接，多媒体文件链接，空链接等。 超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链 接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某 一个新的 WWW 网站中的网页。 网页上的超链接一般分为三种：一

16、种是绝对 URL 的超链接。 URL（Uniform Resource Locator）就是统一资源定位符，简单地讲就是网络上的一个站 点、网页的完整路径，如 ；第二种是相对 URL 的超链接。如将自 己网页上的某一段文字或某标题链接到同一网站的其他网页上面去；还有一种称为同一 网页的超链接，这种超链接又叫做书签。超链接还可以分为动态超连接和静态超连接。 动态超连接指的是可以通过改变 HTML 代码来实现动态变化的超链接，例如我们可以实现 将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也可以 实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态超链接，顾名思义，就

17、是没有动态效果的超链接。 在网页中，一般文字上的超链接都是蓝色（当然，用户也可 以自己设置成其他颜色） ，文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠 标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接 相连接的网页或 WWW 网站上去。如果用户已经浏览过某个超链接，这个超链接的文本颜 色就会发生改变（默认为紫色） 。只有图像的超链接访问后颜色不会发生变化。 Web Web 是图形化的和易于导航的（navigate） Web 非常流行的一个很重要的原因就在 于它可以在一页上同时显示色彩丰富的图形和文本的性能。在 Web 之前 Internet 上的信 息只有

18、文本形式。Web 可以提供将图形、音频、视频信息集合于一体的特性。同时，Web 是非常易于导航的，只需要从一个连接跳到另一个连接，就可以在各页各站点之间进行 浏览了。 无论你的系统平台是什么，你都可以通过 Internet 访问 WWW。浏览 WWW 对你的系统 平台没有什么限制。无论从 Windows 平台、UNIX 平台、Macintosh 还是别的什么平台我 们都可以访问 WWW。对 WWW 的访问是通过一种叫做浏览器（browser）的软件实现的。如 Netscape 的 Navigator、NCSA 的 Mosaic、Microsoft 的 Explorer 等。 Web 是分布式的

19、。大量的图形、音频和视频信息会占用相当大的磁盘空间，我们甚至 无法预知信息的多少。对于 Web 没有必要把所有信息都放在一起，信息可以放在不同的 站点上。只需要在浏览器中指明这个站点就可以了。使在物理上并不一定在一个站点的 信息在逻辑上一体化，从用户来看这些信息是一体的。 最后，由于各 Web 站点的信息包含站点本身的信息，信息的提供者可以经常对站上 的信息进行更新。如某个协议的发展状况，公司的广告等等。一般各信息站点都尽量保 证信息的时间性。所以 Web 站点上的信息是动态的。经常更新的。这一点是由信息的提 供者保证的。 . ;. Web 的交互性首先表现在它的超连接上，用户的浏览顺序和所到

20、站点完全由他自己决 定。另外通过 FORM 的形式可以从服务器方获得动态的信息。用户通过填写 FORM 可以向 服务器提交请求，服务器可以根据用户的请求返回相应信息。 HTML HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言， 是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、链接等。 HTML 的结构包括头部（Head） 、主体（Body）两大部分，其中头部描述浏览器所需的信息， 而主体则包含所要说明的具体内容。 设计 HTM

21、L 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的 文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑 上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet 就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 另外，HTML 是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人 建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用 的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言 写的页面！HTML 标签通常是英文词汇的全称（如

22、块引用:blockquote）或缩略语（如 “p”代表 Paragraph） ，但它们的与一般文本有区别，因为它们放在单书名号里。故 Paragragh 标签是,块引用标签是。有些标签说明页面如何被格式化（例 如，开始一个新段落） ，其他则说明这些词如何显示(使文字变粗)还有一些其他标签 提供在页面上不显示的信息例如标题。关于标签，需要记住的是，它们是成双出现 的。每当使用一个标签如,则必须以另一个标签将它关 闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。 但是也有一些 标签例外。比如，标签就不需要。基本 HTML 页面以 DOCTYPE 开始，它声明文档 的类型，

23、且它之前不能有任何内容（包括换行符和空格） ，否则将使文档声明无效，接着 是标签，以结束。在它们之间，整个页面有两部分标题和正文。标题 词夹在和标签之间这个词语在打开页面时出现在屏幕底部最小化 的窗口。正文则夹在和之间即所有页面的内容所在。页面上显示的任 何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧，非常容易的。第 一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器， 就应该用“纯文本”或“普通文本”来保存） ，将它命名为“xxxx.html” 。(随便你起一 个什么名字,扩展名也可是 HTM)。然后你可以用浏览器将它打开，你会看见最简单的自己 做的页面

24、。 CSS 样式样式 CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表” ）是一组格 . ;. 式设置规则，用于控制 Web 页面的外观。通过使用 CSS 样式设置页面的格式，可将页面 的内容与表现形式分离。页面内容存放在 HTML 文档中，而用于定义表现形式的 CSS 规则 则存放在另一个文件中或 HTML 文档的某一部分，通常为文件头部分。将内容与表现形式 分离，不仅可使维护站点的外观更加容易，而且还可以使 HTML 文档代码更加简练，缩短 浏览器的加载时间。 2.22.2 个人网站的由来与发展个人网站的由来与发展 互联网在中国的出现只有短短七年时间，

25、1994 年中国科学院高能物理研究所设立了 国内第一个 web 服务器，推出一个叫做“中国之窗”的网页，这可能是国内 internet 上 出现的第一个 web 网页，1995 年开始，中国教育科研网，中国科技网，中国公用计算机 互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，是互联网在 中国开始进入社会生活之中。 个人网站是指因特网上一块固定的面向全世界发布消息的地方，个人网站由域名(也 就是网站地址)、程序和网站空间构成，通常包括主页和其他具有超链接文件的页面。网 站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯， 或者利用网站来提供相关的网络服

26、务。个人网站是指个人或团体因某种兴趣、拥有某种 专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的 网站。所谓的个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站， 不一定是自己做的网站，但强调的是以个人信息为中心。 个人网站包括：博客，个人论坛，个人主页等等 网络的大发展趋势就是向个人网站 发展 所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用 HTML 等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具， 就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息） ，或者利用网站 来提供相关

27、的网路服务（网络服务） 。人们可以通过网页浏览器来访问网站，获取自己需 要的资讯（信息）或者享受网路服务 网页，是网站中的一页 ，通常是 HTML 格式（文件扩展名为.html 或.htm 或.asp 或.aspx 或.php 或.jsp 等） 。网页通常用图像档来提供图画。网页要透过网页浏览器来阅 读。网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就 是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧 无法访问您的网站。 在网站设计中，纯粹 HTML 格式的网页通常被称为“静态网页” ，早期的网站一般都 是由静态网页制作的。静态网页的网址形式

28、通常为：也就是以. htm、.html、.shtml、.xml 等为后后缀的。在 HTML 格式的网页上，也可以出现各种动态 的效果，如.GIF 格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与 下面将要介绍的动态网页是不同的概念。我们将静态网页的特点简要归纳如下：（1）静 . ;. 态网页每个网页都有一个固定的 URL，且网页 URL 以.htm、.html、.shtml 等常见形式为 后缀，而不含有“？” ； （2）网页内容一经发布到网站服务器上，无论是否有用户访问， 每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存 在服务器上的文件，每个网

29、页都是一个独立的文件；（3）静态网页的内容相对稳定，因 此容易被搜索引擎检索；（4）静态网页没有数据库的支持，在网站制作和维护方面工作 量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；（5）静态网页 的交互性交叉，在功能方面有较大的限制好像看懂了,第一看后缀名,第二看是否能与服 务器发生交互行为 。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序 和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对 更新起来比较麻烦，适用于一般更新较少的展示型网站。本站就是由静态网页连接而成。 第二章第二章 个人网站建立的步骤个人网站建立的步骤 2.12.1

30、确定网站主题确定网站主题 做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国个人电 脑杂志(PC Magazine)评出了 99 年度排名前 100 位的全美知名网站的十类题材：第 1 类：网上求职；第 2 类：网上聊天/即时信息/ICQ；第 3 类：网上社区/讨论/邮件列表； 第 4 类：计算机技术；第 5 类：网页/网站开发；第 6 类：娱乐网站；第 7 类：旅行；第 8 类：参考/资讯；第 9 类：家庭/教育；第 10 类：生活/时尚。我们可以参看上面的分类， 继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣 的东西，一者，你可以有自己的见解，做

31、出自己的特色；二者，在制作网站时不会觉得 无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作 品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作 一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及 时更新带来困难。记住：在互联网上只有第一，没有第二！ 2.22.2 选择好域名选择好域名 域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的 价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。 目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如 网易的虚拟域

32、名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开 启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页 的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是 个人网站的第一笔财富，要把域名起得形象、简单、易记。 . ;. 2.32.3 掌握建网工具掌握建网工具 网络技术的发展带动了软件业的发展，所以用于制作 Web 页面的工具软件也越来越 丰富。从最基本的 HTML 编辑器到现在非常流行的 Flash 互动网页制作工具，各种各样的 Web 页面制作工具，下面是几款具有代表性的网页制作器： （1）HTML 编辑器。虽然 HTML 代

33、码复杂，编辑和调试要花费大量的时间，但因 HTML 的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目 前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级 HTML 规范， 使用较为普遍的有 Hotdog 等专业 HTML 编辑器。 （2）所见即所得的网页编辑器。其中以 Microsoft Frontpage 为代表，它具有如 Word 一样的操作界面，熟知 Word 功能的操作者，只要稍加培训就能轻松编制网页。而且， Frontpage 还能解析网页的 HTML 源代码，并提供了预览支持。但 Frontpage 的一些特殊 显示功能并不能在其它非 I

34、E 浏览器下实现。所以 Frontpage 是一款非常适合初、中级网 页制作人员使用的工具软件。 （3）现在非常流行的 Macromedia 公司出品的 Flash 互动网页制作工具。这是是一 款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页， 它不需要特别繁杂的操作，也比 JAVA 小巧精悍！但它的动画效果、互动效果、多媒体效 果十分出色。而且还可以在 Flash 动画中封装 Mp3 音乐、填写表单等；并且由于 Flash 编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适 合动态 Web 制作的工具。 另外，个人网站制作者还需了解 W3

35、C 的 HTML4.0 规范、CSS 层叠样式表的基本知识、 javascript、VBScript 的基本知识。对于常用的一些脚本程序如 ASP、CGI、PHP 也要有 适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了 解多种图形图像动画工具的基本用法，熟练使用 FTP 工具以及拥有相应的软硬件和网络 知识也是必备的。 当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各 种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强 大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载 各种精美实用的图片

36、、按钮、背景等网页素材。 2.42.4 确定网站界面确定网站界面 界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面 时要注意以下三点： 栏目与板块编排 构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网 站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。 . ;. 从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里 糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定 要考虑好栏目和板块的编排问题。 网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最

37、吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站 的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑， 合理安排。在栏目编排时需要注意的是： 尽可能删除那些与主题无关的栏目； 尽可能将网站内最有价值的内容列在栏目上； 尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点 简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。 另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板 块都有自己的栏目。举个例子：ENET 硅谷动力（）的站点分新闻、产品、 游戏、学院等板块，每个板块下面又各有自己的主栏目

38、。一般来说，个人站点内容较少， 只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意： 各板块要有相对独立性； 各板块要有相互关联； 各板块的内容要围绕站点主题； 目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如：在用 Frontpage 建立网站时都默认 建立了根目录和 Images 子目录。目录的结构是一个容易忽略的问题，大多数站长都是未 经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但 是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时 也要仔细安排，比如： 不要将所有文件都存放在根目录下。有网站制作者为了

39、方便，将所有文件都放在 根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些 无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一 般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传 更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文 件量越大，等待的时间也将越长。 按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多， 需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例 如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定 目

40、录，例如：CGI 程序放在 cgi-bin 目录，所有提供下载的内容也最好放在一个目录下， 便于维护管理。 在每个主目录下都建立独立的 Images 目录。一般来说，一个站点根目录下都有一 . ;. 个默认地 Images 目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时， 图片的管理相当麻烦。所以为每个主栏目建立一个独立的 Images 目录是方便管理的。原 因很简单，就是方便维护与管理。 其它需要注意的还有：目录的层次不要太深，不要超过 3 层；不要使用中文目录， 使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不 便于记忆；尽量使用意义明确的目录，

41、以便于记忆和管理。 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上， 但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的 连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分 布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种 基本方式： 树状链接结构（一对一） ，这类似 DOS 的目录结构，首页链接指向一级页面，一级 页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较 清晰，访问者明确知道自己在什么位置，不会“不知身在何处” ，但是浏览效率低，一个 栏目下的子页面到另

42、一个栏目下的子页面，必须回到首页再进行。 星状链接结构（一对多） ，类似网络服务器的链接，每个页面相互之间都建立有链 接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏 览者迷路，搞不清自己在什么位置，看了多少内容。 因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既 可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办 法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关 于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接 影响到版面的布局。 进行形象设计 网站的设计可以

43、从以下几点出发： 设计网站标志(LOGO)。LOGO 是指网站的标志，标志可以是中文、英文字母，也可 以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表 性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网 站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名 称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的 效果，并可能影响到访问者的情绪。 “标准色彩”是指能体现网站型象和延伸内涵的色彩， 要用于网站的标志，标题，主菜单

44、和主色块。给人以整体统一的感觉。至于其它色彩也 可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准 色彩不超过 3 种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色， 黑/灰/白色三大系列色。 . ;. 设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有 字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根 据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。 需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有 安装特别字体，那么辛苦设计制作便可能付之东流了

45、。 设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用 一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可 以收到比较好的结果。 2.52.5 确定网站风格确定网站风格 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象” 包括站点的 CI（标志，色彩，字体，标语） 、版面布局、浏览方式、交互性、文字、语气、 内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不 管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是 你网站独有的，这就形成了网站的“风格” 。 风格是有人性的，通过网

46、站的色彩、技术、文字、布局、交互方式可以概括出一个 站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活 泼易变的，还是墨守成规的。 总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一 起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格 的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。 在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现 网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是 一次定位的，你可以在实践中不断强化、调整、改进。 2.62

47、.6 有创意的内容选择有创意的内容选择 好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容 创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣 传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当 放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地 再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容 为王（Content Is King）依然是个人网站成功的关键。 2.72.7 推广自己的网站推广自己的网站 网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站

48、之前，请 . ;. 确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水 准，网站的交互性能良好。一般来说，网站的推广有以下几种方式： （1）搜索引擎注册与搜索目录登录技巧 注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技 巧，像 AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意 Meta 的使用，不要提交分栏 Frame 页面，大部分搜索引擎不识别 Frame，所以一定要提交有内 容的 Main 页面。 而像 Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量， 在分类查询时获得的信息相关性比搜索

49、引擎站点（靠 Spider 自动搜索的）更强。由于搜 索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。如 Yahoo 要求注册站点描述不超过 25 个单词。在此要注意：将网址提交到最合适的目录下面，要 认真详细的介绍网站，千万不要有虚假、夸张的成分。 有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上 建一个家了。 第三章第三章 网站开发工具的选用及介绍网站开发工具的选用及介绍 3.13.1 DreamweaverDreamweaver 简介简介 Dreamweaver 是由 Macromedia 公司推出的，用于网页开发和网站管理的专业化设计 工具

50、。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、 页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档 窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。 Dreamweaver 启动后，会出现一个新的文档操作窗口,该窗口包含如下的几个部分： 标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示该文档的标题信息、 文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动 面板的简单方法；Dreamweaver 启动后，工作区是白色的空白区域，可以在工作区中输入 文字、插入图象、添加背景以及其它页面元素

51、；浮动面板提供了访问程序特性的简单方 法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个 移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状 态栏位于窗口的最下端，用于显示文档的 HTML 标记、文档窗口大小、下载速度等信息。 3.23.2 网站图片制作工具网站图片制作工具 PhotoshopPhotoshop 简介简介 Photoshop 是平面图像处理业界霸主 Adobe 公司推出的跨越 PC 和 MAC 两界首屈一指 的大型图像处理软件。它功能强大，操作界面友好，得到了广大第三方开发厂家的支持， 从而也赢得了众多的用户的青睐。 ADOB

52、E PHOTOSHOP 最初的程序是由 Mchigan 大学的研究生 Thomas 创建，后经 Knoll . ;. 兄弟以及 ADOBE 公司程序员的努力 ADOBE PHOTOSHOP 产生巨大的转变，一举成为优秀的 平面设计编辑软件。它的诞生可以说掀起了图象出版业的革命，目前 ADOBE PHOTOSHOP 最新版本为 6.0，它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在 这诸多的图形图象处理软件中立于不败之地。 Photoshop 支持众多的图像格式，对图像的常见操作和变换做到了非常精细的程度， 使得任何一款同类软件都无法望其颈背；它拥有异常丰富的插件(在 Photo

53、shop 中叫滤镜)， 熟练后您自然能体会到只有想不到，没有做不到的境界。 3.33.3 FlashFlash 简介简介 Flash 是一种交互式矢量多媒体技术，他的前身是 Futureplash，早期网上流行的矢 量动画插件。后来由于 Macromedia 公司收购了 Future Splash 以后便将其改名为 Flash2，到现在最新的 flash4。现在网上已经有成千上万个 Flash 站点，著名的如 Macromedia 专门 ShockRave 站点，全部采用了 Shockwave Flash 和 Director。可以说 Flash 已经渐渐成为交互式知量的标准，未来网页的一大主

54、流。下面介绍 Flash3 及 4 版 本的特点： Flash3 的功能特点，总结起来有如下特点： 灵巧的绘图工具 Flash 本身具有极其灵巧的图形绘制功能，更重要的是他能导入 专业级绘图工具，如 Macromedia FreeHand、Adobe Illustrator 等绘制的图形，并产生 翻转、拉伸、擦除、歪斜等效果，还可以将图形打碎分成许多单一的元素进行编辑，并 改变其颜色亮度。由于 Flash 提供具有保真技术的绘图工具，使图形边缘在经过一系列 加工后仍会保持平滑。 向量透明效果应用 Flash3 可以创建透明的图形，并可以任意改变层次间透明的 不同效果，如透明度、倾斜度及透明的颜色等属性。 具有动画效果的按钮和菜单 Flash 采用精灵动画的方式，在 Flash3 中可以随意 创建按钮、多级弹出式菜单、复选框、以及复杂的交互式字谜 游戏。 物体的变形和形状的渐变 在 Flash3 中产生物体的变形和形状的渐变非常容易， 其发生完全由 Flash 自动生成，无须人为地在两个对象间插入关键帧。 增强对图像的支持 Flash3 不但可以对导入的图像（jpg、gif）产生翻转、拉伸、 擦除、歪斜、改变