当前位置:首页 >> 其它课程 >> 《应用CSS美化网页》教学设计(高中信息技术精品)

《应用CSS美化网页》教学设计(高中信息技术精品)


课题:CSS 设计师——应用 CSS 美化网页 应用 CSS 美化网页 教学内容: 本节内容选自广东教育出版社《网络技术应用》 (选修 3)第四章“网站的开发”的第 4 节“网 页的美化与特效制作”中的第 1 小节“应用样式表美化网页” ,用时 1 课时。 教材以“应用网络技术解决问题”为主线,按照“分析问题-组建网络-使用网络-开发网站”这 四个环节组织学习内容, 其中开发网

站将使学生亲身体验到如何运用网络技术工具处理信息的过程, 掌握解决问题的方法,是本书的重点。美化网页是开发网站中的一个重要环节,学生通常在进行网 页制作时就有美化网页的需求, 学习本节内容有助于激励学生在满足创作目标的基础上尽情地发挥, 使学生展开想象的翅膀,让潜能得到充分发挥。 本课是以“担任小组网站的 CSS 设计师”任务为主线,让学生按照任务需求积极地进行信息技 术活动, 即在学习网站的帮助下通过小组合作和自主探究的方式完成美化小组网站的任务, 体验 CSS 设计师工作的苦与乐。 学生情况: 高一学生具备较强的自学能力和概括能力,逻辑思维能力也日趋成熟。他们能够对各种现象加 以比较、分析,并说明问题。通过本章前三节的学习,各小组已经完成了主题网站的规划、设计和 制作,能较熟练地使用 Dreamweaver 制作用表格布局的静态网页,能使用模板技术提高网页制作效 率,同时在实践的过程中学生已经有了美化网页的需求,为学习本节课奠定了良好的基础。 教学方式: 主要采用任务驱动法教学,以完成任务作为教学活动的中心,引导学生在完成任务的动机驱动 下,通过小组合作和自主探究等学法找出完成任务的方法,最后通过任务的完成实现意义的建构。 教学目标: 1.了解 CSS 的概念和作用,了解外部样式表、内部样式表和内嵌样式表的格式、位置及作用范围。 2. 通过分析 style.css 文件中的部分 CSS 规则,归纳 CSS 规则的语法。 3. 通过完成“使用 CSS 美化小组网站”任务,理解部分 CSS 规则,学会定义及应用外部样式表和内 部样式表。 4. 经历发现和解决小组网站问题的全过程,逐步形成主动学习的态度和小组合作的团队意识,进一 步提高自主探究及解决实际问题的分析能力、实践能力。 教学重点: 理解部分 CSS 规则,学会定义及应用外部样式表和内部样式表。 教学难点: 根据小组网站的具体情况,选择恰当的样式表和 CSS 规则解决问题。 1 课题:CSS 设计师——应用 CSS 美化网页 教学过程(表格描述) 教学 过程 预备 教师活动 指导学生打开学习网站。 要求学生启动 DreamWeaver,打开已经建好的站 点。 学生活动 打开学习网站。 启动软件,检查站 点。 设计意图 进入 学 习 状 态,为新 课学习做 准备。 既活 跃课堂气 氛又使学 生切身感 受到 CSS 的作用, 激趣导入 新课。 一、创 设 情 境,提 出任务 (约 3 分钟) 演示“网站大变身”魔术。 提问: 用什么方法可以实现网站快速大变身呢? 思考,回答问题。 剪切 style.css 文 魔术揭秘:先剪切 style.css 文件,保存预览。 件和重新粘贴该文件, 观察网页的变化。 然后粘贴该文件,再次保存预览。 提问:网页大变身的关键是谁呢? 简要介绍 CSS 设计师职位和 CSS 的作用,提出今 天想请同学们去体验一回 CSS 设计师角色,通过担任 小组网站的 CSS 设计师来完成美化网站的任务。 认真听讲,了解本 课任务。 看书 118、119 页。 观看文件,听讲。 回 答

更多相关文档:

《网站的设计》教学设计(高中信息技术精品)

《网站的设计》教学设计(高中信息技术精品)_其它课程...普通高中课程标准实验教科书《网络技术应用》 (选修 ...理解学习 图片的创意与设计、字体样式的设置、主题和...

《网页格式化》——CSS样式表教学设计(高中信息技术精品)

《网页格式刷》 ——CSS 样式教学案例 【教材分析】 “CSS 样式表”是高中信息技术选修《网络技术应用》的第五章“动态网页制作”中的内容。 教材中将这块内容...

CSS样式表教学设计(高中信息技术精品)

CSS样式教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。CSS 样式表...科学出版社出版的高中信息技术选修《网络技术应用》的第五章“动态 网页制作”中...

利用框架布局网页教学设计(高中信息技术精品)

利用框架布局网页教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。利用...高中 年级 出版社:中国地图出版社 高一 书名: 《网络技术应用》 指导思想与...

《搜索引擎》(1)教学设计(高中信息技术精品)

《搜索引擎(1)教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。《搜索引擎(1) 教材分析: 教材、内容:教科版选修模块《网络技术应用》第一章第三节...

《用智能工具处理信息》教学设计(高中信息技术精品)

《用智能工具处理信息》教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。《用智能工具处理信息》 一、教材分析: 本节内容选自广东教育出版社信息技术基础...

网页魔术师——CSS层叠样式表教学设计(高中信息技术精品)

网页魔术师——CSS层叠样式教学设计(高中信息技术精品)_其它课程_高中教育_...《网络技术应用》第四 单元第四节, 教材中对于样式表的功能特点进行了详细的...

Ps图像处理教学设计(高中信息技术精品)

Ps图像处理教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。Ps 图像...文本信息、表格信息处理 内容的延伸和提高,同时也是选修模块《多媒体技术应用》的...

HTML文档的简单编辑教学设计(高中信息技术精品)

HTML文档的简单编辑教学设计(高中信息技术精品)_学科竞赛_高中教育_教育专区。...我校在学生高一上学期开设的是中国地图出版社出版的信息技术基础 》的必修模块...
更多相关标签:
css美化网页元素 | 格调网精品主题美化包 | css美化 | select样式美化 css | input css美化 | select css美化 | select样式美化 css3 | css radio样式美化 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com