第二章 第一节 筹划班级网站_图文.ppt
班级网站模板
班级网站模板一、页面设计。
1.1 首页设计。
首页是班级网站的门面，因此设计简洁大方的首页是至关重要的。
首页应包含学校名称、班级名称、班级口号等基本信息，以及学校最新动态和班级重要通知。
同时，可以设置图片轮播模块，展示班级精彩瞬间和学校重要活动。
1.2 教师团队。
在班级网站中，可以设置教师团队页面，介绍班级的教师成员，包括教师的姓名、照片、教学经历、教学理念等。
这样可以增加家长和学生对老师的了解，增强师生之间的联系和信任。
1.3 学生风采。
学生风采页面是班级网站中的重要板块之一，可以展示学生的学习成绩、获奖情况、课外活动等。
这不仅可以激励学生努力学习，还可以增强学生的自信心和集体荣誉感。
1.4 课程安排。
在班级网站中，设置课程安排页面是很有必要的。
可以详细介绍班级的课程设置、教学大纲、教学计划等，方便学生和家长了解班级的教学情况。
1.5 联系我们。
在班级网站中设置联系我们页面，方便家长和学生与班主任和老师进行联系沟通。
可以设置电话、邮箱、微信等多种联系方式，方便家长和学生随时联系到老师。
二、功能设置。
2.1 信息发布。
班级网站可以设置信息发布功能，方便老师及时发布通知、作业、考试安排等信息。
同时，学生和家长也可以通过网站及时获取相关信息，避免信息传递不畅的问题。
2.2 在线交流。
可以设置在线交流功能，包括班级论坛、留言板、在线答疑等，方便学生和家长之间的交流，也方便老师与学生和家长之间的交流。
2.3 文件下载。
可以设置文件下载功能，方便老师上传教学资料、学习资料，学生和家长可以根据需要进行下载，方便学习和备课。
2.4 活动报名。
班级网站可以设置活动报名功能，方便老师组织各种课外活动和社团活动，学生和家长可以在线报名参加，方便管理和组织。
三、安全性。
在设计班级网站模板时，安全性是至关重要的。
要保证网站的安全性，防止黑客攻击和信息泄露，保障学生和家长的信息安全。
四、适配性。
在设计班级网站模板时，要考虑不同设备的适配性，包括电脑、平板、手机等多种设备，保证网站在不同设备上的显示效果和用户体验。
新版班级网站策划书课件.doc
软工六班班级网站策划书一、总括：1.网站主题：班级风采，体现青春活力，同学情谊。
2.网站作用：展示班级风采，让观看网站的人了解软工六班。
3.网站规模：班级网站，由简单网页组成，规模不大。
4.目标人群：本班全体成员，以及想了解软工六班的所有人。
5.网站特色：我们这个网站主要展示班级风采发。
在色彩和风格上采用以灰色为主，画面单纯而不乏绚烂，内容的特色表现为：内容有个性；内容的实用性和真实性；充分展示了软工六班的风采。
二、网站的风格及配色方案：1.网站名称：6班风采。
2.网站LOGO：主色采用灰色白色，左边为RG6图案代表软工6，后面有“2014级软工6班”文字。
3.网站的标准色：网站一以白色和灰色为主色调，整个网页以灰色纯色为背景，内容的背景颜色则用白色，这两种颜色的搭配给人以时代的感觉，代表了年轻人主宰这当前的时代。
4.网站的标准字体：网站整体采用了黑体，黑体方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀,因此非常醒目。
三、网站的栏目设计及板块介绍：1.主页：网站的首页，几张合照的切换展示我们班的所有人。
2.班级介绍：介绍了班级的基本历史，班委。
3. 班级新闻：班级新闻为从开学以来发生的一些重要的事情。
4. 班级荣誉：这是我们班在开学以来获得的荣誉。
5. 图片墙：图片墙以图片形式记录了我们一起走过的日子。
6. 六班金花：展示我们班的很有特色的小女生。
四、网站设计和制作中所采用的技术：网站主要采用本学期所学的html 和css 技术，套用了css3 和html5 技术。
在网页显示特效上套用了java script，jquery 技术。
还是用flash 技术。
网站的连接跳转主要使用的是描点，将网页分为几部分，使用了html5 中的section 标记。
配合JavaScript 和css3 把不需要显示的内容隐藏起来，当点到的时候才显示出来。
在不同页面切换之间加入了个flash 的载入条。
第一节筹划班级网站
第二章动手创建自己的网站
第一节筹划班级网站
一、教学目标
知识方面：
1．使学生掌握在因特网上建立个人网站需要做的工作。
2．使学生初步了解网页制作软件的功能及特点。
技能方面：
培养学生制作网页的能力。
情感方面：
1．培养学生团结协作的精神。
2．培养学生合作学习的意识和能力。
二、教学重点
建立网站的基本方法。
三、教学难点
初步了解网页制作软件的功能及特点。
四、教学方法
1．演示法。
2．实践法。
五、教学手段与教学媒体
多媒体网络教室。
六、课时安排
1课时。
筹划班级网站
学校网站 音乐网站 电影网站 游戏网站
向老师、学生、家长等传递学校信息、动态 的平台。 提供与音乐有关的各类信息及音乐试听、下 载等。 提供与电影有关的各类信息及电影下载等。 提供与游戏有关的信息及游戏的试玩、下载 等。
假如我们要为班级成员之间提供一个展示和交流学习、 生活等各类信息的平台，可以建立什么网站呢？
班级网站的筹划工作
四、拟定制作计划
成员组成 具体分工 完成时间
班级网站的筹划工作 你参与、讨论了哪几项呢？
1、观摩网站，了解不同网站的特点 2、明确班级网站功能定位
3、选择网站内容、设计网站栏目
4、想好版面设计图 5、确定色彩方案 6、拟定制作计划
建立班级网站的工作流程
筹划班级网站
收集资料 新建站点 布局页面 编辑文档与超级连接 站点的发布与维护
活 动
阅读书本P19 表2-2，了解班级网站栏目的常见设置
课本 班级网站 栏目
班级网站栏目结构图
班级网站 首页
班级相册
才艺展示
快乐学习
通讯联络
班级网站的筹划工作
三、版面设计与色彩选择
课本 班级网站 布局、色彩
班级网站的筹划工作
三、版面设计与色彩选择
版 面 布 局 色 彩 方 案
选择适当的宽度； 一个网页的版面通常以屏幕中央最能吸引人注意， 其次是上方，左右一般放置不太重要或固定信息； 整个网站版面应该突出网站主题，导航清晰，版面 疏密有度，内容分布主次有序。 常见布局：T字型、同字型、三字型和艺术型 不同颜色的搭配，能带给人以不同的印象； 一个网站应该有自己的主色调，在制作前应该考 虑网站的主题、访问对象和自身喜好等，确定一 种合适的配色方案。 不同颜色给人的不同感受：P22 色彩的“表情”
班级网站 - 幻灯片1
作者：
克拉玛依准东 一小5年级2班， 加娜古丽.
第二章第一节筹划班级网站
第二章动手创建自己的网站第一节筹划班级网站一、学习目标：1、了解网站的一般筹划过程，知道什么是网站的功能定位。
2、学会根据网站功能定位选择网站内容和设计栏目。
3、学会选定版面宽度，了解版面布局，能够设计切合网站主题的色彩方案。
二、学习重点：1、明确主题网站的功能定位。
2、并根据制作目标进行内容结构和版面的设计。
三、学习难点：1、网站内容结构的设计。
2、制作计划的拟定。
四、教法指导：本节课可以采用任务驱动的教学方法，在基于真实情境即建立班级网站为班级成员提供一个展示与交流的平台的前提下，提出进行网站制作需求分析和筹划、分工等任务。
课堂组织形式采用课堂观摩，小组协作学习、教师评价和自我评价相结合。
五、教学过程：1、课前小测（见学案）（约5分钟）通过屏幕广播的方式分组完成学案中制订的练习题。
可采用上黑板写答案、举手回答等方式反馈。
最后由老师简要主讲并小结。
2、新课导学：（约20分钟）老师以屏幕广播的方式向学生展示导学预习提纲：问题一：筹划网站一般需要经历哪些过程？活动设计一：学生阅读课本P18——P22的内容，然后小组讨论回答问题一。
（1）观摩网站：建站前最好先观摩一下好的网站，吸取其精华，再来筹划自己的网站。
（2）明确功能定位：活动设计二：小组讨论：为什么建网站、要建一个什么样的网站？说出自己的网站定位：面向谁？有什么作用？（3）设计内容结构：选择内容、设计栏目、画出网站的网页结构图。
活动设计三：小组讨论，定出本班网站的功能定位及内容结构，简要写出各栏目的主要内容及网站的网页结构图。
（4）设计版面和色彩方案。
活动设计四：怎样设计版面和色彩方案？阅读课本P20——P22的内容（包括色彩的表情），小组讨论、交流后回答。
（5）拟定制作计划。
活动设计五：怎样拟定制作计划？小组讨论、交流后回答并展示下表。
注意：可参考一些网站制作的分工办法，根据小组实际情况拟定制作计划，落实每个人的岗位和任务。
学法指导：以上问题学生要结合老师提供的图片素材和文字材料（包括教师事先准备的一些优秀的学生网站和不同布局和不同风格的颜色搭配的网站模板），各小组可以分工合作，通过多种形式获取问题的答案。
筹划班级网站教学
筹划班级网站教学课题称号：谋划班级网站【教学目的】1．知识与技艺〔1〕知道什么是网站的功用定位。
〔2〕学会依据网站功用定位选择网站内容和设计相应栏目。
〔3〕了解版面宽度与显示器分辨率的关系，学会选定版面宽度。
〔4〕了解版面规划常用方式，可以画出版面规划图。
〔5〕可以设计切合网站主题的颜色方案。
〔6〕可以大致拟定网站制造方案。
〔7〕了解网站的普通谋划进程。
2．进程与方法〔1〕经过对不同网站的比拟，初步懂得发现和学习不同网站的优点。
〔2〕初步懂得围绕网站目的定位，选择网站内容和设计栏目的方法。
〔3〕经过设计网站一、二级网页的版面，体会版面规划和颜色方案设计的进程。
〔4〕亲历网站制造方案的拟定进程，体会与人协作交流的技巧。
〔5〕阅历班级网站的谋划进程，初步懂得复杂网站的谋划方法。
3．情感态度与价值观〔1〕培育对网站的鉴赏才干。
〔2〕培育学习和运用信息技术的兴味和看法。
〔3〕培育勾搭协作肉体，开展协作看法。
【教学重点和难点】教学重点明白主题网站的功用定位，并依据制造目的停止内容结构和版面的设计。
教学难点设计网站内容结构和拟定制造方案。
【学情剖析】初中先生对新事物的猎奇心强，丰厚多彩的网站，各具特征，很容易激起起先生创作的愿望，本节提出制造班级网站的义务更能激起先生的学习兴味。
但是，受年龄特点和以往学习阅历的影响，先生能够会更希望直接末尾学习实践操作而无视谋划的重要性。
因此，教员在教学进程中应留意不时浸透义务剖析和义务谋划的必要性，并经过让先生亲历谋划的进程，使先生体会谋划的思想和方法。
同时，由于先生关于网站详细制造进程的分工还没有足够看法、经过协作的方式完成一个较大型的制造义务的阅历较少，教员在引导先生分工时应留意依据先生实践状况灵敏变通，不要照搬网站制造的普通分工方法，招致岗位分配流于方式。
【教学方法】教学组织方式可采用义务驱动的教学方法和观摩、探求与协作的学习方法，课堂讲授，小组协作学习、教员评价与自我评价相结合。
班级网站整体布局方案
班级网站整体布局方案班级网站整体布局方案：一、页面布局方案：1. 首页布局：主要展示班级信息、最新动态、重要通知等内容。
整体设计简洁明了，顶部设置导航栏，包括首页、班级简介、班级动态、学习资源、班级成员、联系我们等模块，方便用户快速浏览和导航。
2. 班级简介页面布局：主要展示班级的基本信息、师资力量、学院概况等内容，页面左侧以列表形式展示简介的目录，右侧展示相应内容，方便用户查看信息。
3. 班级动态页面布局：主要展示班级的最新动态、活动通知等内容。
页面右侧以时间轴形式展示动态的列表，左侧展示相应内容，方便用户快速了解班级的最新情况。
4. 学习资源页面布局：主要展示班级的学习资料、课程安排、作业等内容。
页面左侧以树状目录形式展示学习资源的目录，右侧展示相应内容，方便用户浏览和下载学习资料。
5. 班级成员页面布局：主要展示班级成员的信息、联系方式等内容。
页面左侧以列表形式展示成员列表，右侧展示相应成员的详细信息，方便用户查找同学的信息和联系。
6. 联系我们页面布局：主要展示班级联系方式、留言板等内容。
页面左侧设置留言板，用户可以在留言板上留言和交流，右侧展示班级的联系方式，方便用户与班级联系。
二、页面设计方案：1. 色彩设计：采用班级标志色作为主色调，例如蓝色、红色等，以增强班级的特色和辨识度。
色彩搭配上注意保持整体的统一性和协调性，避免过于刺眼或暗淡的颜色。
2. 字体设计：选择简洁清晰的字体，保证文字的易读性。
标题可以选择较大字号的粗体字，内容部分可以选择中等字号的正常字体，以保证信息的清晰度。
3. 图片设计：配图要符合班级的特点和主题，可以选择班级的集体照、活动照等作为背景图片，增加网站的吸引力和个性化。
4. 布局设计：要保证页面的整体美观和布局的合理性，避免过于繁杂和拥挤。
多采用栏目式布局，将相关的内容放在一起，方便用户快速查找和浏览。
三、导航菜单设计方案：1. 导航菜单设置在网页的头部，以水平形式显示，保持每个菜单项之间间距适当。