当前位置:首页 >> 其它课程 >> 《应用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 页。 观看文件,听讲。 回 答

更多相关文档:

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

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

...《网络应用中的安全》教学设计(高中信息技术精品)_...

选修3《网络应用中的安全》教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。1.2.2 网络应用中的安全 一、课程设计理念和思想 当今信息技术社会,人们在...

网页版面设计教学设计(高中信息技术精品)

网页版面设计教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。网页版面设计 一、教材分析 《网页的版面设计》中涉及的内容是高中信息技术《网络技术应用》 ...

大家来找茬之CSS样式表教学设计(高中信息技术精品)_图文

大家来找茬之CSS样式教学设计(高中信息技术精品)_其它课程_高中教育_教育专区...一节借班上课的复习课,教学内容是《网络技术应用》选修模块中关于 CSS 样 式...

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

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

第二节《表格数据的处理》教学设计(高中信息技术精品)

第二节《表格数据的处理》教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。高一年级信息技术“表格数据的处理”教案设计 一、教材地位与内容分析: 本节课...

《制作几何绘图板》教学设计(高中信息技术精品)

《制作几何绘图板》教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。...《可视化编程应用——Visual Basic》 , 为了使教学更加符合软件项目开发过程,结合...

...班牌的设计与制作》教学设计(高中信息技术精品)

制作》教学设计(高中信息技术精品)_其它课程_高中...(选修 2) 《多媒体技 术应用》中的“4.3 图形...掌握 Photoshop 软件中图层样式、魔棒、蒙板等工具的...

《算法与程序设计》第一课教学设计(高中信息技术精品)

《算法与程序设计》第一课教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。《算法与程序设计》第一课 一、教材分析 本节课是教科社版高中课程《算法与...

《视频的编辑与加工》教学设计(高中信息技术精品)_图文

《视频的编辑与加工》教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。视频的编辑与加工 一、适用教材 本节课选自广东基础教育课程资源研究中心信息技术技术...
更多相关标签:
css美化网页元素 | 格调网精品主题美化包 | css美化 | select样式美化 css | input css美化 | css美化工具 | css 滚动条美化 | css3 select 美化 |
网站地图

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