个人网站设计

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇个人网站设计范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

个人网站设计范文第1篇

关键词：网站设计；个人；互联网；技术；视觉；自动化

中图分类号：TP311.52 文献标识码：A 文章编号：1006-8937（2014）5-0012-02

现在越来越多的人关注网站的自动化设计与开发，什么是个人网呢？它的出现和运营究竟承载这怎样的信息？这并不是每个人都清楚的。很多人无法准确的理解个人网站的优势和作用。我对网站的认识还处于相当低的程度中，所以，在正文开始前我想先阐述自己对个人网站的理解。我认为个人网站从宏观上讲就是单个社会人的网络平台，它的组成部分包括个人信息、个人相册、相关网站的链接等。我们要制作一个网站，用这个网站去扩大自己的影响力，把自己的产品通过自己制作的网站展示给更多的人，可以从事于公共事业的宣传，新产品的推广，英语教育的学习。更重要的是，通过个人网页的自动化设计与开发，我们可以找到个人网站的不足，及时解决网站存在的问题。个人网站彰显出自由和不受约束的心态。利用这个网站编者自己可以很好的阐述自己的观点和看法，访问者可以获取一定量的信息，并对作者的观点及看法提出自己的意见。

1 个人网站的自动化设计与开发的可行性分析

在对个人网站进行可行性分析之前，应先阐明一个概念。即WEB2.0，关于WEB2.0现在互联网行业并没有非常明文而确切的规定，之所以被称之为WEB2.0是相对于WEB1.0而言的。我们可以将WEB2.0理解为一个新兴事物，相对于WEB1.0它更加强调的是一种交互作用，简而言之就是用户既是网站的设计开发者，同时也扮演了网站的受众。WEB2.0利用网络来发掘大众的智慧，所以很多WEB2.0的支持者认为它的开发与利用势必会引起很大的影响，将会以前传统意义上的桌面计算机应用。

个人网站的自动化开发与设计就是典型的WEB2.0网站，其特点就是网站的规模较小，网站受众主要是通过后台个人的人脉及受众之间的相互传播，还有自己对网站的宣传。网站操作者每天更新自己网站的内容，尝试着去开发一些新的功能，把一些重点信息展示到网站的明显位置。每时每刻都与受众互动。而网站的内容则是由网站负责人负责整理和编辑。为了实现个人网站的开发，通常要基于三种动态网络语言，即java jsp、、php。个人网站的开发，对技术层面要求并不是很高，所以我们一般情况下采用php进行，php具有简洁便利，操作方便开源免费且功能齐全等特点，同时也是目前最流行的网站脚本之一。所以说，熟练的php应用自动化开发和设计，它起到至关重要的作用，基于以上的各个优势，php适用于各类中小型企业或公司网站的自动化设计。而对于数据库的选择主要有三种，即：sql server，oracle，mysql，但是三者比较而言，前两者属于大型商业化的专业数据库，其性能优越，但是花费较高，所以并不适用于个人网站的自动化开发与设计。与前两者相比mysql则显得更为便捷高效，这主要是体现在mysql的免费与 其自身所拥有的强大功能。在很多方面mysql的应用并不逊色于sql server和oracle，由此可见，在个人网站的自动化开发和设计方面，就数据库的选择而言，mysql是完全可以胜任的。接下来，就web的服务器的选择而言，个人比较倾向于Apache。Apache是目前为止使用最为广泛的web服务器，其卓越的兼容性和跨平台性为其在web服务器上的运用奠定了良好的基础。综上所述，个人网页的自动化开发和设计在技术层面就得到了较为完善的解决。

2 个人网站的自动化设计与开发的环境与方法

基于个人网站的自动化设计与开发，即在windows操作系统的大环境下，采用php程序语言加上Apache的web服务器和mysql数据库。在个人网站的自动化开发与设计方面这三者的结合虽然较为便捷实用，有着诸多优点。但是要想让这三者充分结合，发挥其最大的效率仍然有不少的工作需要解决。这三者在相互结合使用时，有很多组合的程序部分是需要人工来设置的，这就给编程人员带来了很多不便。但是，现在已经有部分php发烧友将这三者结合起来开发了phpnow的个人网页开发设计的应用程序处理组合套件，编程人员只需要简单下载phpnow之后，其便可以自行运作，较为准确的调试php的开发运行环境，从而更加高效的提升编程人员的工作效率。

个人网站的自动化设计与开发基于两个方面，一是对phpnow的合理有效利用，二是在一定美学基础上对dream weaver软件的高效利用。首先phpnow是部分程序爱好发烧友自行开发制作的组装套件，其中装配了个人网页的自动化开发与设计所需要的php的各种有用的程序和软件，下载安全，安装快捷便利，是现在不少开发个人网站与设计编程者在开发php时候，所使用的首选组件。dream weaver作为脚本编写和web设计的工具，在大学时我们都已经有所接触，并且可以上手去做。dream weaver支持的脚本较多，譬如：php、asp、jsp等多种脚本都可以被dream weaver所支持。同时dream weaver自身还拥有强大的javascript和css等应用程序，在使用时其软件的操作平面合理，操作过程较为简单，所以说dream weaver是特别适合用来做个人网站的平面设计和编写部分网页的脚本语言。同时dream weaver还可以与fireworks和photoshops等图片处理软件结合使用，并可以在最短的时间内非常高效的将fireworks和photoshops上面的图像和处理过的内容转移到网页上，大大提高了利用dream weaver进行个人网页平面设计的效率。以上两点是个人网站在开发设计时所采用的两个具体的软件编程方法，在具体实施中个人建议应该采用原型法。这种方法是20世纪80年代随着计算机技术日趋成熟的发展，尤其是在数据库系统和新的程序语言不断完善和发明的基础上提出的一种全新思维模式的系统开发方法。与之前的传统方法相比较，它可以说是改变了一整套工作流程。因为以前传统的方法有三个步骤：一是调查分析，二是整理出档，三是呈现用户。这样的工作流程和模式大大降低了编程人员的工作效率，不符合互联网技术发展的需求，所以已经被淘汰。而现在我们所采用的原型法在一定程度上，适应了互联网技术的发展规律，符合了时代自动化的节奏，直接利用模拟的方式将这些需要解决的事情导入了系统分析和开发的初级阶段，这样就使得编程人员在工作时有较高的搞作效率，同时也降低了个人网站的自动化开发与设计成本。

我们在利用原型法进行个人网站的自动化设计与开发时，分为四种：一是自我分析，弄清楚编程者或网站所有者的基本要求以及他们的需求。二是对原型进行建模，开发或者设计基本的原型操作系统。三是提交用户进行审议试用。四是编程人员根据用户使用后的建议或意见对初始原型系统进行从新的完善与修改，以保证得到最为高效快捷的系统。对原型法的使用，是极为合适的。因为个人网站的自动化开发和设计都是小规模的，如果采用其他的办法去开发个人网站是极为浪费的，也会徒增不少繁琐的步骤，到最后只会变得华而不实，给人不切合实际的感觉。

3 结 语

综上所述，个人网站的自动化设计与开发在技术方面已经显得很成熟。我们应该好好利用个人网站传递积极向上的信息，带动更多的朋友来关注人网站的自动化设计与开发，这在一定程度上可以促进我国互联网技术发展，也可以培养出一批具有创新能力的技术开发人员。所以说，在日常的学习工作中，我们一定要牢牢将实践与想法相结合，不断的去探索现在社会所发展的前进方向，把自己的设计与开发结合到日常生活中，不断地去探索个人网站在公众面前的前景，及时的发现自己的不足，真正熟练掌握个人网页的自动化设计与开发。牢记科学技术就是第一生产力，培养自己勤于动手、善于思考的能力，为祖国的科技事业做出贡献。

个人网站设计范文第2篇

关键词：短板理论；个人发展； 团队建设

一、短板理论的前世今生

1.短板理论的概念

美国管理学家彼得曾提出著名的短板理论：多块木板构成的木桶，其盛水量多少的决定因素不是其最长的板块，而是其最短的板块。若要使此木桶盛水量增加，只有换掉短板或将短板加长才成。【1】

如果把企业和人都比喻成一个木桶，是由若干块不同功能的木板所组成。但很少有一个企业或一个人是一个标准的木桶，所有的木板长度都是一样的，而是由长短不齐的木板组成。例如：有的企业成本控制能力这块木板较长，但销售推广能力这块木板却较短。另一个企业配送能力这块木板较长，但人力资源这块木板却较短。有的人敬业精神、吃苦耐劳能力这块木板较长，而做事灵活变通能力这块木板却较短等。这就是企业或人的“木桶理论”。

“木桶理论”是现代管理科学中的一个概念，本文从“木桶理论”的角度出发，阐述了“木桶理论”所蕴涵的现代管理学原理，即：系统管理、揭短管理和以人为本的团队管理，“木桶理论”的管理思想对公共部门人力资源管理有着重要的启示和实用价值。【2】

2.短板理论的应用

一个企业要想成为一个结实耐用的木桶，首先要想方设法提高所有板子的长度。只有让所有的板子都维持"足够高"的高度，才能充分体现团队精神，完全发挥团队作用。在这个充满竞争的年代，越来越多的管理者意识到，只要组织里有一个员工的能力很弱，就足以影响整个组织达成预期的目标。也就是一个整体，它的本质是通过部分与部分的联系体现出来的，而要想提高每一个员工的竞争力，并将他们的力量有效地凝聚起来，最好的办法就是对员工进行教育和培训。企业培训是一项有意义而又实实在在的工作，许多著名企业都很重视对员工的培训。

在实际工作中，管理者往往更注重对“长板”的利用，而忽视对一般员工的利用和开发。如果企业将过多的精力关注于“长板”，而忽略了占公司多数的一般员工，会打击团队士气，从而使“长板”的才能与团队合作两者间失去平衡。而且实践证明，“长板”很难服从团队的决定。“长板”之所以是“长板”，是因为他们觉得自己和其他人的起点不同，他们需要的是不断提高标准，挑战自己。

在加强木桶盛水能力的过程中，不能够把"长板"和"短板"简单地对立起来。每一个人都有自己的"长板"和“短板”，与其不分青红皂白地赶他出局，不如把他放在适合他的位置上，发挥他的作用。如何寻找各自的“短板”呢？每个员工通过每天的日工作总结寻找自身的“短板”；部门领导通过38个角度寻找本部门的“短板”，制定相应的措施，使“成长中的短板”变成“长板。

二、短板理论的局限性

很多国企和少数中小型民营企业，习惯于高高在上俯视众生，脱离实际。他们认为，优秀的领导不必在乎过程，只要结果。于是乎“专家”向领导汇报我的研究成果――无需换掉短板或将短板加长就会增加水桶的成水量，这样就会节约成本，只不过需要稍稍加大一点注水量，我要的是结果，要出成绩，投入是必须的。

于是，“专家”将一水桶藏于隐秘处，只露出上边的一小部分，当然，箍桶的木板长短不齐。找来一水管不断向桶内注水，随着水面的升高，逐渐到达最短板处，此时“专家”的研究成果来了――轻轻地将最短板向上逐渐提高，直到与其他桶板持平，水桶被填满了，当然注水的动作不能够停下来。领导一看，果然不用现场投入成本，成功弥补了短板的缺陷，的确很好，热烈鼓掌并要求推广后走人，其实，他只需走下高台，看一眼水桶隐藏的底部，就会看到地上那一大摊水。

团队工作作为一种先进的组织方式，颇受各类组织的重视。个人业绩再突出，团队的整体效能不佳，也不算优秀的团队。团队充其量也只是某些"强人"的个人"秀场"。因为"短板理论"早就告诉我们，团队的整体效能受制于团队的"短板"，并非"长板"所决定。本文通过对"短板理论"在企业中的表现进行分析和探究，力图找出企业中"短板"存在的原因，探求有效的解决途径。

三、适应新时代的理论建设

1.坚持创新、提高效率

短板理论虽然有功有过，但是我们可以清楚的看到短板理论已经不能够适应当代的经过发展，尤其是新时代的思想观念。在企业和公司的团队建设中，尤其要重视创新和提高效率。如果一位员工不能够符合工作岗位的需要，而对其培养和培训的时间成本和资金成本都会大幅度增加的话，那么就要考虑把这样的以为员工换到其他符合其专业和性格的岗位，最大限度的发挥其才能，这样才有利于提高效率。因为企业是盈利性组织，不可能把大量成本花销在一个不适合本职位的员工。

2.提升凝聚力是根本

短板理论在与强调每一位员工的能力齐平，这样不仅会忽视内部竞争，还会因为过于注重公平，导致效率底下。不利于企业的良性发展。即便团队内部所有员工都有齐平的能力，也就是组成木桶的木板之间有缝隙，那么这样的一个木桶里是不可能装进去水的。即便一个木桶的木板有长有短，如果每块木板之间都无缝隙的紧密，那么也可以装进去很多水。所以，团队更应该注重队员之间彼此的协调，提升彼此的凝聚力。

四、结语

通过本文的深入浅出的分析，可见，短板理论已经不再适合新时期企业内部团队建设和个人发展的需求，我们的企业必须在综合短板理论的基础上，进行创新，传统的短板理论已经死亡，新时期经济大发展的浪潮下，必须坚持团队管理理论的创新，提高管理水平，注重效率有效，提高企业的竞争力，不能因为个人而阻碍企业的发展和团队的建设。当然，企业更应该坚持以人为本的原则，充分为短板的员工考虑，为其提供适合的岗位。

参考文献

个人网站设计范文第3篇

关键词:工作过程导向;网页设计与制作;课程教学改革

目前,在全国高职示范院校中推动的基于工作过程的工学结合课程模式,标志着我国正处于推进第三次高等职业教育课程改革中,该模式也正在成为引领和推动高职课程改革的主流模式[1]。

我系计算机网络技术专业很早就开设了“网页设计与制作”课程,借助学院一轮课程改革的热潮,在核心能力分析的基础上,以职业实践活动为导向,以必需够用为基础,征求行业、企业专家意见并进行论证,对岗位所需的技能、知识和职业能力素质进行分析,将岗位所需的核心能力融入教学体系中,提出了基于工作程导向的“网页设计与制作”课程改革。

1教育标准

“网页设计与制作”课程以培养学生成为一名优秀的网页制作人员为宗旨,以到网络等相关公司实现零距离上岗,担任网页制作等工作而无须企业重新培训为目标,注重实际操作和必备的基本能力的训练,使学生熟练掌握网页设计与制作中的各种操作技术,具备开发、维护小型网站的知识和能力。有助于学生深入学习计算机网络技术专业后续课程的知识和职业能力,有助于完善本专业学生的知识结构,提高学生从事实际工作的综合素质。

1.1企业的用人标准

为使我校课程教学满足实际需求,通过调研用人单位、企业专家探讨、文献分析、毕业生个案追踪等手段,对人才需求进行全面的调查和分析,职业岗位主要有网站管理员、网页制作人员、网站编辑,总结出各行各业的主要需求。

(1) 熟悉基本的办公软件,熟悉电脑各类软件的安装与使用等。

(2) 公司网站管理,域名注册、虚拟主机管理、企业网站文件管理、企业网站的建设、企业网站策划等。

(3) 公司电子商务活动,例如产品在互联网的营销宣传、网上交易活动等。

(4) 熟悉网站建设的流程和网页设计制作流程。

(5) 精通Dreamweaver、Fireworks、Flash等网页设计工具,掌握HTML、CSS,能够独立完成网站的规划和网页制作。

(6) 有一定的美术功底,具有良好的领悟能力及沟通能力。

在以上这些需求中,小公司往往要求员工样样能行,而专门的网页设计公司或大型企业则分工较细,比较注重员工在某方面的突出能力。

1.2课程的教学标准

根据企业用人标准和计算机网络技术专业的培养目标修订“网页设计与制作”课程教学大纲,制定本课程的教学标准[2]。

(1) 能力目标。熟悉网站建设的整套思路流程;能熟练地运用网页制作软件设计制作静态网页;具备设计网站的综合能力;具备搜集信息、处理信息、整合信息和准备、加工素材的能力;良好的自学能力。

(2) 知识目标。掌握网页的设计原理与技巧;掌握CCS样式的使用;熟练掌握网页制作方法;熟练掌握网页制作工具软件的使用;掌握网站的建设与管理和维护等知识;掌握HTML语言的使用;了解脚本的运用;掌握网页中图片的设计与制作方法;掌握网页中动画的设计与制作方法。

(3) 素质目标。具有一定网站策划能力,具有一定的想象力和创新能力,色彩感悟力强,结构布局能力强。

2教学改革

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程,从而构成了该产品、该项目的工作过程系统。本课程遵循以职业能力为主线、以职业生涯为背景、以岗位需求为依据、以工作结构为框架、以工作情境为支撑、以工作过程为导向的教学模式,通过对工作过程的分析,把复杂工作系统即劳动组织关系、工作内容、设备和工具、从业者应具有的技能、知识等要素结构化[3]。

2.1基本思路

课程内容以市场为导向,及时对教学内容做出调整,删掉旧内容、补充新知识,培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的人才。通过本课程的学习,要求学生能够利用Dreamweaver、Fireworks、Flash完成网站设计、制作的全过程,开发出具有一定规模的网站。授课时以制作一个个人网站和一个商业网站为主线,贯穿Dreamweaver、Fire- works、Flash的知识。

2.2以工作过程为导向将课程结构模块化将课程实践项目化

课程改革要符合基于工作过程的模块化体系的特征,即每个模块相对独立,每学完一个模块可以获得一项技能、知识或能力,模块的内容依据职业岗位工作过程的实际情形确定, 围绕工作过程组织课程内容,强调技能训练或能力培养,传授工作过程知识,模块之间可以灵活组合,以课程的拓展部分形式构成扩展能力模块,使学生知识结构更加完善,每个模块可以包括若干个二级模块,它们也有明确的行为目标和具体要求。

制定授课计划时,根据岗位技能需要来选取课程内容和安排顺序,并以职业能力培养为目标,设计工作项目,具体涉及工作任务、能力目标、知识目标、拓展性知识等等。一个完整的工作项目包含一系列的典型工作任务,工作项目要在典型的行业中取材,必须在进行充分的行业调研和对职业资格的研究的基础之上,通过对企业生产或服务情况的了解,选择出形成该行业职业能力所必需的工作任务,并对技术要求做出明确的定位。典型的工作是以工作结构呈现的,选定工作任务后,还要对其进行教学化处理,这样才能成为具有学习价值的教学项目,这要靠教师把教学内容融入到项目中,设计一个切实可行的项目。可以以真实网站但不拘于一成不变为实践项目,将实践与产品、项目结合起来,强调学生将所学知识和技能在实践中的应用,积极引导学生自主学习。每个任务分为基础型和拓展型两个类型,这样能避免传统的任务驱动中学生会做这个不会做那个的问题。学生完成后对其完成情况进行评价,及时解决学生普通存在的问题,对完成较好的学生给予肯定。

项目的实施过程为:学生明确任务并获取信息制定计划做出决定实施计划过程控制评定反馈。在该过程中,教师和学生在共同实施一个完整的“项目”中进行学习的行为,也就是以工作过程为导向,以实际工作的任务为主线,由学生自主构建知识与技能的过程,强调学生在学习中体验到实际工作的全过程。教师把设计好的项目向学生介绍,包括项目涉及到的概念以及该项目在实际工作中有哪些用途。根据“网页设计与制作”课程的知识、能力目标,要求学生开发一个个人网站和一个旅游网站。前者可以分解为几个工作任务:认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为制作多个类似页面(模板),后者根据商业网站的要求,要求布局合理、页面整齐美观、具有动态效果,网站风格应充分反映出企业性质,网页浏览人性化等,也可以分解为若干工作任务:写网站设计方案用Fireworks制作旅游网站中的图片用Flash制作旅游网站中的广告动画用Flash制作旅游网站中的导航动画制作旅游网站网站测试与上传。学生在完成项目的学习过程中,通过具体实施行业的典型工作任务,掌握操作技能,学习与工作情境相关的理论知识,形成良好的职业行为规范和职业习惯,达到从事职业的基本要求,为就业打下良好的基础。

3.3以网页设计大赛激发学生学习兴趣

我系每年都会举行一次网页设计大赛,由计算机网络技术教研室承办,学生可以独立参赛或者组成小组参赛,初评入围的选手可以进入决赛。大赛要求全系学生参加,每位参赛选手在台上展示自己的作品并进行相关陈述,然后由专业教师、企业专家组成的评委团打分,并由其中一名评委对选手的作品和语言表达进行点评,最后评选出优秀作品并颁发获奖证书和奖品。通过每年一度的比赛,充分提高了学生的学习积极性,同时还培养了学生的创新精神和口头表达能力。

3.4以作品评价代替传统理论考试

本课程的最终目的是要求学生应用所学知识,设计出个性化的特色网站,并上传到Internet供用户浏览访问。因此,传统的理论知识考试方式不能评价学生的学习成绩和能力水平,可以改用评价学生所做的网站作品作为期末考试。期末考试要求学生在100分钟内完成一个完整网站项目的设计与制作,项目中包含一个学期中所学过的全部知识点和技能点。其中30分钟浏览给出的网站素材,根据要求构思一个网站,写出该网站设计方案,网站设计方案要求包含网站主题、网站栏目设计、网站布局设计,70分钟制作页面,必须按网站设计方案的内容来制作页面。教师给出作品的最低标准:各页面均有主题,主题鲜明、突出,页面布局合理、结构清晰、规范,有效网页不少于2页,主页有logo、banner(必须用FLASH制作广告条),分页与主页风格统一,页面标题栏、状态栏、版权、ICP备案编号等信息齐全。

作品评价时,网站设计方案占30%,页面制作占70%。期末总评学习成绩由三部分组成:过程考核(平时到课考勤、上课回答问题和随堂作品)占30%、技能考核(课外分模块作品)占30%和期末考核(期末综合作品、期末上机考试)占40%。这种考核方式注重实践操作和应用开发能力的培养,可大大发挥学生的学习积极性和主动性。

4结语

基于工作过程导向的“网页设计与制作”课程把复杂、分散的各知识点、技能点综合起来,选取了制作个人网站和制作商业网站两大项目,每个项目分解为若干个工作任务,理论知识以工作任务为载体,核心能力与任务实现过程密切相关,课程实践内容是网站的实际项目,可以充分发掘学生的创造潜能,培养和提高他们的实践能力、动手能力、分析和综合能力,让每个学生都能体验到成功的乐趣。使高素质技能型专门人才培养定位更加准确,大大提高了学生的培养质量与就业能力。

参考文献:

[1] 姜大源. 职业教育学研究新论[M]. 北京:教育科学出版社,2007.

[2] 顿祖义. 项目化课程改革:高职院校教学工作的重要抓手[J]. 湖北民族学院学报:哲学社会科学版,2008,26(6):61-63.

[3] 张建国. 我国职教课程开发模式的演变及启示[J]. 职教论坛,2007(4):4-10.

Investigation of "Web Page Design and Making" Teaching Reform

Based on Work Process Direction

OU YANG Wei-hao, WU Zhen-feng, LUO Zhuo-jun

(Department of Network & Media, Hunan Mass Media College, Changsha 410010, China)

个人网站设计范文第4篇

网页图标一般都较小，并可能出现在网页的页首、页顶、页尾、页中、页角等任何位置。网页图标的形态也各不相同，可以是单纯的具有指示性质的图像，也可以是艺术化了的文字标题，或者是图像与文字的组合。就其功能来说，有的担当导航的性质，即图形导航；有的指示某项操作，如新闻页面的社交媒体转发按钮；有的显示某种状态，如淘宝商户的星级评价。本文提及案例多为导航性质的图标，这类图标在网页中的位置比较明显和突出，设计师对其艺术性和表现力的考量也更为看重。

网页设计中图标的设计手法不一，可以具象，也可以抽象，可以是实物指代，也可以艺术象征。韩国GS集团（图一，gsneotek.co.kr）是一家大型控股企业集团，其业务覆盖了炼油、IT、铁路通信、无线设备、网络建设、建筑自动控制、企业管理咨询、电气、机械、清洁能源、污水处理等。网站在介绍这些业务内容时，分别用导航图标进行了一一对应：炼油是实验室仪器瓶，IT是电脑服务器，铁路通信则是形象的火车头，无线设备用手机代表，网络建设则是可视电话，建筑自动控制是一堆积木，企业咨询则是拼图，电气是正在充电的电容器，机械业务用齿轮和扳手代表，清洁能源是生长出绿芽的节能灯，污水处理是红绿蓝三色循环的标识。这些图标或用具象图形模拟和指代，或用抽象图形隐喻和象征。这些图标，不仅作为导航内容的有效补充丰富并个性化了网站内容的传达，而且本身就充满了艺术美感和丰富内涵。它们在色彩上沿用网站文字的蓝色调，呼应并强化了网页的整体艺术效果；在布局排列上，这些图标沿网页左侧自上而下呈弧形展开，版面审美效果突出。

一个成功的网页图标起码要满足三个条件：一是图标本身具有艺术设计的美感和新颖性，二是图标设计应用能够满足网站的沟通与交流需求，三是网站图标体现或深化了网站的艺术特色与设计个性。这三个条件体现从小到大、从单独表现到整体感染的提升过程，分别代表了对网页图标个性形象、功能价值和审美意义的不同层面要求。而网站图标区别于单纯美学意义上的图像的主要原因则是后两者：图标能够直观形象地实现了超链接的功能，适应网站环境的要求，进而展现网站设计本身的艺术性格。

Trifermed是一家位于西班牙的全球医药顾问机构（图二，），专门负责医药新品研发与医药品营销。这个公司网站的首页最醒目的就是八个导航图标，分别是——灯泡代表的公司理念、表盘代表的公司历史、咬合齿轮代表的服务项目、地球仪代表的服务客户、盾牌代表的公司团队、握手代表的合作方、报纸版面代表的公司新闻、气球代表的社会活动。这些图标与内涵的对应新颖而巧妙，图标本身的设计也极具心思：蓝色页面背景上的白色线条简单而拙朴，图标置深蓝圆圈，将图标同背景区别开来，整齐又不单调。以图标为主组织网站页面，条理明晰，清爽单纯，让人耳目一新。

由此看来，图标虽小，但对网站设计却意义重大。它不仅美化了网页形象，更彰显网站设计的细节，传达出网站的不同性格，它同时也让我们体会到，愈是简单朴素的元素运用与设计风格，愈能吸引浏览者注意力，也愈能考验设计师的创意与造型能力。2012c

图一

图二

图三

图四

链接

msf.tv

无国界医生组织网站。导航式图标位于网站最左侧自上而下排列，红色背景上以白色线条分别展示了微波站、谈话框、半身人形、旗帜、地球、表针以及听诊器等形象，指示了该组织的最新消息、运作项目、人员、组织文化、全球分布、历程和医疗诊断等内容。

美国设计师Brian Kuperman的个人网站。网站以模糊化的轮廓形象设计图标，电脑、闪电、人影以及速写簿分别代表了互动作品、品牌设计、设计师介绍以及联系方式等内容。图标均以线条涂绘的方式设计，简单质朴，有粗糙的质感，形态粗笨而可爱。

法国DiBiasotto设计机构网站。网站充分展现了图标在网页设计中的独特效果，除了网页背景涂鸦图像外，网站全部内容都是以图标为基础组织和传达的。页面导航图标有小屋、手掌等不同形象。每个图标形象的链接页面中又布满了大量代表不同意义的图标。

个人网站设计范文第5篇

关键词： 网站设计；网页制作；关键点

当前是信息化时代，网络作为作为世界最大的信息传播平台，越来越多的商家和个人开始重视建立自己的网站，如何制作一个网站并且告诉浏览者这个网站是做什么的，吸引浏览者关注这个网站，这就是我们下面所要介绍的。一个网站不但要做到操作方便，引人入胜，趣味盎然，还要告诉浏览者它的用处：我能在这里找到什么，我能做什么，如何从众多的网站中脱颖而出，并且把网站的主题“思想”快捷的承现在浏览者眼前，这些设计都是有讲究的。

1 网站设计及关键点

1.1 网站主题

开始着手策划制作网页首先面临的问题便是明确我的网站主题，要做什么，面向哪些主体，包含什么内容。特别是对初学者建立个人网站来说，不要做得像综合网站那样大而全，网站的选材要小而精，明确一个主题，把你认为最精彩的，自己最感兴趣的内容放在上面就可以了。好多初学者认为我要把网站做得全一些，包罗万象才能吸引更多的浏览者进来，但往往事与愿违，给人的感觉是样样有却样样都不精，因为您不可能有那么多的精力去维护它。所以明确一个主题把它内容做深、做透、办出特色来，这样才能给浏览者一个深刻的印象。

1.2 网站结构规划与栏目板块的编排

主题明确以后，就要对整个网站结构做个总体规划。一个网站的建设就像设计一栋大楼，在进行设计前必须要有个设计图纸：主页上要有什么栏目，突出什么内容，所谓栏目实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来，你可以将网站内最有价值的内容列在栏目上，在制定栏目的时候，要仔细考虑，合理安排。尽量从浏览者的角度编排以方便他们的浏览和查询，一些辅助信息就不要放在主栏目里，如个人信息、版权信息等以免冲淡主题。

一般情况下，网站常见的版面布局结构为：上边为网站栏目，下边为网站内容；左边为网站栏目，右边为网站内容；主页全为网站栏目，分页为具体内容。

除了栏目板块的编排，我们还要考虑到网站的文字和图片的布局，颜色的搭配，后期网站的更新和维护等问题，有的初学者经过短暂的学习就开始制作网页，想到什么就做什么，结果发现做出来的网站结构不清晰，条理混乱，浏览者看得很糊涂，制作者在扩充和维护网站也相当困难。所以我们在制作网站前，一定把这方方面面考虑清楚再动手。

1.3 风格与网站

风格是指网站的整体形象给浏览者的综合感受，它通过网站的版面布局、浏览方式、文字、色彩、交互性等因素承现出来，它就像一个人的性格：你是希望它是粗犷豪放的，清新秀丽的，生动活泼的，或是温文儒雅的。通过它的“性格”让浏览者分辨出你的网站与其他网站的不同处。这就形成了网站的“风格”。

1.4 色彩与网页

一个网站设计的成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计是一种平面效果设计，在排除立体图形、动画效果外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象，也是体现网页风格的关键。因此，在设计网页时，必须要高度重视色彩的搭配，我们可使用混用颜色，即网站主色不得超过3种，采用这三种的混合达到其他效果；加强颜色对比，即以一种颜色为主色调，对比色为点缀，起到画龙点睛的作用等方式来组织网页颜色。

2 网页制作

2.1 选好网页制作软件

在以上工作做好以后，还有一点也是我们要考虑的——选择合适的网页设计软件。在当前我们能使用的网页设计类软件越来越多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage

和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。

除此之外，我们还应了解一些制作网站所用到的边缘性软件，如photoshop、flash等，Photoshop是集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，如作为网站主页来说，因要设计成一幅图片，可选用位图图像，制作工具就可以选择Photoshop；flash是一种动画创作与应用程序开发于一身的创作软件，它包含丰富的视频、声音、图形和动画。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。这两个软件深受广大平面设计人员和电脑美术爱好者的喜爱。你可以根据自己的需要灵活运用这些软件。

2.2 网页内容的选择

前期的框架设计好后，下面我们就要为这个网站“添砖加瓦”了，这是一个复杂而细致的过程，需要我们先从简单的内容下手，再设计稍复杂的内容，以便出现问题时好修改。在内容上我们要选择有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类——文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。所以我们要多花一些心思在内容制作上，网页内容影响着网站的成败。