中小学网站建设系统论文设计中小学教育网站中小学生在线网站(编辑修改稿)

中小学网站建设系统论文设计中小学教育网站中小学生在线网站(编辑修改稿)内容摘要：

々 中学生心理健康的标 々 青少年心理健康主要 々 中学生心理健康的辅 々 考试心理自我调节 々 关注学生心理开展 教育动态 ☆ 教育部国家语委发布现代汉语常用词表 ☆ 社会期待高、工作强度大、心理压力重 ☆ 清华大学党委书记调任教育部副部长 ☆ 大力开展职业教育国际合作 ☆ 探讨大学创业教育发展之路 ☆ 体育成绩中考长分是解救还是负担 专题栏目 图片 教师关心的 70个 教育问题 一起学习未成年人保护法 2020 年中考前线报道 站内调查 谈谈你对此网站的意见○ ○ ○ ○ ○ 家长中心 ☆ 让亲子沟通无障碍 ☆ 英国教育家史宾塞的快乐教育 ☆ 明星妈妈的舔读之情 ☆ 专家教你如何培养聪明的孩子 ☆ 中国家长应该如何向西方学习 版权 如图 21 校园网主页设计图 色彩搭配 网页的色彩是树立网站形象的关键之一，网页的背景、文字、图标、边框、超链接等都要用到色彩。 不同的色彩会使浏览者有不同的心理感受。 合理的搭配色彩，会更好的表现主题，吸引用户的注意 力。 网页色彩涉及到艺术知识，让美术教师参加网页色彩设计，可能会出现比较理想的效果。 在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。 背景色和前 景 色对比要大，以突出主要内容 设计网站色彩。 网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 “标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。 给人以整体中小学网站建设 第 7页 统一的感觉。 至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。 一般来说，一个网站的标准色彩不超过 3 种，太多则让人眼花缭 乱。 适合于网页标准色的颜色有：蓝色，黄 /橙色，黑 /灰 /白色三大系列色。 中小学网站建设 第 8页 第 3 章 详细设计 网站设计的流程 设项目的主要工作内容 (1)、对校园网站的设计进行需求分析。 (2)、 收集整理需要的信息。 (3)、制定网站开发的方案。 (4)、 对 校园 网站进行整体构架搭建。 (5)、 制作并发布单位所有主要网站建立的相对静态信息。 (6)、 全面负责单位主网站的宣传。 网站建设方式 (1)、 软件自动生成 利用软件生成站点，具有功能强、效率高、费用低等优点，但存在使用不方便、站点模式有限、不能满足 校园 的实 际情况等缺点。 (2)、 传统建站方式 初期投入成本低，纯粹做网页，网站技术成分低，后期维护困难，灵活性差。 网站建设项目的流程 附网站建设流程图如下图中小学网站建设 第 9页 如图 31 网站建设流程图 网站框架介绍 本网站是一个比较小型的中小学网站 ,能够实现网络教育的初步功能。 本课题主要运用 dreamweaver 与 photoshop 整合的开发技术，实现了学校的信息、学校概况、教学科研、心理健康、校园新闻、家长中心、学生频道、注册、留言等功能。 最终以实现既能使 用户学到知识的同时 ,又提高用户的学习兴趣为目的。 各模块的设计 学校概况：对校园的简单介绍，展现校园风采。 设计图如： 不合格 审核验收 需求分析 制定开发 方案 审核 开发设计 修改 开发完毕 整体测试 格合 发 布 提交项目 及源文件 项目结束 中小学网站建设 第 10页 如图 32 校园网学校概况模块设计图 校园新闻 ：办公平台所用的资料库。 设计图如： 如图 33 校园网校园新闻模块设计图 中小学网站建设 第 11页 心理健康： 包括生所存在的心理问题、心理问题的标准、心理辅导等栏目。 设计图如： 如图 34 校园网心理健康模块设计图 家长中心：学校和家长的沟通，家庭教育应该注意的问题，如何做一名对子女负责人的家长，让学生有 良好 的家庭教育。 设计图如： 中小学网站建设 第 12页 如 图 35 校园网家长中心模块设计图 学生频道：包括一些学习资源，再线测试自己。 注册信息：注册加入校园网站，方便资源的摄取。 中小学网站建设 第 13页 联系我们：以邮件的方式联系 ，有利于信息的沟通，信息不易丢失。 专题栏目 ：学生和老师共享的平台。 网站的测评 网页的测试 当你的主页编制成功后，要以一个读者的身份，利用浏览器测试文档资料的正确性和可用性。 (1)、浏览器兼容性测试。 目前主要浏览器 Inter Explorer ，只要能在这种浏览器上浏览就可以了。 一般我们做的网页测试不存在兼容性的问 题，在通用的这种浏览器上一般情况下都能正常的浏览。 (2)、链接正确性的测试。 我们做的网页一般都用 Dreamweaver 检查，我们做的静态网页链接的只是浏览页面，图片等，所以在 Dreamweaver 里指向链接属性仔细检查就可以了。 在浏览器测试中页面都能正常浏览，就是注册信息、学生频道、联系我们等栏目的功能不能充分实现，只能是简单的页面浏览。 2．网站测评 网站建成之后，为了避免出现不必要的错误，需要 对其 进行测评。 测评的内容主要有以下 几 个方面。 (1)、 链接有效性。 静态网页只要确认每一个页面能正常浏览，保 证信息不缺失就可以了。 (2)、 网页语言正确性。 检查网页中英文拼写与网页 HTML 语法书写是否正确。 在静态网页中语言都是自动生成的所以语言的正确性一般情况下不会有太大的问题。 (3)、 网站便用性。 检 查 网站整体结构是否清晰以及网站页面导航是否清晰。 中小学网站建设 第 14页 第 4 章 网页设计应注意的问题 当网站在进行具体的页面设计过程中，还应注意以下事项，可帮助我们取得事半功倍的效果： 在网页设计过程中主页面的设计与子页面的设计风格应该统一，采用一致的主色调，布局的风格基本统一。 (1)、每一页面都应该有一个导航条，让访客清楚自己访问的页面所在的位置。 (2)、每一个页面都应该有一个导航块，让访客能随时切换到其它板块中，可以随时访问其它的页面。 (1)、合理留出页面空白，不能将页面塞得太满。 整个页面不能全部为内容，应该合理的留出空间。 (2)、插入图形不能删除它的 width 和 height 属性，不然做出的页面看起来很凌乱。 (3)、对于表格、最好用绝对定位的方式即以像素为单位，这样可避免屏幕分辨率对网页内容显示的影响。 屏幕的分辨率一般做网页时为 1024*768。 (4)、每 幅页面中使用的颜色不要太多，彼此协调。 一般而言，控制在三种以内，如实在需要可通过调整透明度或饱和度来产生新的颜色。 (5)、页面中的字体尽量使用标准字体，字号适中，大多为 12 号字体。 首页是网页设计中的重中之重，直接影响到用户对网站的整个印象。 除了要注意一般网页设计中要注意的问题，还要特别注意 (1)、首页相当于一张大的导航图，可以根据首页中反映的信息，使访问的人易于找到他感兴趣的内容。 (2)、首页应能时刻显示最新信息，吸引访问者浏览。 可以通过增加更新链接、或在主页中开辟一片区域显示更新 内容。 不过我做的是静态网页，更新信息很不容易，所以在设计中 需 留有更新信息的空间。 中小学网站建设 第 15页 第 5 章 主页 设计 与实现 页 设计 由于是校园网的设计所以版面不应该和个人主页那样随意，我做的网页主要是静态的，因此一些信息只能通过图片和文字来反应，用简单的文字链接页面进行信息的浏览，以图片的形式反映教育状况页面比较简洁。 如图 51 校园网主页 主页的实现 主页设计代码如下： !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb2312 / title无标题文档 /title style type=text/css ! {fontsize: 14px} body,td,th {fontsize: 12px。 } a:link {textdecoration: none。 } a:visited {textdecoration: none。 } 中小学网站建设 第 16页 a:hover { textdecoration: none。 } a:active { textdecoration: none。 } /style /head body table width=755 height=650 border=0 align=center cellpadding=0 cellspacing=0 !DWLayoutTable tr td height=19 colspan=3 valign=toptable width=100% border=0 cellpadding=0 cellspacing=0 !DWLayoutTable tr td width=755 height=19 valign=top img src=../image/ width=16 height=16 / 设 为 首 页 img src=/image/ width=18 height=18 /加入收藏 /td /tr /table/td /tr tr。