个人网站设计与网站制作

在职业技术学校的网页设计与制作教学过程中发现，许多学生通过使用互联网，对网站的设计制作逐渐产生了浓厚的兴趣，其实，网站的设计制作，绝不仅仅是学会了几个软件、几个程序就能够胜任的，它在文化底蕴、美学素养、思维理念以及实践能力等方面、对职业院校学生的综合素质提出了较高的要求。如何制作一个令人满意的个人网站，主要应从以下几个方面入手：

一、目标、标准

无论你的设计制作水平如何，你都应该确定一个既现实有一定高度和难度的目标。这样才能在高起点上进行整体策划，用高标准去处理遇到的问题和困难，促使自己去挑战新的高度，实现新的提高。这些看起来是一些老生常谈的空话，但却是职业院校学生更应注重解决的一个问题。

二、网站主题

做网站，首先必须要解决的就是网站核心内容问题是什么，也就是说网站的主题是什么。制作个人网站，首先应自己比较熟悉和擅长的、具有一定专业知识的或者掌握较多信息和资料的；其次，是自己比较热爱的、感兴趣的。这样，当你设计制作网站时，就可以以此为主题，围绕自己熟悉、擅长和感兴趣的主题内容，最大限度地调动你的主观能动性，全力激发你的创作激情，深入挖掘你的想象力，尽情表达你的想法，从而建立一个个性鲜明、独具匠心的个人往站。在确定个人网站主题时，而应立足个人网站的功能，尽可能确定一个精确而清晰的主题定位，切忌贪大求全、包罗万象，否则就会失去个人网站的特色，也会给网站的及时更新带来困难。

三、界面内容

界面是引导浏览者驻足网站的第一道门。设计一个好的网站界面，要解决好的一个关键问题就是栏目设定的科学性。要以网站的主题内容为基点，合理地设定网站的栏目，使栏目成为主题的合理承接和有序展开，真正达到主题明确、层次清晰、纲举目张的效果。这就要求学生在设计制作网站的过程中，首先要把题材和主题内容研究好，在此基础上做好整体策划，就像建一栋楼一样，先把设计总体架构，在研究局部细节，有层次地推进。刚开始学习网站设计制作的学生，最容易进入的误区就是：选定题材后忽视了冷静思考和总体策划这一环节，而是匆匆忙忙地进入动手制作，走一步看一步，这就容易造成网站主题模糊、栏目庞杂、板块混乱等问题。结果不但浏览者看得糊里糊涂，制作者自己扩充和维护网站也相当困难。当你发现这一问题时，你已经走了许多冤枉路了，回过头来再调整既浪费时间，也会受原有思路的干扰。所以，在动手制作网页前，一定要给足自己思考的时间、策划的时间，正所谓磨刀不误砍柴功。

栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排，栏目如果划分不好的话，就会影响页面框架的调整。在栏目编排时，尽可能将网站内最有价值的内容列在栏目上，尽可能从访问者角度来编排栏目以方便访问者的浏览和查询。对于一些必要但不重要的辅助内容，则放在较为边缘的位置，免冲淡主题。优秀的网页，都是设计制作者处心积虑、挖空心思进行内容创意的结果。因此在设计界面的过程中，必须把创意作为关键，只有有创意，才能有吸引力。

四、形象设计

形象设计主要包括网站的标志、色彩、字体、宣传语等。

1、网站的标志。是网站的性质、内容、特点以及网站拥有者个人素养、品位、个性、理念的综合而抽象的表达。一个好的标志，可以通过自己强烈的视觉冲击力、深刻而丰富的内涵以及高雅的形象，很快抓住读者，在浏览者心中留下难以磨灭的印象。个人网站要达到应有的效果，必须在字体变形、字母组合、颜色运用等方面有独辟蹊径的创意。

2、网站的色彩设计。要设计制作一个有自身特色的网站，色彩的标志性也是一个不容忽视的重要因素。因此，在设计制作个人网站时，首先要确定一个“标志色彩”，也就是能够能体现网站形象和延伸内涵的色彩，作为网站标志、标题、主菜单、背景等主色块，给人以整体统一的感觉。而其它色彩大使用，必须建立在与标志色彩协调、搭配的基础上，避免相互冲突，同时也不能喧宾夺主。

3、网站字体。网站字体分为网站标志的字体、主要栏目的标题字体、正文的字体。网站标志字体一般都是经过艺术设计、和标志的整体形象协调一致的变形字体。标题字体一般选用具有个人网站特色的个性化字体。正文的字体一般均使用宋体、仿宋体、楷书、隶书等标准化字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。

4、网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。宣传语往往通过横幅广告来体现。

五、个性风格

“风格”是指站点的整体形象给浏览者的综合感受。包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站的风格既有简约平和、灵动活泼的，也有高雅严肃、规范严谨的。不论哪一种风格的网站，只要你拥有个性化的色彩、技术、文字、布局以及交互方式，让浏览者明确分辨出这是你网站独有的，这就形成了你的网站的独特“风格”。