1、 CCAI 网站设计简单方案 南京冠邦 84546569方案目录1、 前言2、 教育局网站建设目标3、 教育局网站设计流程简述3.1、 项目确认和领导小组成立3.2、 教育局网站功能栏目的确定3.3、 教育局网站版式风格确定3.4、 教育局网站标志（logo banner）设计3.5、 对应栏目负责人安排4、 教育局网站调试沟通5、 教育局网站的安全性和运行效率6、 教育局网站试运行期间工作安排7、 域名空间购买设置8、 后期运行工作CCAI 网站设计简单方案 南京冠邦 84546569一、前 言政策背景： “校校通”工程的目标是：用 5-10 年时间，使全国 90%左右的独立建制的中小学校能
2、够上网，使中小学师生都能共享网上教育资源，提高所有中小学的教育教学质量，使全体教师能普遍接受旨在提高实施素质教育水平和能力的继续教育。具体目标是：2005 年前，争取东部地区县以上和中西部地区中等以上城市的中小学都能上网；西部地区及中部边远贫困地区的县和县以下的中学及乡镇中心小学与中国教育卫星宽带网联通。2010 年前，争取使全国 90%以上独立建制的中小学校都能上网。不具备上网条件的少数中小学校也可配备多媒体教学设备和教育教学资源。“校校通”工程是一项包括课程资源开发、传输、使用及教学管理等项内容的系统工程，必须加强领导和统筹。此项工程的实施由教育部“全国中小学信息技术教育领导小组”统一领导
3、，下设工程办公室和专家组，负责指导工程的实施。各地要在省级“中小学信息技术教育领导小组”的指导下实施好此项工程。发展背景：南京作为历史文化名城，有着深厚的文化底蕴，南京浦口区作为江北新区，面对沿江开发的契机，其教育发展日新月异，而浦口区教育局网站则是一面窗口，它不同于电视媒体的短暂性，也不同于平面媒体的单一性，其多媒体的特性可以全方位，多种方式，长时间的展示报道我们浦口教育的发展特色和工作成绩，反映当前存在的问题，架起学校、教育局和社会之间的沟通桥梁；也可以为广大教师、学生、家长提供教育教学 教育信息的服务，比如说优秀教育资源的共享、招生信息及时反映等；当然也是我们政务公开的重要手段，如果网络
4、办公的硬件环境成熟，完全可以实现无纸化办公，进一步提高工作效率，提高教育管理部门工组透明度，让社会各界更加了解和关注我们教育事业的发展。 竞争背景：南京浦口区作为江北新区，经过原浦口和江浦区的整合，目前学校数量和在校人数有了很大变化，而同样的区县也早有了自己的网站，且不说我们的南京教育信息网，玄武鼓楼白下等城区，就连雨花、江宁、建邺等城区也都纷纷建立了自己的教育系统网站。从教育局、各个直属科室到下属学校都有了网站不说，甚至一些优秀教师、班级都有了自己的数码工作室。CCAI 网站设计简单方案 南京冠邦 84546569总之，南京市浦口区教育局网站的建设应该提到我们领导的工作日程里面来，尽早建好自
5、己的个性化网站，全面展示新浦口的教育工作局面，更好的服务于教师、服务于学生、服务于社会！二、浦口区教育局网站建设目标作为浦口区教育局网站，首先是一个窗口，肩负着让社会各界更深入、透彻的了解浦口教育发展的重任；同时，也是一个服务平台，可以为教师的教育教学工作，学生的学习生活提供服务；当然，也应该成为我们教育局内部 教育局和学校 学校之间的办公平台，或者说是电子政务平台。因此，我们根据浦口教育发展的现状需求和其他兄弟区县建设的经验，我们总结出如下浦口区教育局网战应该有的基本功能需求，有待领导加以斧正。1、 基本功能：新闻发布、公告通知、信息服务、电子政务、交流服务、教学服务、网络测试、先进报道、教
6、育科研、网络调查、友情连接、内部统计。2、 安全性：保证网站信息的健康安全，必须在技术上保证安全。3、 严密的权限体系：针对不同部门对应的不同模块应该具有不同的权限。4、 数据备份恢复：再好的安全也不如定期的数据备份和还原。5、 个性化 logobanner：反映浦口教育的特点。6、 丰富的模版：根据不同情况提供丰富的模版，展示浦口教育的特色。7、 开放的接口：随着将来功能的需求增加，在同一套权限体系下，必须开访数据库接口甚至源代码，才可以保障功能的扩充。8、 跨平台：应该支持 windows 平台和 linux 平台。9、 稳定性和效率：网站必须保证稳定和高执行效率。CCAI 网站设计简单方
7、案 南京冠邦 84546569三、教育局网站设计方案31、教育局网站设计流程简述一般网站的设计非常简单，周期也很短，但是考虑教育局网站的特殊需求，其下面的科室众多，下属单位多，要求高。所以根据我们的成功经验和对教育的理解：我们认为教育局网站的建设应该包括如下方面流程：（由上至下）任务 甲方 乙方准备1、项目确认立项, 确立项目资金。2、建立内部领导小组，确立项目责任人，技术负责人3、寻求合适合作开发商局领导电教主任销售人员设计初稿4、根据功能需求，确定栏目名称5、确定版式风格，对应模块、栏目的位置6、根据整体风格和个性要求，设计 logo banner7、设计网站效果图或者 demo8、征求甲
8、方的意见和建议项目小组组长协调人员美工审核9、甲方项目小组审核效果图，提出统一建议 全体组员 协调人员设计程序10、根据意见修改效果图11、效果图确认以后开始程序设计12、根据功能和美工要求设计程序，实现网站功能技术负责人美工程序员调试13、测试各种功能是否符合需求14、根据意见修改技术负责人程序员审定15、根据功能和美工整体要求进行审核16、确认是否通过项目小组组长协调人员空间17、空间申请 开始运行18、域名申请项目小组组长协调人员培训19、通过审核以后20、培训系统管理人员、数据更新人员项目小组 协调人员维护21、数据备份22、网络安全23、数据更新24、个性化修改项目小组 协调人员CC
9、AI 网站设计简单方案 南京冠邦 8454656932、项目确认和领导小组成立考虑教育局网站的社会影响较大，一般应该在建设方内部先根据工作安排成立项目小组，小组成员可以类似于信息化领导小组，一般由教育局负责信息技术教育的领导牵头，由电教负责人经办；该小组根据自身情况，借鉴兄弟区县和各地情况，结合局领导和各个科室主任、下属重要单位领导的意见，提出教育局网站的功能需求和特色栏目，并形成书面的解决方案，提请领导批准，进行招标，寻求合作开发商。教育局网站建设项目领导小组姓名 职务 负责工作局长 组长 全面负责副局长 副组长 具体负责，监督电教主任 组员 具体经办实施技装办主任 组员 协助实施主任 组员
10、 协助技术人员 组员 负责网站安全，系统备份等CCAI 网站设计简单方案 南京冠邦 8454656933、教育局网站功能栏目及栏目负责人安排考虑教育局网站的功能定位，可以全局规划，分布实施，我单位在这里提供兄弟单位建设的经验，请领导给于考虑，提出适合浦口区教育的意见。栏目名称 子栏目 栏目设置说明 科室 备注领导风采 领导的介绍机构设置 机构组织图处室职责 科室的职责介绍教育概况 区内教育局的概况教育概况办公室国家法规省厅政策法规市区义务教育、教师法、本地教育规定办公室区内教育新闻教育新闻新闻频道时政新闻全部教师风采 优秀教师的介绍教学心得 优秀的理念教师频道 电教室中学教研小学教研教学研究幼
11、儿教研教研信息、教学进度建议、教学资源、资料下载教研室理论研究 教育理论方向文章课程改革地方课程教育科研科研课题教科室校本课程小学教师教师培训幼儿园培训处教材发行 教材订单下载上报电教教研电化教育课程整合信息技术和课程整合、网络环境学习电教室装备概况 校舍、实验室等装备技术装备装备申报 表格上报技装高考中考招生信息小升初招办办事指南办事流程电子政务表格下载直属科室素材下载教学资源软件交流教师CCAI 网站设计简单方案 南京冠邦 84546569除了上述明确的科室栏目，在首页面还应该有行政公告、业务通知、局长信箱、下属学校链接、常用网站链接、邮件、一线通、论坛等功能，如果开通数码工作室，还应该提
12、供空间管理功能模块。其它比如督导室、托幼办、进修学校、少年宫等平行或重点单位可能要单独设立网站。34 、教育局网站功能分析1、 新闻发布：方便快捷的发布浦口区内部的教育新闻，国内外的教育新闻和时政新闻。2、 公告通知：领导发布行政通知，各个业务部门发布业务通知，各种法规公告。3、 信息服务：为教育工作者提供工作、生活相关资讯，比如优秀课件、教案、试卷的下载、教育相关政策法规介绍，出行旅游指南、天气预报甚至生活休闲服务。4、 电子政务：学校、科室文件网络上报，上级领导文件的网络传达，各种办事流程指南，准备材料要求等。5、 交流服务：给学校教师、领导和学生之间提供平等的交流环境，抛出日常面对面的尴
13、尬，畅所欲言，提出自己的心得体会、建议经验，反映工作生活的困难，沟通相互之间的隔阂。6、 教学服务：开展各种网络教学课程，为学生课余时间提供教学服务。7、 网络测试：提供网上考试服务，让学生自由检验自己的学习状况。8、 先进报道：针对先进学校、个人进行全方位报道，突出重点，树立样板。9、 教育科研：教育教学研究是教育局网站的核心重点之一，网络应该为教研室 教科室的工作提供办公平台。10、 网络调查：针对一些尖锐问题，可以开展网络不记名调查，根据统计数据开展下面的工作。11、 友情连接：链接区内学校、优秀教育信息网站和各级政府网站。12、 内部统计：那些信息访问的人多，点击率高，什么地方的人访问
14、等数据的统计。13、 安全性：保证网站信息的健康安全，必须在技术上保证安全。14、 严密的权限：针对不同部门对应的不同模块应该具有不同的权限。15、 数据备份恢复：再好的安全也不如定期的数据备份和还原。16、 个性化 logobanner：反映浦口教育的特点。17、 丰富的模版：根据不同情况提供丰富的模版，展示浦口教育的特色。18、 开放的接口：随着将来功能的需求增加，在同一套权限体系下，必须开访数据库接口甚至源代码，才可以保障功能的扩充。19、 跨平台：应该支持 windows 平台和 linux 平台。20、 稳定性和效率：网站必须保证稳定和高执行效率。CCAI 网站设计简单方案 南京冠邦
15、 8454656935、教育局网站版式风格确定考虑网站的整体风格体现的浦口教育的特色，也是个性化所在，所以是网站美工设计是非常重要的环节，需要考虑主色调，辅助色调，整体布局风格等，需要专业人员整体把握。第一、色调的选择原则：此处我们简单介绍一些美学原理，以供领导借鉴，一般色彩有冷暖感。色彩的冷暖感被称为色性。红、黄、橙等色相给人的视觉刺激强，使人联想到暖烘烘的太阳、火光，感到温暖，所以称为暖色。青色、蓝色使人联想到天空、河流、阴天，感到寒冷，所以称为冷色。 色彩有兴奋感与沉静感。凡明度高、纯度高的色调又属偏红、橙的暖色系，均有兴奋感。凡明度低、纯度低，又属偏蓝、青的冷色系，具有沉静感。 色彩有
16、膨胀感与收缩感。同一面积、同一背景的物体，由于色彩不同，给人造成大小不同的视觉效果。凡色彩明度高的，看起来面积大些，有膨胀的感觉。凡明度低的色彩看起来面积小些，有收缩的感觉。 色彩有前进感与后退感。暖色和明色给人以前进的感觉；冷色和暗色给人以后退的感觉。 色彩有轻重感。高明度的色彩给人以轻的感觉；低明度的色彩给人以重的感觉。如果体现人的认识，一般红色黄色代表喜庆，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等。主色调：蓝色、天蓝、深蓝、蔚蓝；红色、绿色、浅绿、深绿、黑白、淡灰。第二、文字的字体选择：文字的设计要服从于作品的风格特征。文字的设计不能和整个
17、作品的风格特征相脱离，更不能相冲突，否则，就会破坏文字的诉求效果。 一般说来，文字的个性大约可以分为以下几种：（1） 端庄秀丽。这一类字体优美清新， （2） 格调高雅， （3） 华丽高贵。 （4） 坚固挺拔。字体造型富于力度， （5） 简洁爽朗， （6） 现代感强， （7） 有很强的视觉冲击力。 （8） 深沉厚重。字体造型规整， （9） 具有重量感， （10） 庄严雄伟， （11） 不（ 12） 可动摇。 （13） 欢快轻盈。字体生动活泼， （14） 跳跃明快，CCAI 网站设计简单方案 南京冠邦 84546569（15） 节奏感和韵律感都很强， （16） 给人一种生机盎然的感受。 （17）
18、苍劲古朴。这类字体朴素无华， （18） 饱含古韵， （19） 能给人一种对逝去时光的回味体验。 （20） 新颖独特。字体的造型奇妙， （21） 不（22） 同（23） 一般， （24） 个性非常突出， （25） 给人的印象独特而（26） 新颖。第三、整体页面布局：菜单：横下拉式、直接显示、无下拉菜单；树形排列横幅：1 个 2 个 3 个栏目列表：2 排 3 排 4 排重点模块：6 个 8 个 模块名称3.6、 教育局网站个性化设计A、标志（logo）设计logo 的作用：LOGO 是与其它网站链接以及让其它网站链接的标志和门户LOGO 是网站形象的重要体现。LOGO 能使受众便于选择。logo
19、 的规范：为了便于 INTERNET 上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的 LOGO，目前有三种规格：1.88*31 这是互联网上最普遍的 LOGO 规格，本站所收集的均是这种大小。2.120*60 这种规格用于一般大小的 LOGO。3.120*90 这种规格用于大型 LOGO。logo 的标准：一个好的 LOGO 应具备以下的几个的条件，或者具备其中的几个条件：1.符合国际标准2.精美、独特3.与网站的整体风格相融4.能够体现网站的类型、内容和风格针对具体客户的意见和现有的文字、标志性建筑、人物等的素材，结合本质意义，设计出符合要求，体现个
20、性意义的 logo。根据提供的版式要求、图片和文字内容灵活定制。B、 anner 设计banner 体现的内容一般是宣传口号，祝福庆贺,广告条幅等的内容。能用纯色，尽量用纯色，不能用的话也尽量用不透明过渡，尽量少用透明过渡色，少用透明渐变。可以为每套模版提供 gif jpg swf 格式 banner 1-5 个。C、二级页面：此项工作一般二级页面服从首页面风格，个性更改在 banner 条和菜单栏目。有必要我单位可以安排技术人员和美工设计好 demo 版本或者效果图以后，针对重要部门单独进行设计。CCAI 网站设计简单方案 南京冠邦 84546569D、验收标准请领导在此基础上进行评审。或者
21、由教育局网站负责小组提出样板网站，供我单位设计师参考。此部分的标准是客户满意为止。四、教育局网站调试沟通在基本框架和首页面基本确定之后，由于每个科室的工内容不同，因此需要南京冠邦网络公司客服人员根据需求进行单独沟通。由于涉及部门较多，难度较大，需要项目小组派驻工作人员或开会通知各个科室领导给与配合。此项阶段的任务：1、 网站的整体风格，布局，版式等的美工方面是否符合最初的设计思路，是否美观大方，体现特色。2、 网站的 LOGO Banner 是否体现网站的内涵和个性化，是否醒目，具有真正的标志性意义，符合文化底蕴。3、 网站的栏目是否基本得当？明确需要添加、修改、删除的栏目。4、 网站的模块是
22、否位置合适？明确需要突出的模块名称。5、 功能是否符合要求？任务实施：双方项目负责人负责沟通，一般甲方负责人负责统一内部意见以后以书面形式给乙方，乙方在确认以后根据甲方的意见进行修改调整，直到满足需求为止。CCAI 网站设计简单方案 南京冠邦 84546569五、教育局网站的安全性和运行效率作为政府网站，除了业务工作，其政治因素很多，所以安全性、稳定性和运行效率非常重要，我们单独进行考虑。为了保障系统的安全，做到万无一失，一般通过如下策略来保障网站稳定，不受黑客攻击。1、硬件防火墙：不论是自己单位的服务器还是租用 ISP 提供商的空间、服务器托管一般都有防火墙来保证网站运行的安全和稳定。2、正
23、版操作系统，升级系统补丁。3、防病毒软件，定期升级病毒包。4、网站发布系统选择：一般 apache 的安全性、速度等比微软的 iis 都要好。5、开发语言选择：php、asp、jsp 差不多，但是 php 语法和 c 语言一样，但是 php 可以跨平台，可以加密。6、数据库选择：mysql、mssql2000、sybase、orcale 等，一般后者都是价格很昂贵的，而 mysql 的效率和安全性也非常优秀。7、程序本身的设计稳定成熟，已经有很多成功案例。8、系统的权限设计是否严密，避免内部人员发布、修改或者删除网站信息。9、绝对禁止在服务器安装 QQ 聊天、游戏等软件。以防止带入蠕虫病毒，留
24、下隐患。10、密码设置最好超过 8 位，数字和字母混合，不要用电话、生日等容易被人记忆的密码，并明确相关责任人。运行效率：1、服务器配置：内存需要 256M 以上，CPU 在 Piv 以上，网卡 100M 以上，当然配置越高越好。2、网络设备：路由器、防火墙最好 100m 以上。3、系统程序稳定。CCAI 网站设计简单方案 南京冠邦 845465694、数据库稳定。5、保证其他系统不消耗系统资源。首先软件技术方面：目前主流的开发方向有：asp(.net)+access(sql server)+IIS或者 PHP+MYSQL(SQL SERVER)+APACHE，针对这两种主流开发技术我们作出如
25、下分析，供客户选择。 动态网站开发语言的选择PHP ASP .NET介 绍 开放源代码服务器端的脚本语言，在语法上同 C 语言非常类似。PHP 有内建库支持对于图片及PDF 文档的直接创建和相关操作翻译脚本语言(VBScript)图形等服务支持需要另外编写 dll 库Framework效率 高 一般 高IIS 支持 支持 支持Apache 支持 不支持 不支持安全性 高 差 一般数据库 支持多种数据库:mssql/mysq;l/ 仅支持 nt 平台下数据库， 连接方便OS Linux windows windows windows扩展性 好 一般 好由于 80%的网站使用 apache 提供
26、web 发布服务，无疑是个最好的证明，包括国内知名的 k12 等网站也用 apache 做的，所以我们倾向于 php+mysql+apache。六、域名空间购买设置解决方法：1、 域名申请 国内域名 280 元/年 国外英文域名 200 元/年2、 利用自己的服务器，需要固定的 ip 地址,网络安全 设备3、 利用 isp 提供商的服务器或者虚拟主机。根据空间付费，100m/800 元每年4、 利用南京电教馆的服务器，需要局里申请。CCAI 网站设计简单方案 南京冠邦 84546569七、培训工作安排为了维护系统正常运行，需要安排如下培训内容，如果不能整体培训，我们可以上门针对不同科室进行培训。包括权限的设计也是在这一步骤完成。项目 培训内容 对象 课时1 系统维护、数据备份 系统管理人员 32 二级栏目设计 系统程序美工 13 数据录入 数据更新人员 14 信息查询 领导日常应用 15 信息浏览 其他 1八、后期运行工作和服务1、 硬件和网络安全环境保障2、 数据安全和定期备份3、 专业网络维护管理人员4、 网站定期数据更新分工5、 网站个性化维护升级6、软件系统的免费升级南京冠邦网络技术有限责任公司
