河源市文昌中学网站建设3.docx
- 文档编号:6206769
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:14
- 大小:367.97KB
河源市文昌中学网站建设3.docx
《河源市文昌中学网站建设3.docx》由会员分享,可在线阅读,更多相关《河源市文昌中学网站建设3.docx(14页珍藏版)》请在冰豆网上搜索。
河源市文昌中学网站建设3
论文(设计)题目
河源市源城区文昌中学网站设计与开发
学院:
电子与信息工程学院
学生姓名:
钟铭圣
专业班级:
07现代教育技术
(2)班
学号:
2007501245
指导教师:
钟建坤
2010年6月1日
目录
摘要-1-
第一章学校网站建设目的-2-
1.1最直接有效的宣传方式-2-
1.2教育资源共享-2-
1.3全新的互动形式-2-
第二章需求分析-3-
2.1中学门户网站定位-3-
2.2网站技术平台选项-3-
2.3网站实施目标-3-
第三章网站功能模块描述-4-
3.1网站功能模块拓扑图-4-
3.2网站功能模块说明-4-
3.2.1学校概括-4-
3.2.2家校互动-5-
3.2.3学生天地-5-
3.2.4教师园地-5-
3.2.5新闻中心-5-
3.2.6招生信息-6-
3.2.7招聘信息-6-
3.2.8通知公告-6-
3.2.9教研成果-6-
第四章网站版面规划-7-
4.1页面尺寸-7-
4.2页面布局:
-8-
4.2.1网站首页、频道页布局-8-
4.2.2网站列表页、内容页布局-8-
第五章网站视觉形象设计-9-
5.1网站LOGO-9-
5.2主色调与色彩:
-9-
5.3标准字体:
-9-
5.4网页封面设计-10-
5.5网站首页设计-10-
第六章网站前台布局技术-12-
6.1使用传统表格布局带来的问题-12-
6.2使用XHTML+CSS布局的优点-12-
6.2.1.减少网页加载时间,优化用户体验-12-
6.2.2.结构与表现分离-12-
6.3.浏览器兼容性-13-
第七章网站后台信息管理与性能优化-15-
7.1减轻服务器负担-15-
7.2提升用户体验质量-15-
7.3SEO优化-15-
主要参考资料-17-
附录-18-
摘要
中国互联网经过10多年的持续发展。
目前在普及应用上正步入崭新的多元化应用阶段。
有关数据显示,中国宽带用户、网络国际出口带宽、上网方式和途径、网络应用服务更趋多样化。
人们对互联网的使用广度、信用度、依赖度正在逐步提高。
随着网络提供的功能和服务的进一步完善,网络应用化、生活化服务正逐步成熟。
互联网的影响正逐步渗透到人们生产、生活、工作、学习的各个角落。
随着互联网的快速发展,信息化在各行各业起着越来越重要的作用,尤其是教育领域。
教育涉及千家万户,教育信息化已成为为人民群众提供公平的受教育机会,解决教育资源分配不均,满足群众对发展教育的期望,推动教育在更高起点上实现更大发展的重要力量。
加快教育信息化建设已成为我国教育事业改革与发展的必然选择。
从总体上看,我国教育信息化建设取得了重大历史性突破,但同时面临着一系列突出的问题。
一是信息化基础设施建设仍处于低水平状态,缺乏统筹有效的投入机制。
信息化基础设施不能有效满足各级各类教育的发展需求。
在投入内容上,重建设轻应用的现象也普遍存在。
学校网站是一所学校的网络窗口,每一所学校都有自己的办学方式、文化底蕴、管理艺术等特色和个性,在这个信息技术高度普及的社会,学校建设自己的网站是最直接的宣传方式,互联网的跨地域性,能让世界各地的人们快捷了解学校,并且在教务管理、家校互动、网络教学等方面能够发挥重大的作用。
关键词:
文昌中学网站建设
第一章学校网站建设目的
1.1最直接有效的宣传方式
传统的学校宣传方式大多依赖电视广告、户外广告、传单、报刊广告等媒介,电视广告主要优势在于受众面广,时效较高,但是电视广告的制作和投放成本都很高;而户外广告制作成本较低,但一般投放成本也比较高,而且收效一般;传单、报刊广告等宣传方式主要特点是受众稳定但受众面狭窄,且成本较高。
相比之下,依托互联网学校建立自己的网站作为宣传方式,具有成本低、受众面广,时效性高等特点,并且学校可以及时把握议论的主动权。
根据2010年5月中国互联网最新统计数据表明,中国网民人数已达到4.04亿;互联网普及率达到28.9%,超过世界平均水平,使用手机上网的网民达到2.33亿人。
1.2教育资源共享
学校网站是实现教育资源分配的桥梁,网络巨大的教育资源集全社会力量,使教育资源无限增长。
发达地区和欠发达地区、高投入学校和条件差的学校获取教育资源的权力平等,每位教师和学生都能均等得到培训和受教育的机会,不受学校教材、教师力量限制。
极大地提高了教学效率,实现教育公平的社会理想。
1.3全新的互动形式
学校网站能够提供全新的教学方式,学校网站的建立能够使得教师与教师、教师与学生、学生与学生以及家长与教师之间的交流有了全新的方式,它不再受到传统地域约束,大大减少交通、人力等成本,并且网络交流互动有其独特的特点,在网络环境下,人与人之间的交流呈现全息化、符号化的鲜明时代特征与个性特点,一定程度上减弱口语、人际交往能力带来的约束,人与人的思想交流更加透彻。
第二章需求分析
2.1中学门户网站定位
✓作为学校的门面及铭牌,展现学校、师生乃至班级风采
✓作为师生家长沟通互动的桥梁
✓作为信息和资源共享的平台
✓作为教学及教研网络化的工具
2.2网站技术平台选项
本站内容管理采用上海织梦有限公司生产的织梦内容管理系统(),采用XML名字空间风格核心模板:
模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY自己的网站提供了强有力的支持。
高效率标签缓存机制:
允许对类同的标签进行缓存,在生成HTML的时候,有利于提高系统反应速度,降低系统消耗的资源。
2.3网站实施目标
✓建立学校的网上良好形象、名片
✓建立教学信息和资源网上便捷共享平台
✓建设学生与教师顺畅沟通、互动的通道
✓实现校务信息、资讯透明公开
✓展示教师、学生、学校的教研论文、教研成果
第三章网站功能模块描述
3.1网站功能模块拓扑图
3.2网站功能模块说明
3.2.1学校概括
作用:
介绍学校历史、发展沿革、学校规模、现任领导、师资队伍、机构设置、地理位置、最新动态以及未来发展规划等
功能:
发布学校相关信息
包含顶级栏目:
学校简介、现任领导、师资队伍、机构设置、发展沿革、地理位置;
3.2.2家校互动
作用:
使家长了解教育理论相关信息,达到学校、家长相互动,提供正确教育帮助
功能:
发布教育信息及教育宝典
包含子栏目:
教育理论、家校互动、心理辅导;(“教育理论”发布一些教育理论性文章等;“家校互动”为家长提供和教师的交流小窗口;“心理辅导”发布指引性文论,引导家长正确教育孩子等文章)
3.2.3学生天地
作用:
使学生在学校网站上有展示自己的平台
功能:
发布学生得奖信息、课外活动通知等信息
包含子栏目:
学生荣誉、课外活动、学生作品、学生园地;(“学生荣誉”发布学生、班级得奖信息;“课外活动”发布各类竞赛信息;各种晚会信息,如:
元旦晚会等;“学生作品”展示学生书画作品;“学生园地”发布学生提供的各科复习方法,优秀学生学习经验等)
3.2.4教师园地
作用:
让学生、家长了解教师信息
功能:
发布教师相关信息
包含子栏目:
名师风采、教师荣誉、教师文集;(“名师风采”、“教师荣誉”展示教师个人风采、得奖情况等;“教师文集”发布教育心得、教育方式等相关文章)
3.2.5新闻中心
作用:
让教师、家长、学生、能第一时间了解学校动态
功能:
发布学校最新信息
包含子栏目:
领导关怀、校园新闻、部门动态、时事聚焦;(“校园新闻”发布学校最新动态相关信息;“领导关怀”发布各级领导来我校视察、指导、慰问等工作等信息;“时事聚焦”发布社会最新时事动态,进展等;)
3.2.6招生信息
作用:
让家长了解学校招生情况
功能:
发布录取结果、招生公告等信息
3.2.7招聘信息
作用:
让教师工作者第一时间了解学校招聘情况
功能:
发布聘用新闻,招聘条件等相关信息
3.2.8通知公告
作用:
将各种学校公告集中,方便社会各界查看
功能:
发布各类通知、声明、公示信息
包含子栏目:
学校公告、上级通知;(“校学生会”发布入学通知、学校声明等;“上级通知”发布上级部门下达指导性文件)
3.2.9教研成果
作用:
展示教研成果;教研心得便以学生查看
功能:
发布各科教研成果、心得
包含子栏目:
语文、数学、英语、政治、历史、生物、化学、地理;(以“语文”为例,发布语文科相关学习方法,教育方式等)
第四章网站版面规划
4.1页面尺寸
网页尺寸宽度为900px。
根据“世界工厂网数据研究中心”(
图6-1用户(与电子商务行为相关)使用屏幕分辨率统计(2010.Q1)
4.2页面布局:
4.2.1网站首页、频道页布局
使用的是国字型结构布局。
国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+横幅广告条+主菜单,中间部分分三栏显示,最下面是网站的一些基本信息,联系方式,版权声明等。
这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。
4.2.2网站列表页、内容页布局
使用的是双栏布局,左侧650px用于显示主要内容,右侧250px用于显示与当前栏目或内页相关的推荐文章、最新文章等次要的内容,这样布局的好处是充分利用页面显示当前的主要内容,又能引导用户点击其他的相关内用,提高用户粘性。
第五章网站视觉形象设计
5.1网站LOGO
以文昌中学现有的VI设计方案为标准,如图5-1
图5-1“文昌中学”网站LOGO
5.2主色调与色彩:
以“黄绿色”大背景为主色调。
“黄绿色”代表蓬勃的生命力,充分体现中小学生和学校教育的活力,并且考虑到“文昌中学”现有的VI设计方案以黄绿色为主色的方案,保持学校在各种宣传场合视觉上的统一,有利于用户快速识别“文昌中学”网站。
5.3标准字体:
网站字体统一使用“宋体”,在字号使用上作以下的统一:
5.3.114像素,常用正文字号:
说明:
1.页面上常规出现的文字均使用此种字体。
2.网站导航非焦点状态下也使用此种字体。
5.3.212像素,次要文字字号:
说明:
1.页面上用于次要的栏目列表或文字说明使用此种字号。
2.在频道中调用栏目列表和列表页中的文章摘要部分也使用此种字号。
5.4网页封面设计
网页封面符合文昌中学现有的VI设计规范,采用大面积的绿色为底色,中间放置文昌中学的原型标志,标志下方方式“进入首页的按钮”,整体简洁大方,视觉识别性较强(如图5-4)。
图5-4“文昌中学”网站封面设计图
5.5网站首页设计
网站首页背景采用黄绿色到绿色的渐变颜色,整体感觉富有生命力,符合“文昌中学”年轻富有生命力的实际。
首页的中间正文部分使用白色为背景,较好的突出了主体部分,详细如图5-5所示。
图5-5“文昌中学”首页设计图
第六章网站前台布局技术
本站主要使用XHTML+CSS布局方式,与传统的表格布局技术相比较有明显的优势,具体分析如下:
6.1使用传统表格布局带来的问题
使用表格布局技术将使用大量的TABLE标签,这样页面结构显得毫无语义,带来的后果不仅仅是使网页代码阅读困难,而且无意义的HTML标签会使搜索引擎爬虫无法理解页面的内容,直接降低了用户从搜索引擎找页面的概率,对于SEO优化极为不利。
用户在浏览网页的时候,从浏览器发送请求到服务器,服务器解析并找到HTML文档发送至用户浏览器并显示的过程中,浏览器获取到服务器发送的TABLE代码的时,需要等待结束标签才将内容呈现给用户的界面,当页面中