九乡新闻网诗经采蘯注释:如何建立自己的网站1
来源：百度文库 编辑：九乡新闻网 时间：2024/04/24 08:45:38
[原创]个 人 网 站 设 计
网站设计规划
1 .1 本网站建设的方向和目的：
1.1.1网站建设目的：
网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。
1.1.2 明确的目的：
不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。对于网站的设计者和建设者来说，在设计规划网站时必须要明确自己网站的浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。
本网站的结构和风格：网站的风格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架，如果没有网站结构，网站将会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。
网站设计的前期准备
2.1.1 软件准备
在网页的设计过程中，因人而宜，每个人使用的软件也许不同，如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里，我们主要说的是Macromedia公司出品的“三剑客”。
这“三剑客”包括Dreamweaver MX、Fireworks MX和Flash MX，其中，Dreamweaver MX是网页编辑软件，Fireworks MX是图形/图像处理软件，Flash MX是矢量动画编辑软件。当然，到今天为止，Macromedia公司出品的这个“三剑客”都已经是2004版，估计2005版也应该很快出来了。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称，这三个软件也不例外，它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳工具。
Dreamweaver MX采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由Dreamweaver MX自动完成。另外，还有一点值得说明的是，Dreamweaver MX可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。
Fireworks MX的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks MX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks MX中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。
Flash MX是比较另类、超前的一种网页动画制作软件，它不仅能够满足网页设计的诸多要求，更为网页多媒体的使用者带来了前所未有的便利。Flash MX提供了广泛的平台支持，它不需要任何编程工作就能够制作出精彩的动态效果。由于Flash MX采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点，从而是浏览者能够快速的下载效果非凡的动画。
在我设计我的个人网站的过程中，我选择了Dreamwear MX 2004和Flash MX 2004和 Photoshop三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。
2.1.2 ISS 5.0的安装与设置
在因特网/企业网上的基于浏览的开发方案中，Microsoft 的IIS起到客户端与服务器端的连接作用。当访问者在浏览器中键入对你服务器上的网页进行访问的请求，这个请求通过网络路由到服务器端，然后服务器再将它交给IIS处理。IIS检索所请求的页，并根据请求的文件名对该网页进行相应的处理。如果该文件是以.asp为扩展名或者该文件是某种类型的请求文件，那么IIS将对该页面上的代码进行处理。
IIS 5.0是专为Windows 2000设计的WEB服务器软件。Windows 2000 Server在安装系统时，就以自动安装IIS 5.0；但Windows 2000 Professional不会自动安装它。下面就简单介绍一下在我设计过程中在Windows 2000 Professional 上安装IIS 5.0的过程。
网站的制作过程
网站数据库的设计过程
具体的要看你自己的兴趣了，不能带笔的。
网站的测试与上传
一个好的网站建设好了之后是不能立即发布的，在这之前需要进行一段时间的测试，没有经过测试的网站往往会在浏览器兼容性和显示器兼容性上出现问题。同样由于在程序开发和页面制作的过程中难免会出现误差，所以在正式发布前通过测试找出网站的Bug（网页中的漏洞）是非常重要的一个环节，通常称此过程为捉虫。
为什么测试显得这么重要呢？没有经过测试的页面会出现那些问题呢？下面将从几个不同的方面来说明这些问题。
1.分辨率不同产生差异
经常上网的人可能会有这样的经历，那就是同样一个网页在不同的分辨率下会有不同的显示。这就是由于分辨率不同所造成的。
2.浏览器不同产生的差异
显示器不同产生不同的浏览结果，浏览器版本不同也可能会使得网站的浏览效果产生差异。同一个页面在IE和Netscape浏览器下的显示效果也可能是不同的，这些页面上的问题都是访问者可能遇到的。网站建设者不能在页面上发布类似于“本站默认浏览器在IE 5.0以上，默认显示器分辨率为800*
3.测试的项目。
在一个网站的开发过程中，网站的测试是保证整个网站整体质量的重要一环，本章将就网站的测试技术及相应的自动测试工具做一个简要的介绍。主要就如下几个方面进行探讨：性能测试，安全性测试，稳定性测试，浏览器兼容性测试 ，可用性/易用性测试，链接测试 ，代码合法性测试 。
在我的个人网站的测试过程中，在数据库的链接，地址的链接，还有图片的相对位置都出现了许多小的错误，还好，经过我自己的修改，现在已基本消除了这种现象。
在我的整个网站的测试中，数据库的测试是最重要的，它的设计的好与坏，直接关系的整个我的个人网站的成败，所以，我在测试过程中，对数据库的测试是花费时间最长的。
网站的测试与上传
一个好的网站建设好了之后是不能立即发布的，在这之前需要进行一段时间的测试，没有经过测试的网站往往会在浏览器兼容性和显示器兼容性上出现问题。同样由于在程序开发和页面制作的过程中难免会出现误差，所以在正式发布前通过测试找出网站的Bug（网页中的漏洞）是非常重要的一个环节，通常称此过程为捉虫。
为什么测试显得这么重要呢？没有经过测试的页面会出现那些问题呢？下面将从几个不同的方面来说明这些问题。
1.分辨率不同产生差异
经常上网的人可能会有这样的经历，那就是同样一个网页在不同的分辨率下会有不同的显示。这就是由于分辨率不同所造成的。
2.浏览器不同产生的差异
显示器不同产生不同的浏览结果，浏览器版本不同也可能会使得网站的浏览效果产生差异。同一个页面在IE和Netscape浏览器下的显示效果也可能是不同的，这些页面上的问题都是访问者可能遇到的。网站建设者不能在页面上发布类似于“本站默认浏览器在IE 5.0以上，默认显示器分辨率为800*
3.测试的项目。
在一个网站的开发过程中，网站的测试是保证整个网站整体质量的重要一环，本章将就网站的测试技术及相应的自动测试工具做一个简要的介绍。主要就如下几个方面进行探讨：性能测试，安全性测试，稳定性测试，浏览器兼容性测试 ，可用性/易用性测试，链接测试 ，代码合法性测试 。
在我的个人网站的测试过程中，在数据库的链接，地址的链接，还有图片的相对位置都出现了许多小的错误，还好，经过我自己的修改，现在已基本消除了这种现象。
在我的整个网站的测试中，数据库的测试是最重要的，它的设计的好与坏，直接关系的整个我的个人网站的成败，所以，我在测试过程中，对数据库的测试是花费时间最长的。