个人网站设计与实现
泉州信息职业技术学院毕题 目：姓 名：学 号： 090003029专 业：班 级： 09指导教师： 业 设 计 个人网站的设计
泉州信息职业技术学院
毕
题 目：
姓 名：
学 号： 090003029
专 业：
班 级： 09
指导教师： 业 设 计 个人网站的设计与实现 徐惠聪 计算机应用技术 计应 王源庆老师
2012年5月20日
,泉州信息职业技术学院毕业论文（设计）
目 录
前言 ................................................ 错误！未定义书签。
一、个人网站设计需求分析 ................................................ ５
1.1、个人网站的问题定义与可行性分析 ................................. ５
1.1.1、功能定义 ................................................. ５
1.1.2、可行性分析 ............................................... ５
1.2、个人网站整体要求 ................................................ ６
1.2.1 功能要求 .................................................. ６
1.2.2、系统性能要求 ............................................. ６
1.2.3、关于未来需求 ............................................. ６
二、个人网站建立的步骤 .................................................. ６
2.1、确定网站主题 ................................................... ６
2.2、选择好域名 ..................................................... ７
2.3、掌握建网工具 ................................................... ７
2.4、确定网站界面 ................................................... ８
2.6、 推广自己的网站 ............................................. １１
三、网站开发环境及工具介绍 ............................................ １１
3.1、 个人网站开发环境 ............................................ １１
3.2、IIS 服务 ...................................................... １１
3.3、ASP 及其特点 .................................................. １１
3.4、Dreamweaver 简述 .............................................. １２
3.6、 Flash简介 ................................................... １２
4.2、 网站结构图 .................................................. １３
２
,泉州信息职业技术学院毕业论文（设计）
个人网站的设计与实现
09计应 徐惠聪
摘 要
21世纪是Internet 飞速发展的时代，网络也已经越来越普及，很多人也已经意识到网络的强大生命力和它在未来将处于的重要地位，互联网为我们提供了一个新的空间，新的领域，让我们充分的表达自我，使得网站也不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。 本文主要是对个人网站的设计与实现进行研究和探讨。
关键词：个人网站 设计 实现
３
,泉州信息职业技术学院毕业论文（设计）
前言
随着科技的进步，时代的发展，计算机信息行业的逐步壮大，人们也越来越离不开各种各样的信息了，人们对信息的追求也越来越迫切了。互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在Internet 上表现出极其重要的地位，并发挥着极其重要的作用。Internet 的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web 页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。
个人网站设计是一种建立在新型媒体之上的新型设计，它与传统媒体相比有许多的不同，它在信息传播方面具有声、像、图、文、视觉、听觉、互动的特点，通过视觉传达各种各样的个性化信息，而且更新和修正较为快捷方便，可以在任何时间更新，而不受时间和地域的限制。
４
,一、个人网站设计需求分析
需求分析最根本的任务是确定“为了满足客户的需要，系统必须做什么”。具体的说，应该确定系统必须具有的功能和性能，系统要求的运行环境，并且预测系统发展的前景。必须仔细分析系统中的资料，既要分析系统中的数据流，又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作，而仅仅是确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。
1.1、个人网站的问题定义与可行性分析
通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。
1.1.1、功能定义
（1）管理员权限：修改所有页面内容、增删改文章、管理评论、修改公告、修改管理员自身信息、编辑各页面栏目、添加删除图片、添加删除音乐、修改版权信息等。
（2）浏览者权限：阅读所有页面内容、添加评论、添加留言、浏览文章、浏览图片、浏览音乐等。
1.1.2、可行性分析
系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。
（1）经济可行性分析
从系统的开发和效益关系上讲，采用asp 这个可以开发出交互、高性能Web 数据库应用的技术进行开发，效率较高。该系统的开发不需要花费太多的经费，只需在域名和服务器空间租用上有开销，因为个人网站不涉及超大容量的文件存储和庞大的访问量，因此对于服务器来讲，要求不会太高，开销不会很大。因此，从经济性分析是可行的。
（2）技术可行性分析
根据现有的技术设备条件，在技术上实现也是可行的。在设备方面，前期系统开发在本地端制作完成，只需通过ftp 软件上传至服务器端即可，而软件开发所需条件相对
,泉州信息职业技术学院毕业论文（设计）
较低，对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识，有一定的编程基础，熟悉和掌握数据库及网络相关知识，具备开发条件。
（3）操作可行性
该系统操作上非常简单，对于用户来说，只要具备IE 浏览器5.5版本以上即可通过域名搜索即可登录本站。
1.2、个人网站整体要求
1.2.1 功能要求
（1）页面风格简洁明快，给人以较好的视觉印象。
（2）用户浏览、操作均便捷，迅速。
（3）用户权限、功能的设置要准确无误。
1.2.2、系统性能要求
在目前硬件设备条件下，要求处理程序的速度相对较快。因此，在程序设计阶段，优化代码，降低处理时间是需要考虑的问题。
1.2.3、关于未来需求
由于系统开发时间较短，可能不是很完善，在运行过程中还会遇到一些问题，所以应在系统设计过程中对未来可能需要的扩充和修改做好准备，以便及时变更。
二、个人网站建立的步骤
2.1、确定网站主题
制作网站，首先必须要解决的就是网站内容问题，即确定网站的主题。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。
对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。
６
,泉州信息职业技术学院毕业论文（设计）
2.2、选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。
目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。
2.3、掌握建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web 页面的工具软件也越来越丰富。从最基本的HTML 编辑器到现在非常流行的Flash 互动网页制作工具，各种各样的Web 页面制作工具，下面是几款具有代表性的网页制作器：
1、 HTML 编辑器。虽然HTML 代码复杂，编辑和调试要花费大量的时间，但因HTML 的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML 规范，使用较为普遍的有Hotdog 等专业HTML 编辑器。
2、所见即所得的网页编辑器。其中以Microsoft Frontpage 为代表，它具有如Word 一样的操作界面，熟知Word 功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage 还能解析网页的HTML 源代码，并提供了预览支持。但Frontpage 的一些特殊显示功能并不能在其它非IE 浏览器下实现。所以Frontpage 是一款非常适合初、中级网页制作人员使用的工具软件。
3、Flash 互动网页制作工具。这是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA 小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash 动画中封装Mp3音乐、填写表单等；并且由于Flash 编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web 制作的工具。
当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。
７
,泉州信息职业技术学院毕业论文（设计）
2.4、确定网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：
2.4.1、栏目与板块编排
构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。
网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：
◆ 尽可能删除那些与主题无关的栏目；
◆ 尽可能将网站内最有价值的内容列在栏目上；
◆ 尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站
点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。
另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：
◆ 各板块要有相对独立性；
◆ 各板块要有相互关联；
◆ 各板块的内容要围绕站点主题；
2.4.2、目录结构与链接结构
网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排。
８
,泉州信息职业技术学院毕业论文（设计）
另需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：
◆ 树状链接结构（一对一），这类似DOS 的目录结构，首页链接指向一级页面，一
级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是
浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再
进行。
◆ 星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有
链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。
2.4.3、进行形象设计
网站的设计可以从以下几点出发：
◆ 设计网站标志(LOGO)。LOGO 是网站的标志，可以是中文、英文字母，也可以是
符号、图案等。LOGO 的设计创意应当来自网站的名称和内容。比如：网站内有
代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺
术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式
是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合
可以很容易制作好自己的标志。
９
,泉州信息职业技术学院毕业论文（设计）
◆ 设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同
的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸
内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的
感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺
主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。一般
适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。
◆ 设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特
有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风
格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，
选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为
很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东
流了。
◆ 设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，
用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对
外宣传，可以收到比较好的结果。
2.5、确定网站风格
“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI （标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。
风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放，还是清新秀丽；是温文儒雅，还是执著热情。
总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，在有风格的网站上你可以获得除内容之外的更感性的认识。
在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。
１０