个人网站设计与制作

　　摘要：如今互联网已成为人们快速获取、发布和传递信息的重要渠道。网站在互联网的应用中也越来越受到人们的重视，网络大发展的趋势就是向个人网站发展。如今个人网站已成为表达自我的自由天地，也给不少人创造了财富。本文围绕个人网站的设计步骤、原则、制作、开发工具等方面展开了讨论。

　　关键词：个人网站；网站设计；网站制作

　　中图分类号：TP393文献标识码：A文章编号：1009-3044(2009)33-9221-02

　　1对个人网站的认识

　　个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。个人网站一直是多元化互联网世界的一支重要力量，它是以一个人为中心、不需要强大的资历背景，且低成本运作，因此个人网站多属于草根类型，吸引了众多爱好者和追随者。

　　目前最流行的一类是根据个人爱好设置的个人网站，这类网站是给个人一个展示自我的空间，同时利用制作页面来达到熟悉网站制作的目的；一类是网站的内容基本上与计算机的软硬件有关，也会拿如何制作网站、各类软件、MP3和图片下载来当内容的；另一类就是在内容上力求单一，在未来发展上力求商业化的网站，这类网站通过广告宣传，推销商品等营销手段，达到网上开店的目的。这类个人网站随着电子商务的普及，具有广泛的市场与前景。

　　2个人网站设计与制作

　　网站的开发是一个系统工程，有自己特定的工作流程，只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

　　2.1网站的规划

　　个人网站的规划好比建一座大楼的设计图，它包含了建立网站目的、目标用户、组织结构和导航结构、使用的多媒体元素、用户界面、版面设计等内容。

　　1)明确网站开发目的、目标用户、网站主题和构思创意。个人网站可以根据自己的兴趣爱好或自己关注的话题来确定网站的主题，如科普知识推广、文学笔者交流、计算机软硬件的疑难问题讨论，又或者直截做个人推销等等。网站应根据用户需求的不同而采用不同的形式，如有只提供简洁文本信息的，也有用多媒体表现手法，提供图像、动画、声音和视频的。要做到网站主题鲜明突出，要点明确，以简单明确的语言和画面体现主题。调动一切手段充分表现网站的个性和情趣，办出网站的特点。

　　2)相关主题材料的搜集和整理。个人网站的选材需要小而精。收集的内容包括网站徽标、背景图片、按钮图片以及其他展示的相关内容。

　　3)规划网站功能模块，确定网站的框架、组织结构和导航结构的设计。对个人网站需要设计的栏目和版块有明确的划分。所有的超链接应清晰无误地向读者标识出来，导航性质的设置，如图片按扭都要有清晰的标识；链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色；清晰的导航条还要求：用户进入目的页面的点击次数不能超过三次。

　　4)网站开发工具和开发平台的选择。根据设计者实际情况和个人喜好选择，目前常用的工具是Frontpage、网页三剑客Dreamweaver、Flash、Fireworks和ASP或ASP.net等等。

　　2.2网站的开发

　　1)框架的开发。用树状结构把每个网页的内容大纲列出来，特别是制作一个较大的网站(页面很多)的时候，要把框架规划好，同时也要考虑到以后扩充的可能性，免得做好以后反复更改整个网站的构架。整体框架的设计确保网站格式统一和层次清晰，首页中提供各个页面的链接，并简要介绍网站的内容和主题。二级网页中设计好主要内容，针对栏目要求提供相应的三级页面内容链接。

　　2)多媒体元素包括文字、图形图像、动画、声音和视频的文件制作。充分利用软件工具将需要展示的内容以新鲜有趣的方式做出来。这也是吸引浏览者注意力的有效方式之一，可以将页面的内容用三维动画、FLASH等形式来表现，增加趣味性，同时考虑客户端的传输速度。

　　3)内容的增加。保证内容的准确性和合法性。网页设计是一种视觉语言，讲究编排和布局的合理性，使浏览者有一个流畅的视觉体验。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。首页是整个网站精华的汇集，因此首页的设计也是个人网站建设中最难最花功夫的工作。

　　2.3网站的实现与维护

　　1)网站测试与调试。制作出的网站可以先在本地进行测试，检查站点的浏览器兼容性已经可能存在的错误链接等，发现错误及时调试，然后再测试，直到无误。

　　2)空间、域名申请与网站上传。在互联网上根据网站大小申请，选择一个相对速度快、性能稳定、网络环境适合的免费空间上传，也可申请收费空间。然后将网页通过上传工具(cuteftp，flashfxp)传至服务器指定的目录中去。建议申请个自己的域名，这样不管你走到哪里，你的虚拟空间换到什么地方，域名始终如一，朋友还是访客都能一样找到你。

　　4)宣传推广与维护更新。为提高网站的知名度，可在搜索引擎上注册、登记，参加广告交换，也可以与其他网站友情链接，在各大论坛参与热点讨论等，提高访客点击率。网站最大特点就是更新快，因此网站更新维护需及时。

　　3网站设计制作工具

　　主要介绍下常用的网页三剑客Dreamweaver、Flash、Fireworks和ASP.net：

　　1)Dreamweaver。是做网站、网页的基本框架结构的。建立Web站点和应用程序的专业工具，将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能，Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统

　　2)Flash。设计网站中所需要的动画文件的。是交互式矢量图和Web动画的标准。设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。

　　3)Fireworks。加工处理图片的工具。在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。业界领先的优化工具，在最佳图像品质和最小压缩大小之间达到平衡。它与Dreamweaver和Flash共同构成的集成工作流程可以创建并优化图像，同时又能避免由于进行Roundtrip编辑而丢失信息或浪费时间。

　　4)ASP或ASP.net。ASP全称ActiveServerPages，“动态服务器网页”，所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器(如IE或Netscape)都可以正确地获得ASP的“执行”结果。ASP.net不仅仅是ASP的下一个版本，而且是一种建立在通用语言上的程序构架，能被用于一台Web服务器来建立强大的Web应用程序。ASP.net提供许多比现在的Web开发模式强大的优势。

　　4网站建设中要注意的其它问题

　　1)网页保存和代码输入过程中文件名和输入法不能使用中文，它可能导致上传到网上后由于系统无法识别而无法显示，且必须使用小写字母。

　　2)统筹考虑网页的整体配色，与文字的选色要协调。

　　3)图片最好用GIF格式，文件小，网速慢的时候打开也快，否则用户等不及就将网页关了，或换到其他快的网站了，你的访问量也会越来越少，形成恶性循环。

　　4)图片处理。建议网页制作过程中标签中不要带上width和height两个属性，这是因为在制作过程中，图片往往需要反复修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能，在网页制作的最后给附上width和height属性，防止抖动现象发生。

　　5)文字处理。使用CSS样式表来定义整个网站文字风格。为了保证不同浏览器上字号保持一致，字号建议用点数pt或像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px，这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。