给你找了篇文献,参考下吧浅析个人网站建设[摘要] 拥有自己的个人网站,是很多电脑爱好者梦寱以求的,本文详细分析了建立自己的个人网站的全过程及注意事项。[关键词] 个人网站网站形象CI 配色访问量随着计算机的普及和网络的迅速发展,大量的公司都建有网站,很多个人也拥有了自己的网站。但有相当一部分人在建立自己的个人网站时,由于缺少专业知识而感到无从下手。其实要建立一个网站很容易,但要建立一个有特色、有个性、有内涵、有吸引力的网站那就需要作者费一番脑筋了。在建立自己的个人网站时,首先要确定自己的立场,选好网站的主要内容;然后进行构思,对网站进行规划,包括素材的搜集整理、网站形象设计、色彩及版面的设计;接下来动手制作首页和各个页面;最后申请一个网络空间,对设计好的网站进行测试并上传。一、确定网站的主题:1、题材的选择在INTERNET 上,各种各样的网站非常之多,题材也千奇百怪,琳琅满目,在设计你自己的网站之前,一定要确定你所要设计的网站的主要方向,这样才有利于你构思,准备素材和搜集资料。常见的类型有:1、网上求职2、网上聊天/ 即时信息/ICQ3、网上社区/ 讨论/ 邮件列表4、计算机技术5、网页/ 网站开发6、娱乐网站7、旅行8、参考/ 资讯9、家庭/ 教育10、生活/ 时尚每个大类里面还可以分得更细一点,如教育可以为幼儿教育和成年人教育,按学历高低可以分中学教育、高中教育、高等教育等,如娱乐类再分为体育、电影、音乐等小类,音乐又可以按格式分为MP3,Mid,Ra 等,按表现形式分古典、现代、摇滚等,选择题材注意以下几点:①题材最好是你自己擅长或者喜爱的内容。比如:你对篮球感兴趣,可以报道最新的比赛情况,动态报道比分变化,球星访谈,最佳进球视频等;或者你擅长动画制作,就可以建立一个动画制作爱好者网站,介绍一些动画制作软件的使用方法,各种不为人知的制作技巧,列举一些比较好的作品,提供动画制作软件下载等。这样在制作时,才不会觉得无聊或者力不从心,因为如果不是自己所熟悉的方面,那么在设计和制作方面都会碰到很多困难,问题太多,自己就会失去信心,那么网站设计就无从谈起。另一方面,兴趣是制作网站的动力,如果没有兴趣,那就会没有热情,很难设计制作出杰出的作品。②主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有你认为精彩的东西放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网站上的“主题站”比“万全站”更受人们喜爱,就好比专卖站和百货商店,如果需要买某方面的东西,肯定会选择专卖店。③题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息等。这类网站已经有很多了,没有特色,很难一下子获得成功。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的,除非你下决心和有实力竞争并超过它,因为人们往往只记得最好的网站。2、网站的命名如果你已经选好题材,有一个绝妙的主意了,那我们开始为网站起名字。你可能认为起名字与网站设计无关,其实网站名称也是网站设计的一部分,而且是很关键的一个要素。比如:“电脑学习室”和“电脑之家”显然是后者简练,且更富有吸引力;“迷笛乐园”和“MIDI 乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICPU 的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了。和现实生活中一样,网站名称是否正气、响亮、易记,对网站的形象和宣传推广也有很大影响。选择名称可以从以下几个方面入手:1、名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyondstudio 和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX 阁”“XX 设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo 尺寸是88X31 的大小,而六个字的宽度是78 左右,适合于其他站点的链接排版。2、名称要正。这个“正”是指要合法、合理、合情。不能用反动的、色情的、迷信的,危害社会安全的名词语句。3、名称要有特色。普通的名称可以接受,如果能体现一定的内涵,将会给浏览者更多的视觉冲击和空间想象力。比如:音乐前卫,网页陶吧,天籁绝音,阿利诗社等。在体现出网站主题的同时,能点出特色之处。这样才能第一时间引起浏览者的注意。二、网站形象(CI)所谓CI,是借用的广告术语。(CI 是英文corporate identity 的缩写),意思是通过视觉来统一企业的形象。一个杰出的网站,和实体公司一样,也需要整体的形象包装和设计。准确的、有创意的CI 设计,对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后,需要思考的就是网站的CI 形象。通常可以从以下几个方面进行考虑:1、设计网站的标志(logo):首先你需要设计制作一个网站的标志(logo)。就如同商标一样,logo是你站点特色和内涵的集中体现,看见logo 就让大家联想起你的站点。注意:这里的logo 不是指88X31 的小图标banner,而是网站的标志。标志可以是中文,英文字母,可以是符号,图案,可以是动物或者人物等等。比如:soin 是用soim 的英文作标志,新浪用字母sina+ 眼睛作为标志。标志的设计创意来自你网站的名称和内容。2、网站中有代表性的对象:如人物、动物、花草,可以用它们作为设计的蓝本,加以卡通化和艺术化,例如迪斯尼的米老鼠,搜狐的卡通狐狸,鲨威体坛的篮球鲨鱼。3、网站中有专业性的图案:可以以本专业有代表的物品作为标志。比如中国银行的铜板标志,奔驰汽车的方向盘标志。4、最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体,字母的变形,字母的组合可以很容易制作好自己的标志。三、网页配色网页的色彩是树立网站形象的关键之一,色彩搭配却是设计者感到头疼的问题。网页的背景、文字、图标、边框、超链接等,应该采用什么样的颜色,应该搭配什么色彩才能最好的表达出预想的内涵,什么样的色彩搭配才能看下来赏心悦目,什么样的色彩搭配能在第一时间引起浏览者的注意而又不会感觉刺眼呢?1、颜色的分类颜色分非彩色和彩色两类。非彩色是指黑、白、灰系统色。彩色是指除是非彩色以外的所有色彩。我们将色彩按“红→黄→绿→蓝→红”依次过度渐变,就可以得到一个色彩环。色环的两端是暖色调和冷色调,当中是中间色调。2、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。红色:是一种激奋的色彩。刺激效果,能使人产生冲动、愤怒、热情、活力的感觉。绿色:介于冷暖两中色彩的中间,显得和睦、宁静、健康、安全的感觉。它和金黄、淡白搭配,可以产生优雅、舒适的气氛。橙色:也是一种激奋的色彩,具有轻快、欢欣、热烈、温馨、时尚的效果。黄色:具有快乐、希望、智慧和轻快的个性,它的明度最高。蓝色:是最具凉爽、清新、专业的色彩。它和白色混合,能体现柔顺、淡雅、浪漫的气氛(比如:天空的色彩)白色:具有洁白、明快、纯真、清洁的感受。黑色:具有深沉、神秘、寂静、悲哀、压抑的感受。灰色:具有中庸、平凡、温和、谦让、中立和高雅的感受。3、网页色彩搭配的原理①色彩的鲜明性。网页的色彩要鲜艳,容易引人注目,但要注意不刺眼,不使人难受。②色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。③色彩的合适性。色彩和你表达的内容气氛要适合。如用粉色体现女性站点的柔性。④色彩的联想性。不同色彩产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。4、网页色彩搭配的技巧①用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或者加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。②用两种色彩。先选定一种色彩,然后选择它的对比色。比如在网页中采用蓝色和黄色搭配。整个页面色彩丰富但不花稍。③用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝、淡黄、淡绿或者土黄、土灰、土蓝。确定色彩的方法各人不同,这样可以给一种舒服自在的感觉。④用黑色和一种彩色。比如大红的字体配黑色的边框感觉很特殊。5、在网页配色中,忌讳的是:⑤不要将所有颜色都用到,尽量控制在三种色彩以内。⑥背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。四、版面布局和首页的设计1、版面布局:版面指的是浏览器看到的完整的一个页面(可以包含框架和层)。因为每个人的显示器分辨率不同,所以同一个页面的大小可能出现640*480 像素,800*600 像素,1024*768 像素等不同尺寸。布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。一个好的合理的版面布局会给读者带来一种清爽的感觉,而非常散或毫无章法的布局会使整个页面看起来如己糟糟的。比如网页的白色背景太虚,则可以加些色块;版面零散,可以用线条和符号串联;左面文字过多,右面则可以插一张图片保持平衡。常见的布局形式有以下几种:看看我们经常用到的版面布局形式:①“T”结构布局。所谓“T”结构。就是指页面顶部为横条网站标志+ 广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景较深,整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。②“三”型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。③“口”型布局。将整个页面围成方框形状,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。④“对称对比”布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。⑤“POP”布局。POP 引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如。优点显而易见:漂亮吸引人。缺点就是速度慢。2、首页设计:有这么一句俗语:“好的开始是成功的一半”。在网站设计上也是如此,首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的“功力”了。所以,首页的设计和制作是绝对要重视和花心思的。在设计一个网站的首页时,要注意以下几点:①首页上不要摆放太多或太大的图片。因为图片太大或太多,那么载入的时间肯定会过长,浏览者没有这个耐心继续等待。②首页上的内容不要过于空洞和形式化。内容太少或字体过大等都是一种缺陷(当然也有个别网站为了加快载入速度而只在首页上放一个导航栏或图片,但这种网站如果不是必须要打开,大部分人都会觉得这个网站什么也没有,或者觉得页面太深太麻烦)③网站的首页也不能太枯燥、太死板。如果一个网站的首页只有纯粹的文字,没有任何图片、动画、音乐或动态效果,想念浏览者在看了第一次之后就不会第二次光临了,所以首页一定要图文并茂,选择一个容易上口能突出主题的宣传语,再配上简单的音乐或动态效果,这样才能增加吸引力。④在首页上要突出网站的独特的风格。让浏览者在看了你的网站之后,在心底里这样认为:“这个站点很cool,很有个性!”,那这样就能在浏览者心理产生深刻的印象。五、网站设计与测试1、网站的具体设计对网站进行规划之后就开始进行具体的设计工作,选择一个自己熟悉的软件做为设计的工具,这样就能事半功倍。常用的网页设计软件有:FrontPage,DreamWeavr,HotDog 等。如果是团队合作的话,就进行分工,每个人负责一些页面或者每个人负责一个版块,有条不紊的进行设计,最后组合成一个整体。2、网站测试整个网站的所有页面全部设计好之后,在上传之前必须进行综合测试,这个步骤是非常重要的,因为不同的浏览器或浏览器的不同版本,不同的分辨率下所看到的结果是不相同的,有些页面,在自己的机器上能正常显示,但换一个环境,改变了分辨率则页面可能严重变形,变得乱七八糟,所以每个页面都必须在不同的分辨率和不同的浏览器中进行测试,并修正。六、网站空间的申请如果要将设计好的网站放到INTERNET 上,必须申请一个主页空间,网络上的主页可以分静态的和动态的。静态主页空间大部分都是免费的,但不支持ASP 等;动态主页空间一般都要收费。作为个人网站,一般选择免费主页空间比较实际(当然对于经济条件许可的可以选择收费空间),但需要动态交换数据或支持ASP、CGI、PHP 等技术,则需要购买具有这些功能的主页空间。在申请主页空间的时候还应注意以下几点:①稳定:申请主页空间的服务器必须是比较知名或比较可靠的,不要因为服务器的原因让别人访问不到你的网站。②不要有弹出窗口:有些免费空间会弹出一些广告窗口,那样会使浏览者比较反感,影响网站的访问量和质量。③申请的空间最好大一点:空间太少存放的内容也少一点,如果网站内容比较多,则整个网站的内容无法存放下去,网页就无法打开,网站也不能正常运行。七、上传网站主页空间申请成功以后,就可以将自己的网站上传,在申请空间的时间,服务器会提供登陆的帐号和密码( 一定记住)。常用的FTP 软件有:CUTEFTP,FTP 等。进入界面后单击“连接”的按钮,然后输入你申请空间的服务器的地址,再输入进入的密码,即可自动进行连接,连接成功后选择要上传的文件夹,单击“上传”按钮。全部上传后,打开自己的网站,逐个检查各个页面是否能够正常打开,所有的连接是否正确,发现错误并进行修改。〔参考资料〕〔1〕胡晓天等dreamweaver mx2004 网站设计标准案例教程〔M〕〔北京〕机械工业出版社2005.6〔2〕唐建平等ASP 程序设计实用教程〔M〕〔北京〕人民邮电出版社2005.5〔3〕赵英杰中文版Dreamweavr MX2004 网页设计宝典〔M〕〔北京〕海洋出版社宁辉华:浅析个人网站建设