内容正文:
《网页设计与制作(Dreamweaver CC)》教案
课 题
1.4-1.6 网站建设基本流程、制作工具和网页基本元素
课 型
理论
课 时
2
授课班级
授课时间
授课教师
教材分析
网站建设基本流程为学生铺设了网页设计学习的基本框架。这一部分内容通过概述从域名空间的选择、规划设计、制作建设到测试发布、维护推广的全流程,帮助学生在动手之前明确方向和步骤,为后续内容的学习提供指导。网站制作工具则详细介绍了多款在网页设计与制作中常用的工具,如Dreamweaver、Fireworks、Flash等。这不仅扩展了学生的工具认知,还为后续实践中选择合适的工具提供了依据。这些工具介绍帮助学生从软件层面理解了网页设计与制作的多样性和可能性。网页基本元素是对网页构成要素的系统归纳,包括标题、网站Logo、Banner广告栏、导航栏、文本、图像、动画、表单及版权信息等。通过详细阐述这些元素在网页中的作用和设计原则,为学生构建了设计思维的初步框架,并为后续的具体设计和操作提供指导。
学情分析
学生在接触《网页设计与制作(Dreamweaver CC)》这门课程之前,可能对于网站建设的整体流程、各种制作工具及其特点,以及网页的基本元素构成等概念较为陌生。因此,学情分析显示,学生在初期可能会面临理解上的挑战,尤其是对技术细节的掌握和实际操作能力的培养。通过本课程的学习,旨在帮助学生逐步构建起对网站设计与制作的全面认识,掌握基本的工具使用技能,同时激发他们对网页设计的兴趣和创新思维,为后续深入学习及实践应用打下坚实基础。
学习目标
知识目标:
掌握网站建设完整流程。
熟悉各类网站制作工具的特点与用法。
理解并识别网页设计中的基本元素。
技能目标:
能够完成网站建设的初步规划与设计。
会选择合适的工具进行网页制作与编辑。
运用网页基本元素构建美观、实用的网页界面。
情感目标:
激发学生对网站建设的兴趣与热情,培养创新思维与审美能力。
学习重难点
重点:
网站建设基本流程。
网站制作工具。
难点:
网页基本元素
教学方法
案例分析、讲授法、小组讨论法
课前准备
1.查找相应网站资料,课堂演示使用。
2.学生课前预习。
教学媒体
电子课件、多媒体视频
教学过程
教学环节
教师活动设计
学生活动设计
设计意图
活动一:
创设情境
生成问题
“踏入数字世界,启航网站建设之旅”提出问题:
1. 盖楼需要哪些步骤?
类比网站建设也需要进行规划,引入主题
2.引导学生带着问题去课本寻找答案,明确本节课的学习内容。
3.展示本讲学习目标。
1. 问题导入
2. 接收并查看本节课堂任务书。
3. 了解学习目标,带着目标进行学习。
1.以提问的方式导入课程,让学生带着问题有针对性的进行学习。
2.通过任务实施,调动学生积极性。
活动二:
调动思维
探究新知
1.4 网站建设的基本流程
1 域名空间
2 规划设计
3 制作建设
4 测试发布
5 维护推广
考一考:
网站建设的目的是什么?
网站的主要功能需求有哪些?
代码编写时,如何保证代码质量和可维护性?
1. 课前考一考
2. 练一练
1. 了解学生现有知识储备。
2. 巩固练习。
活动三:
调动思维
探究新知
1.5 网站制作工具
Dreamweaver 、Fireworks、Flash、HotDog Professional、
Microsoft Visual Studio、Jbuilder、记事本
【想一想】
对于初学者和高级开发者来说,选择工具的标准可能有所不同。你认为初学者在选择网页设计和开发工具时应该注意哪些关键因素?
1. 想一想
2. 问题思考
3. 辩一辩
1. 引导学生主动思考,发散思维,参与课堂。
2. 培养学生发现问题,解决问题的能力。
3. 了解相关知识。
4. 辩论形式让学生参与并归纳总结。
活动四:
巩固练习
素质提升
1.6 网页的基本元素
1. 标题、网站 Logo 、Banner广告栏
2. 导航栏、文本、图像
3. 动画、表单、版权信息
练一练
1. ________是网页内容的主体,通过文字形式传递信息,包括文章、说明、链接等,是用户获取信息的主要途径。
2. _______ 作为网页的动态元素,能够增强页面的趣味性和互动性,常用于广告展示或引导用户注意。
3. 版权信息位于网页的底部或页脚区域,用于声明网站内容的版权归属和使用情况,保护网站的________性和合法权益。
1. 教师讲解
2. 学生练一练
知识检测与巩固
课堂小结
作业布置
课堂小结
作业布置
复习本节课内容,预习下节课内容。
板书设计
网站建设基本流程
网站制作工具
网页基本元素
教学反思
原创精品资源学科网独家享有版权,侵权必究!
学科网(北京)股份有限公司
$$