论文：浅析个人网页.doc

浅析个人主页制作【摘要】本文通过对一些个人网站的观察，发现一些杂乱的现象。因此，试从个人主页的设计、制作、注意事项等方面提出自己的看法。【关键词】个人主页 页面设计 色彩搭配 注意事项随着互联网技术的快速发展，网络逐步深入到人们生活中的每一个角落，也使个人化的网络发展成为可能。个人化的网络是信息化的人类世界在电脑网络中的体现，这不仅给大众提供了一个展示自己的平台，还能让大家通过网络，在让别人认识自己的同时也认识别人。因此，个人网页是表现个性的一种新型媒体。于是，个人网站如雨后春笋般地产生了。但值得注意的是，很多人或公司的个人网页并没有做的那么理想。从设计制作到风格定位都出现了不协调的现象。因此，应该怎样来规划和设计自己的个人网页就显得尤为重要。1、个人主页的筹划对于个人主页的建设， 光有热情是不够的， 你需要有切实可行的想法与计划。你必须清楚， 你的个人主页的主题是什么? 哪些人会来访问你的个人主页? 你的期望和长远目标是什么? 如果你连这些都还没有理清的话， 那么停下你手中的其他一L作， 将你的热情稍微降点温， 好好设计一下你的个人主页的主题与整体定位。因为一个主题不明、思路杂乱的个人主页肯定没有其特色， 最终必将沦为千千万万W eb 主页中的一堆垃圾。对于主页的主题和定位， 有以下的建议：1、选取与你的兴趣和爱好相近的题材： 兴趣就是你的动力， 只有充满兴趣， 你才会有无尽的动力， 而没有动力， 你永远无法做好你的个人主页。2、主题要有特色： 抄袭现象在网络上可谓司空见惯，加入今天的你有好的想法，明天这个想法便可能会通过网络的传播被抄袭到任何一个角落。千篇一律的东西肯定是没有特色的，所以自己的个人主页的主题还是要有自己的想法。3、主题不要太大： 虽然大的主题可以让你有更多的发挥空间， 但却很容易让人产生泛泛而谈， 不得其味的感觉，这样很难让访问者再次光顾你的主页， 而没有回头客， 你的主页注定要消亡。而且作为个人主页， 想要把它建设成为包罗万象的站点是不太现实的。因为个人毕竟没有那么多的精力去收集大量的资料， 维护庞大的站点。与其大而泛， 不如小而精。4、期望值不要过高： 要相信自己， 对自己充满信心，但同时也不要有过高的期望值。要记住， 你所经营的只是一个出于个人兴趣和爱好的个人主页， 你不能将它与那些由资金充足的公司来运营的网站进行比拟。这里我以数码产品来定位，制作一个围绕数码产品介绍以及报价的商务网站制作步骤分析（站名：商务九州） 制作“商务九州”网站之前，需要在本地电脑中创建一个名为“shangwu”的文件夹，并在文件夹中建立一个名为“img”的文件夹保存制作网页时需要使用的图片。 创建好文件夹之后，启动Dreamweaver 8，建立一个名为“商务九州”的站点，将本地根文件夹设置为刚才创建的文件夹，然后在站点窗口中新建一个名为moban.dwt的模板文档，通过该模板创建首页“index.htm”和其他页面2、个人主页制作原则要想制作好个人主页，我们应该了解一下其制作的基本原则：（1）正确定位，确定内容。一是：要小而精。定位要小，内容要精。二是：选择自己擅长、喜爱的内容。（2）塑造形象，统一风格。（3）简洁明朗，主次分明。（4）控制图像文件大小，调节多媒体嵌入量，减少网页下载时间。网页图像最好使用GIF 文件和JPG 动画，这两种文件的压缩程度较高，且大小最好控制在25KB 至15KB 之间；JPG 动画的使用不要太多，以免使主页看上去太乱。设制图片的替代文本或低分辨率图片，可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好使用MDI 格式，体积较小，便于传输，同时，注意给网页中的多媒体文件注明相关的文字性说明。3、个人主页应先确定主题，准确定位。 这些考虑清楚之后，我们就开始想想，网站的内容，也就是你的个人网页的主题。也就是说，我们只有先确定了主题，才能进行之后的相关程序：命名、资料收集、风格设计等一系列步骤。可见，主题的确定是非常重要的。网页内容的选择要不落俗套。放眼望去， 网上的许多个人主页简直就是“ 杂货店” 。内容包罗万象， 题材千篇一律。人人都是“ 软件下载”， 个个都有“ 网络导航” ， 从头到尾找不出一丝“ 鲜”意。所以， 我们在设计网页时， 要把功夫下在选材上。选材要尽量做到“ 少” 而“ 精” ， 又必须突出“ 新” ， 如能坚持天天更新的话， 我相信这样的网页一定会受到大家的欢迎。关于这个网站内容，各有各的想法。比如，有些站长喜欢收集软件， 有些站长喜欢收集图片， 也有些站长更偏爱程序， 而有的站长只是想存放自己的资料。总之一句话， 初做站点不可太杂，一定要尽量专， 才有可能做好。一般来说，如果要在工作之余去进行大量的网页维护工作，这是不现实的。同时，确定了主题，也就确定了我们的受众，定位明确。这样在你所选择的内容和你的受众群形成对应关系，再根据实际情况而进行调整。4、个人主页的排版和结构设计一个800600的页面， 安排起来并不像想象的那么容易， 它涉及美学效果、视觉效应、空间效应、时间效应等， 说到底就是要让人看得顺眼、舒服、印象深刻。在制作中要力求简洁， 将各要素统一起来， 注意色明度、对比度、结构分配比例等飞在差异中求协调， 保证网站的一体性。个人主页的结构主要由目录结构和导航结构组成。其中设计合理的目录结构可以使你在维护、更新时更加快速、省心; 而条理清晰的导航结构有利于访问者迅速找到他们需要的信息， 也使得他们乐意再次光顾你的主页。对于个人主页结构的设计可以这样来考虑：1、根据栏目来建立相应的目录， 将同一栏目中的文件放在相应的目录下， 将图像文件放在栏目中专用的图像目录里。2、目录的层次不要太多(一般两层便足够了) ， 否则不利于更新与维护。3、目录文件的名称不要太长， 而且其意义要明确。4、在每个页面中应该提供返回到首页的链接。5、在具有前后连续顺序的文件里提供必要的链接， 如在一系列具有. 前后连续顺序的文件里提供“上一页” 、“下一页” 、“回目录页” 与“回首页” 等导览按钮或超链接。6、在较长的页面内提供目录表与大标题。7、暂时不要提供到尚未完成的页面的超链接。例： 网站结构：1创建“商务九州”的模板文档 网站地图 | 网站留言 | 广告服务 | 积分换礼 | RSS订阅 | 川ICP备111111号-2  var _bdhmProtocol = (https: = tocol) ? https:/ : http:/);document.write(unescape(%3Cscript src= + _bdhmProtocol + /h.js%3Fc11f03e3f0c613934a842f4c8cff408e type=text/javascript%3E%3C/script%3E); 2创建“商务九州”网站的首页 通过刚才新建的模板文档“moban.dwt”创建“商务九州”网站的首页创建第一个表格购物车(0)   站内信(0)   新对话(0)3创建“GSM手机”页面 4创建“会员注册”页面 会员服务| 发布信息| 会员中心| 返回首页 会员服务| 发布信息| 会员中心| 返回首页完成“商务九州”网站的首页页面的制作后，选择文件保存菜单命令对首页页面进行保存。保存后按【F12】键，在浏览器中可观看其效果，如有错误可以立即改正。5、个人主页的页面设计确定了主题， 设计完整体的结构后， 你的主页便等于有了灵魂和骨架， 现在你所要做的就是往骨架上添加血肉， 使其丰满起来， 也就是开始添加资料内容， 设计具体的页面了。web 上有千千万万的页面， 浏览者常常淹没在这些外表相似的页面中而一片茫然。因此， 如果你想吸引访问者， 就最好使你的主页具有一定的视觉冲击力， 令其耳目一新， 给他留下良好的第一印象。为此，你应该确定你的主页的风格， 使人们在看到你主页的风格时便可以知道他身在何处。你的主页的主题和内容在很大程度上决定了你的页面风格以及采取的形式， 而主页风格的形成主要依赖于版式的设计、页面色调的选择、图片和文字的组合方式等。版式的设计要具有层次感， 主次要分明， 同时要兼顾传达的信息量和页面美观之间的平衡。下面我们就从以下几方面来探讨：51页面风格：简单而不乏精致网页的整体的风格和创意体现了一个网站的气质， 网友进了这里， 不用看标题， 就能感觉出是在哪个网站里。风格总的来说包括了布局、色彩、字体、文字、语气、内容、技术等， 当然也包括网站的标志。这不是一次就能定义好的， 应该在实践中不断加以调整、强化、甚至修改。创意来自于灵感， 但应符合网页风格， 而不是天马行空。现在生活的节奏，已经容不下我们静下心来看你满页满页的文字，而最先冲击人们视野的是图片。这是不言而喻的，只有首先被吸引住，才能有后面去了解内容的冲动，但这并不是说越多图片越好，要恰到好处。不能简单堆砌。我们看到一些好的网站不难发现，做的好并不等于做的复杂，相比而言，杂容易引起乱。因此，我们做的页面时，脑子里一定要思路清晰，体现在主页上就应该简单大方，色彩搭配自然。做到用少的图片，自然地衬托出上题，体现整个排版技巧，比用一大堆的图砌起来的网页得人喜爱。而我发现，现在大多数的个人作品， 无非都是围绕网上资源、免费软件、链接等来做，很大程度上就像在做一个仓库，人云亦云根本谈不有什么制作仁的技巧和排版考究， 主题也不明确其实，他们完全可以选择一个比较专的主题来发挥就算你图形功夫不好.但起码你用内容来补这一不足，这也是个好办法， 这也就是“ 宁精勿滥。比如：still meaningless (http：/ /personal/ scorpion/ )，该网站的页面时图文并茂，没有繁杂的文字换上富有味道、淡淡的绿色， 令人遐想联翩。简单而精致。52确定网页设计色彩主调色彩是视觉艺术表现的重要要素之一。图片的色调、页面的背景、文字的颜色、超链接的颜色、表格的边框等等， 都是站长们要考虑的问题。我们得先确定用不用彩色， 有时黑白的网站也相当酷。灰色是万能色， 用作任何色彩的过渡色都不过分。如果不打算用黑白色调， 那么应了解一下简单的色彩搭配。红色、橙色是属于暖色系， 令人兴奋( 橙色更有轻松、时尚的味道( 黄色是快乐和智慧的象征， 色明度最高， 和黑色搭配可形成强烈的对比( 绿色介于中性系与冷色系之间， 象征着宁静、健康， 和白色搭配会显得比较舒适( 蓝色属冷色系， 清新且专业， 和白色搭配也会有相当好的气氛。站长们在用色的时候， 要注意色彩的独特性， 尽量采用与众不同的色彩， 令人印象深刻。再者就是色彩应该让人产生遐想， 并紧扣网站的内涵。尽量采用一个色系， 并控制在三种颜色以内， 背景和文字的对比一定要强烈， 以突出文字内容为主。在网页设计中，根据和谐、均衡和重点突出的原则，将不同冷暖的色彩进行组合、搭配、调和成美丽和谐的页面色彩效果。按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的性质；设计喜庆、欢乐、以年轻人为主题的网站应以暖色调为主；设计以医疗、卫生用品为主题的网站应以冷色调为主；设计以青少年活动、文化教育为主题的网站，应使用淡雅而沉静的绿色调；网页的颜色应用并没有数量的限制，但不能毫无节制地运用多种颜色，要根据色彩对人们心理的影响，合理地加以运用。一般情况下，先根据总体风格的要求定出一至两种主色调，一般不超过三色，有CIS（企业形象识别系统）的更应该按照其中的VI设计来进行色彩运用。网页设计在色彩的运用过程中，还应注意的是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异，在网页设计中要考虑主要读者群的生活背景和文化构成。色彩是不同设计风格的主要外在表现形式。色彩在页面风格的设计与表现中经常起到重要的作用。大的环境造成设计风格的差异，也同样对网页设计的色彩运用产生重大的影响。韩国的设计总体给人的感觉就是年轻与时尚，这一点在个人网页设计中体现得更加明显。近几年来，韩国的网页设计发展很快，在我们国内有些刚刚起步的网页设计师曾经刻意去模仿这种风格。不可否认，韩国的网页设计不论从色彩搭配、内容框架，还是图片运用上都达到了和谐与统一，其中高纯度、高明度的色彩与淡淡的灰色系色彩的配合运用给人一种时尚、年轻、积极、健康的主观感受。灰色系色彩间隔并缓冲了高纯度的色彩搭配，使界面更加明亮和谐。但是韩国的网页设计也存在着一些缺憾。由于这种设计风格被广泛应用，不论是个人网站、企业网站还是门户网站，都存在很大的雷同。相似的框架布局，相似的色彩表现形式，使网页个性化表现和个人特点趋于一致化，缺乏独特性是其中最重要的问题。另外韩国的网站布局虽然形式上灵活，但是给人的感觉过于松散，不够紧凑。网页设计风格的不同取决于设计对象的不同，这一点在韩国的网页设计中体现得不十分明显。如时尚主题的设计可以采用这样的搭配，政府网页如果也运用这样的色彩形式就显得不合时宜了，它会让人感觉轻浮，不够稳重，没有内涵，所以在网页设计中用色一定要准确，恰如其分。由于欧美用户不习惯艳丽、花哨的色彩，比较情于简洁、平淡而严谨的风格，讲究网站的实用性和便利性，所以他们不会像韩国网页设计师一样过多地去点缀。欧美的网站界面色彩往往比较灰，明度上也相对较暗，给人一种古雅、稳重、富有内涵的感觉。恰如其分的补色和对比色运用使灰色的界面不失生动。让人不由自主联想到欧洲的乡间小镇、灰色的石板路、灰色的石屋、山间彩色的小花、白衣少女，细细品来也别有一番滋味。国内的网页设计这几年也是突飞猛进的，但是我们不得不承认我们与其他发达国家还存在很大的差距。近几年来国内产生了大量优秀的个人网站设计，“80 后”的新生代成为这场革命的主力。较早而且较为有名的有熊睿的“汐草街”、姜磊的“城岸”、Apple 的“苹果树下”等。（一） 熊睿的“汐草街”熊睿的汐草街做于2003 年，整个网站的主题是作者记忆中童年的一条街道。街道长满青草，古老而陈旧，所以作者在用色上取较深的草绿色，让人不由自主地回到童年，回到那条长满青草的古老街道。整个网站的色彩采用低明度、弱对比，更加突出了主题。整个网站界面像一张褪了色的照片，看见它就像回到了童年时光，回到了童年那条长满青草的街道。（二） 姜磊的“城岸”姜磊的“城岸”属于半娱乐性质的个人网站，网站的创办目的也带有一定的娱乐性质。网站的整体色调采用雅致的黄灰，适当运用了纯度很高的图像来加强对比，使整个网站高雅而又不失时尚，满足了人们的视觉需要，颜色运用准确到位，是近年来出现的比较成功的个人网站设计例子之一。6、制作个人网页的注意事项61 避免抄袭制作和设计网页的过程中，应避免抄袭。作为新手，个人网页刚刚起步，可以适当借鉴和利用，切忌全盘不动地照搬照抄他人的成果，应坚持原创，加入自己的创意和想法。如写日志博客，翻译最新英文杂志，上传独家照片和视频，链接实习成果等。展示个性、风格，让大家认识、了解自己，才是制作个人网页的精神所在。62 经常备份要养成经常备份的习惯。制作网页是一个复杂而持久的过程。由于网页的容量有时较大，制作时很占内存，尤其是同时起动其它电脑程序，很容易导致计算机假死，因此需要经常性地备份。63 注意路径问题相对路径是大多数站点的本地链接的最适合路径。尤其新手在做个人网页的链接时，应避免使用绝对路径。网页上传后，站点移动到其它服务器，所有本地绝对路径链接都将断开，从而浏览者无法看到使用绝对路径（指对本地硬盘的绝对路径）的链接内容。64 使用模板，提高网页制作效率开始制作时，不要多张页面一起制作；建议使用模板，提高制作效率。个人网页通常会有多个风格基本相似的页面，如果每张页面都重新设计和制作网页结构、导航条及各类图标，工程量将十分庞大。借助模板的功能，通过设计和制作一张基本网页，可以快速创建大量风格一致的网页，从模板创建的文档与模板保持连接状态，可修改模板并更新所有利用模板创建的网页，达到天天改变站点风格的效果。65 妙搭色彩由于网页作为用户的浏览对象，第一印象至关重要，因此色彩的搭配应讲究