校园网站定制：精选学校模板设计与制作服务

学校网站模板的构建设计

（一）确立网站的主题与命名

1.主题需独具匠心且精致。定位需凸显学校特色，内容需精致。

2.内容要与学校的各个方面相关。例如：学校的名称、教育教学、组织架构、校园活动等。同时，内容的选取也要与学校的实际情况相结合。

（二）首页的布局

在全面考虑网站的栏目、链接结构和整体风格后，方可着手制作首页。有句俗语：“良好的开端是成功的一半”。在网站设计上亦然，首页的布局是网站成败的关键。人们通常通过第一页就能形成整体印象。是否能够引导浏览者继续点击，是否能够吸引浏览者停留在站点上，全靠首页的布局。因此，首页的布局和制作必须重视并投入心思。关于首页布局的方法大致如下：版面布局的技巧、色彩的搭配、字体的选择和表格的嵌套、细节之处见真章、考虑不同浏览器和分辨率、设计好banner和位置、标签的重要性。

首页布局的一般步骤：

1、确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般站点都需要以下模块：网站名称(logo)、广告条(banner)、主菜单(menu)、新闻(what's new)、搜索(search)、友情链接(links)、邮件列表(maillist)、计数器(count)、版权(copyright)。选择哪些模块，实现哪些功能，是否需要添加其他模块，都是首页设计首先需要确定的。主要分为两部分，一部分是相对独立的模块如官方论坛、网上报名、名师课堂、资料下载、家长俱乐部，另一部分是动态栏目根据学校特点设计制定模块内容。

2、设计首页的版面

在功能模块确定后，开始设计首页的版面。就像搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。设计版面的最佳方法是先勾勒出理想中的草图，然后再用网页制作软件来实现。

3、处理技术细节

制作的主页如何在不同分辨率下保持不变形，如何在IE和NC下看起来不至于太丑陋，如何设置字体和链接颜色等等，首页布局是整个网站设计的难点和关键，在制作过程中要处理好各种技术细节也是非常重要的。

（三）塑造网站形象

1.设计网站的标志(logo)

首先需要设计制作一个网站的标志(logo)。就像商标一样，logo是站点特色和内涵的集中体现，看到logo就能让人联想到站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。标志的设计创意来自网站的名称和内容。同时也能非常明显地代表学校的标志。

2.设计网站的标准色彩

网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。标准色彩是指能体现网站形象和延伸内涵的色彩。例如：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其他色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。

3.设计网站的标准字体

和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的独特性和特有风格，我们可以根据需要选择一些特别字体。

4.设计网站的宣传标语

它是网站的精神，网站的目标，用一句话甚至一个词来高度概括。

（四）确定网站的栏目和板块

1.确定栏目和板块；

2.确定网站的目录结构和链接结构；

3.确定网站的整体风格；

自行设计一个网站

建议具备的条件：对电脑操作熟练，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。

第一阶段：开始时最好是学习一些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页设计与运营的原理。最好拿本教程来学学，结合教程边学习边设计，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。

第二阶段：学会使用网页设计软件和基础语法后，就可以设计一个较完整的网站了。当然为了让网站做得更美观，功能更强大，你就需要学习一些动态编程语言，常用的有ASP,PHP和ASP.NET，推荐后两种，因为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强大。

如果你没有精力去学习这些复杂的动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。

第三阶段：结合自己已掌握的知识来开发网站，可以开发出别人定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

工具

1、网页做好了肯定是要发布上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的）2、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用记事本直接编辑会更高效。

1、网页制作完成之后，自然是要公之于众的，因此必须预先申请一块领地；免费的领地稳定性差，容量也有限，而且申请起来也不太方便，建议先去服务器公司购买一个个人领地，至少要有20M以上，当然也可以在自己的电脑上安装IIS来模拟服务器运行（这里不再详述，有兴趣的朋友可以搜索一下相关知识，这是很容易做到的）。

2、图片处理软件推荐使用firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你熟悉HTML语法，那直接用记事本编辑会更加高效。

设计方面，一开始建议下载一个相对简单的网页，在设计软件中打开它，然后仔细观察其结构，模仿它来填充各种元素，结合教学，可以更快地进步，并且记得更牢。

实际上制作网页并不复杂，但要制作出有特色的网页，并非一日之功。

网站设计八步骤

鉴于目前所见即所得类型的工具越来越多，使用也越来越便捷，因此设计网页已经变成了一项轻松的工作，不像以前那样需要手动编写源代码。一般初学者经过短暂的学习就可以学会设计网页，于是他们认为网页设计非常简单，急忙忙地设计自己的网站，但与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像建造一栋大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

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

二、搜集资料

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

三、规划网站

一个网站设计得成功与否，很大程度上取决于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在设计网页之前把这些方面都考虑到了，才能在设计时游刃有余，胸有成竹。也只有如此设计出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们将在下面详细介绍。

四、选择合适的设计工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页设计涉及的工具比较多，首先是网页设计工具，目前大多数网民选用的都是所见即所得的建站系统软件（前面提到的网站管理系统）。除此之外，还有图片编辑工具，如firework、Photoshop等；动画设计工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。

五、设计网页

有了资料，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行设计。所谓先大后小，就是说在设计网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在设计网页时要多灵活运用网站管理系统后台功能，这样可以大大提高设计效率。

六、上传测试

网页设计完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己设计的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。