网站建设教学设计

《网站建设教学设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网站建设》教学设计一、教学内容分析《网站建设》课程是中职计算机专业2015年级第二学期开设的专业课，选用杨丽芳、曹玉婵主编，四川大学岀版社岀版的中等职业教育课程改革国家规划新教材《网站建设案例教程》。全书分为十五项目，第六项目第3个内容一使用APDIV的spry效果既是木项目也是网站建设的核心内容及教学重点，教材中的相关知识技能也是学牛必须了解掌握的，因为只有了解掌握这些才会对在网站建设具有更大的进步。提高学生在网站建设这方面的能力。二、教学对象特征分析教学对象为本校2015级年级计算机专业学生,具有以下特点：1.学习态度作为中专的学生各方面的基础都比较差、自制力不强、学习的自

2、觉性不高，对理论重视不够，对学习有厌倦的心理。2.学生整体知识情况学生们的知识发展不均衡，一些学生对于网页制作比较熟悉，但是部分学生的基础较差，对于之前学习的网页设计内容全然不懂。3.学生对于网站建设的兴趣作为15级计算机的学生，部分学生对该门课程表现出浓厚的兴趣，而也有相当部分同学产生一种厌倦的心理，认为自己自己以后不想从事该类型工作，学了没有用途，因此对于学习该课程的兴趣不高。三、教学目标1.知识与技能目标(认知目标)(1)指导学生了解各种类型spry。(2)讲解并且让学生掌握使用spry的方法。(3)能根据实际情况，在网页中插入合适的spry2.过程与方法目标(能力目标)(

3、1)通过教师演示让学生，让学生更直观掌握spry的插入(2)让学生通过练习巩固spry的使用。3•情感态度和价值观目标（1）培养学生学习网站建设的兴趣（2）鼓励学生认真思考，锻炼自我创新能力四、教学重点、难点重点Spry构件的使用、spry特效。难点灵活合理地使用spry功能五、教学策略选择与设计1・讲解法2.演示法:3.项目驱动法：六.教学环境及资源准备教学媒体类型教学媒体运用方式作用（原创）主课件制作ppt课件，在其中插入文字、以及与课程相关的图片在课件中详细说明操作步骤，是学生更容易掌握。软件DreamweaverCS6教学软件多媒体机房104机房七.教学过程教学活动1（5

4、分钟）（一）导入新课1.知识冋顾：由学生一起冋顾如何使用ApDTV进行网页布局。2.展示一个网站，引发思考：由老师提问是否经常在网页上看到中形式的菜单栏？因为这种形式的菜单栏在现实的网站中经常见到，从而会引起学生的兴趣3.引入课题：提问学生“你们想知道这种效果的菜单栏是怎么实现的么？这个就涉及到我们今天学习的内容。“”由于学生想知道这种菜单栏是怎么做的，利用此点引入课题，可以很好地激发学生主动学习的欲望教学活动2（5分钟）（二）讲解Spry功能的组成①Spry构件。（1）Spry菜单栏（2）Spry选项卡式面板（3）Spry折叠式（4）Spry折叠而板②Spry特效。。为学生讲解

5、Spry功能,使学生有个初步了解，也给学生展示了这节课的主要内容，提高学生的学习欲望。教学活动3（30分钟）（三）spry功能的具体讲解此部分通过在课件上步骤，由教师进行示范演示操作。1.知识点一：Spry菜单栏⑴插入Spry菜单栏①“插入”栏I“Spry”类型丨“Spry菜单栏”按钮或菜单栏“插入”丨“布局对象”丨“Spry菜单栏”或“插入”

6、“Spry”

7、“Spry菜单栏”命令。②在弹出的“Spry菜单栏”对话框中选择“水平”或“垂直”，然后单击“确定”按钮。（2）编辑Spry菜单栏属性“菜单项”“添加菜单项”按钮“删除菜单项”按钮“上移项”、“下移项”按钮“链接”“目标”（

8、3）设置Spry菜单栏样式设置方法：先选中要设置的菜单（单击选中）。然后在“属性”面板中选择“样式”就可以进行设置（4）保存含有“Spry菜单栏”的页面通过教师操作演示引出相关知识点，由简到难，步步深入，引岀知识教学活动32.知识点二：Spry选项卡式面板(1)插入选项卡式面板①“插入”栏

9、“Spry”类型

10、"Spry选项卡面板”按钮或菜单栏“插入'T“布局对象”

11、“Spry选项卡面板”或“插入”

12、“Spry”

13、"Spry选项卡面板”命令。②对丁•插入到网页中的“Spry选项卡式面板”，单击左上角的蓝色区域即表示选择了该“Spry选项卡式面板”，进行编辑操作。(2)添加与删除选择

14、卡面板①在“文档”窗口中单击选项卡左上角的蓝色区域选择该“Spry选项卡式面板”。②在“屈性”面板中，单击“添加面板”按钮或“删除面板”按钮。(3)设置默认的打开面板①在“文档”窗口中单击选项卡左上角的蓝色区域选择该“Spry选项卡式面板”。②在“屈性”面板中，从“默认面板”下拉列表中选择默认情况下要打开的面板。(4)编辑面板①将鼠标定位在选项卡标题所在区域即可对该标题进行编辑操作。②对于插入到页面中各“Spry选项卡式面板”所对应的内容，鼠标移动到相应的“Spry选项卡”标题时