幼儿园网站的设计与制作（一）

答案：最近在做女儿所在的幼儿园的网站，大致说一下设计与制作的经验吧。

幼儿园网站，相对来说是比较薄弱的，很多幼儿园的网站是挂靠在教育网之类的免费网站下，即使是在大城市，能拥有独立域名和网站的幼儿园，不到10％。在女儿入园前，我在网上查找幼儿园资料的时候就很郁闷，内容实在太少太旧了。
在与幼儿园老师的沟通中，我了解到，幼儿园挂靠的免费网站，速度慢，功能少，而且后台管理极其复杂，加之幼儿园缺少专业的网站管理人员，内容的更新和维护也无法跟上。而现在的年轻父母，绝大多数希望通过网站了解幼儿的在园生活，加强与老师的沟通。
所以我的设想，是为幼儿园搭建一个交流沟通的平台。之后将网站的管理方法告知老师，由老师们负责日后的内容更新。

第一步：
按照幼儿园现有网站（在06教育网上的免费网页），安排网站的栏目。因为我对幼儿园不是很了解，所以栏目安排都是自己的设想。设计出大概的首页。撰写网站设计方案书。

第二步：
和园长商量网站的栏目安排，并商定网站完成后，给老师们开一次培训，讲解如何管理网站。

第三步：
寻找合适的程序。网上有一套幼儿园网站程序，是动易系统做的，看了一下，动易的模板制作太过繁琐拘束。后来还是选定了卓越网站快车。这套程序几年前做单位团委主页的时候曾经用过，模板设计非常自由，功能也不错。最后决定用网站快车程序。因该程序的付费版太贵，所以就用免费版，其功能足够网站使用。

第四步：
按照后来商定的栏目安排，修改首页的设计。首页设计效果图在photoshop中完成。
然后将首页图片进行切图分割，输出成网页格式。分为头部文件、中间文件和底部文件。
头部文件为顶部的logo和菜单。
中间文件为主要内容。
底部文件为底部的版权信息。

第五步：
在网站管理后台，设置网站的所有栏目。

第六步：
制作首页的网页。
用dreamweaver打开头部文件（刚才在PS中输出的），设置菜单的超链接，添加flash效果。完成后将代码复制到网站管理后台的版权管理－顶部logo中。
用dreamweaver打开底部文件（刚才在PS中输出的），添加网站的版权信息。完成后将代码复制到网站管理后台的版权管理－图文版权中。
从管理后台版权管理－纯文版权这里，修改网站的版权信息，更新网页标题。

用dreamweaver打开中间文件（刚才在PS中输出的），中间的内容比较复杂，左边分别为登陆、动态、寄语、链接、搜索，右边为简介和网站各栏目的更新。
打开index.asp文件，对照其中的各栏目调用代码，进行首页的修改。


（未完待续）

上一个：转贴：内框架Iframe的使用
下一个：幼儿园网站的设计与制作（二）