中学网站设计与实现毕业设计(论文(编辑修改稿)

中学网站设计与实现毕业设计(论文(编辑修改稿)内容摘要：

页方式介绍学校概况、校园新闻、心理健康、家长中心、学生频道等信息。 主页结构图 ，如图 所示： □设为首页□加入收藏 学会 logo 本站首页 学校概况 校园新闻 心理健康 家长中心 学生频道 注册信息 联系我 们 网站公告 校园新闻 知识就是力量（图片） 我们学校有新的网站了，请大家多来关注一下很有意思的 ☆建设中国特色社会主义到路 ☆坚持以人为本德育为先 ☆ 20xx 年春季运动会计划 ☆对中学生地方运动 心理健康 々 中学生心理健康的标 々 青少年心理健康主要 々 中学生心理健康的辅 々 考试心理自我调节 々 关注学生心理开展 教育动态 ☆教育部国家语委发布现代汉语常用词表 ☆ 社会期待高、工作强度大、心理压力重 ☆ 清华大学党委书记调任教育部副部长 ☆ 大力开展职业教育国际合作 专 题栏目 图片 教师关心的 70个教育问题 一起学习未成年人保护法 20xx 年中考前线报道 站内调查 谈谈你对此网站的意见○ ○ ○ ○ ○ 家长中心 ☆ 让亲子沟通无障碍 ☆ 英国教育家史宾塞的快乐教育 ☆明星妈妈的舔读之情 ☆ 专家教你如何培养聪明的孩子 版权 图 校园网主页设计图 5 167。 色彩搭配 网页的色彩是树立网站形象的关键之一，网页的背景、文字、图标、边框、超链接等 都要用到色彩。 不同的色彩会使浏览者有不同的心理感受。 合理的搭配色彩，会更好的表现主题，吸引用户的注意力。 所以文山中学的 网页 采用到了 色彩涉及到艺术知识，在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。 1 第 三 章 详细设计 167。 网站设计的流程 167。 设项目的主要工作内容 (1)对校园网站的设计进行需求分析。 (2)收集整理需要的信息。 (3)制定网站开发的方案。 (4)对 校园 网站进行整体构架搭建。 (5)制主网站的宣传。 (6)全面负责单位 167。 网站建设方式 合 作并发布单位所有主要网 站建立的相对静态信息。 (1)软件自动生成 利用软件生成站点，具有功能强、效率高、费用低等优点，但存在使用不方便、站点模式有限、不能满足 校园 的实际情况等缺点。 (2)传统建站方式 初期投入成本低，纯粹做网页，网站技术成分低，后期维护困难，灵活性差。 167。 网站建设项目的流程 网站建设流程图如图 所示： 2 图 网站建设流程图 167。 网站框架介绍 文山中学网站是一个比较小型的中学网站 ,能够实现网络教育的初步功能。 本课题主要运用 dreamweaver 与 photoshop 整合的开发技术，实现了学校的信息、学校概况、校园新闻、家长中心、学生频道、注册、留言等功能。 最终以实现既能使用户学到知识的同时 ,又提高用户的学习兴趣为目的。 167。 各模块的设计 (1)学校概况：对校园的简单介绍，展现校园风采。 设计图如： 不合格 审核验收 需求分析 制定开发 方案 审核 开发设计 修改 开发完毕 整体测试 格合 发 布 提交项目 及源文件 项目结束 3 图 校园网心理健康模块设计图 （ 2） 校园新闻 （ 3） 家长中心：学校和家长的沟通，家庭教育应该注意的问题，让学生有 良好 的家庭教育。 设计图如图 所示 ： 4 图 校园网家长中心模块设计图 （ 4） 学生频道：包括一些学习 资源，再线测试自己。 （ 5） 注册信息：注册加入校园网站，方便资源的摄取。 167。 网站的测评 167。 网页的测试 (1)浏览器兼容性测试。 目前主要浏览器 Inter Explorer ，只要能在这种浏览器上浏览就可以了。 一般我们做的网页测试不存在兼容性的问题，在通用的这种浏览器上一般情况下都能正常的浏览。 (2)链接正确性的测试。 用 Dreamweaver 检查，本网页是静态网页，链接的只是浏览页面，图片等，所以在 Dreamweaver 里指向链接属性仔细检查就可以了。 167。 网站测评 网站 建成之后，为了避免出现不必要的错误，需要 对其 进行测评。 测评的内容主要有以下 几 个方面。 (1)链接有效性。 静态网页只要确认每一个页面能正常浏览，保证信息不缺失就 可以了。 (2)网页语言正确性。 检查网页中英文拼写与网页 HTML 语法书写是否正确。 在静态网页中语言都是自动生成的所以语言的正确性一般情况下不会有太大的问题。 (3)网站便用性。 检 查 网站整体结构是否清晰以及网站页面导航是否清晰。 5 第 四 章 网页设计应注意的问题 167。 在网页设计过程中主页面的设计与子页面的设计风格应该统一，采 用一致的主色调，布局的风格基本统一。 167。 (1)每一页面都应该有一个导航条，让访客清楚自己访问的页面所在的位置。 (2)每一个页面都应该有一个导航块，让访客能随时切换到其它板块中，可以随时访问其它的页面。 167。 (1)合理留出页面空白，不能将页面塞得太满。 整个页面不能全部为内容，应该合理的留出空间。 (2)插入图形不能删除它的 width 和 height 属性，不然做出的页面看起来很凌乱。 (3)对于表格、最好用绝对定位的方式即以像素为单位，这样可避免屏幕分辨率对网页内容显示的影 响。 屏幕的分辨率一般做网页时为 1024*768。 (4)每幅页面中使用的颜色不要太多，彼此协调。 一般而言，控制在三种以内，如实在需要可通过调整透明度或饱和度来产生新的颜色。 (5)页面中的字体尽量使用标准字体，字号适中，大多为 12 号字体。 167。 首页是网页设计中的重中之重，直接影响到用户对网站的整个印象。 除了要注意一般网页设计中要注意的问题，还要特别注意 (1)首页相当于一张大的导航图，可以根据首页中反映的信息，使访问的人易于找到他感兴趣的内容。 (2)首页应能时刻显示最新信息，吸引访问者浏 览。 可以通过增加更新链接、或在主页中开辟一片区域显示更新内容。 不过我做的是静态网页，更新信息很不容易，所以在设计中需留有更新信息的空间。 1 第 五 章 主页设计与实现 167。 由于是校园网的设计所以版面不应该和个人主页那样随意，我做的网页主要是静态的，因此一些信息只能通过图片和文字来反应，用简单的文字链接页面进行信息的浏览，以图片的形式反映教育状况页面比较简洁。 主页的实现 主页设计代码如下： !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。 } a:hover { textdecoration: none。 } a:active { textdecoration: none。 } /style /head body table width=755 height=650 border=0 align=center cellpadding=0 2 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 td height=130 colspan=3 valign=toptable width=100% border=0 cellpadding=0 cellspacing=0 !DWLayoutTable tr td width=755 height=130img src=../image/ width=755 height=130 //td /tr /table/td /tr tr td height=35 colspan=3 valign=toptable width=100% border=0 cellpadding=0 cellspacing=0 !DWLa。