故乡教学设计单元包的设计与开发.pdfVIP

《故乡》教学设计单元包的设计与开发 班 级：教科院12中选二班 小组成员：马雪 齐海军 张磊 设计时间：2014.4 指导教师：付丽萍 一、设计理念 1．整体布局要简约，内容鲜明，导航醒目，类别区分恰当，各页 面简洁。 2．网站内容以文字为主，插入图片大小适当，插入的flash要能够 快速的载入网页，不拖沓。 3．各子页上，镶嵌上统一的边框画案，融入大背景，体现统一性。 4．做好关健字优化，更有利于搜索，帮助学生更快找到学习资源。 二、设计思路 这是一个学习类的资源网站设计。 首先要确定学习对象，其次是怎么样体现教学内容。也需要 注意整体得风格问题，比如主色调，整体结构，导航等。接下来 要确定文案，用什么样得文字内容体现你要达到得效果。分析同 类网站设计风格和形式以及同类化学课堂的网络宣传得总体形 式，分析创意方向，风格介绍，文案得撰写，预测效果，最后是 结语。 三、资源收集过程 用网络搜索资源寻找到 《故乡》的教案，进行一些分析总结， 这里是局域网环境下的交互性课堂，重在培养学生自己探究的能 力，这是文字性内容的收集。重在引导学生，了解《故乡》这篇 课文的背景，作者的故事，学习教学设计。图片的搜集是在百度 图片里面实现的，收集好图片后用photoshop进行处理。 四、开发过程 前期的准备，了解网站的功能、明确网站的设计风格、确定 网站内容等；中期制作主要包括创建站点、制作首页、制作子页 和建立样式；后期的测试包括检查页面效果是否美观、板块是否 有移动，链接是否完好、不同浏览器的兼容性。 创建站点能很好地管理我们的网页文件和文件夹，所以在网 站制作阶段创建站点是我们首先要考虑的问题。 网站内部测试，第一、内容是否有所偏移，页面的效果是否 美观；第二、页面中的链接是否完好；第三、兼容性问题，要兼 容不同的浏览器（如Intemet Explorer、Mozilla Firefox等）。 1.首页代码 body div class=zhuye table width=760 border=0 cellspacing=8 cellpadding=0 tr td height=130nbsp;/td tdnbsp;/td /tr tr td width=250 align=centerimg src=../images/ma.jpg width=200 height=201 //td tdp姓名：马雪 /p p职务：技术员/p p备注：提供技术支持，解决各种有关技术上的问题，来者不拒。 /p/td /tr tr td align=centerimg src=../images/zhang.jpg width=200 height=274 //td tdp姓名：张磊/p p职务：策划/p p备注：策划人，整理者，具有领导的气质，善于系统的研究内容。 /p/td /tr tr td align=centerimg src=../images/qi.jpg width=200 height=264 //td tdp姓名：齐海军/p p职务：资源管理/p p备注：主管资源搜集和设备维护，人品好，靠得住，有意者请留 言，非诚勿扰。/p/td /tr /table /div /body 2.其他子页 众多子页都是基于主页的框架来呈现内容的，所以其他子页 的内容，包括：作者介绍、教学设计、作业设计、教学流程图、 div 活动评价、小组成员。都是简单的 排版，插入统一的背景，在 其中添加内容，连接到主页的框架区域内。 style type=text/css .zhuti { height: 1024px; width: 768px; margin-right