浅谈个人主题网站的设计制作

张宏芳

在互联网越发普及的今天，越来越多的人接触互联网，有更多的年轻人对网上发布的各类网站很好奇，很想明白它到底是怎么一回事。今天我结合自己的教育教学实践，在这里谈谈关于个人网站制作的方式，与同仁共勉。

第一、确定个人网站主题。

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣的内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

第二、进行页面总体设计。

一个网站设计成功与否，很大程度上决定于设计者的规划水平。设计的“风格”是抽象的，只是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。设计的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的最好工具，我自己也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dream weaver及Flash无缝集成，越来越受到网站制作的欢迎。也只有如此制作出来的网页才能有个性、有特色，更具有吸引力。风格也是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。在明确自己的网站印象后，开始努力建立和加强这种印象。加强自己网站的交互式，发挥网络优势，使每个使用者都参与到其中来，这样的设计才能算是成功的设计。

第三、搜集与主题相关的材料。

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊。”要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集的材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

第四、制作网站主页。

确定了网站主题，明确了页面设计风格，做完第1步，搜集好材料。我们得到的只是一个个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不需要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。这要用专门的HTML编辑软件。HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Home site、Hotdog等；一类是所见即所得型，典型代表为FrontPage。也有两者兼具的，就是大名鼎鼎的Macromedia Dream weaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。Dream weaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dream weaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。

你也可以用Netscape4.0或者WORD7.0，我开始用的是FrontPage，打开Netscape，在file菜单里选Edit Page，便可以制作了。文字的处理基本跟Word一样，关键是插入图片和产生链接。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm。因为网页默认的主页名称是index。制作主页其实很简单，只要多实际制作，工多则艺熟。

第五、发布个人主题网站。

要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一块硬盘空间。有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！

将制作好的页面放到服务器上，以便更多的人能浏览。目前的网页制作工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dream weaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。网站发布好之后，也要做好后期的跟踪，也就是所谓的用户体检，要留意哪些地方是用户比较喜欢去的地方，哪些又是用户不愿停留的地方，把一些用户并不喜欢的地方加以改善，更加完善自己的网站。

拥有个人网站可以辅助个人品牌的建立。个人网站是建立个人品牌最有利的工具，因为个人网站可以更好的对外宣传个人最新的动态，分享个人的观点，容易使别人产生共鸣。以上是我对于个人主题网站制作的一些实践与大家共享。

（作者单位：江苏省上冈高级中学）