网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc

网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc

ID:56255851

大小:74.00 KB

页数:4页

时间:2020-06-04

网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc_第1页
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc_第2页
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc_第3页
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc_第4页
资源描述:

《网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源单元2网页版面设置.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、《网页设计与制作》课程教学单元设计单元2:网页版面设置授课教师:网页设计与制作组授课班级:学时:8教学条件预装网页制作工具Dreamweaver的计算机;局域网环境教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标:(1)掌握HTML的文档结构;(2)掌握基本标签与特殊字符标签的使用;(3)掌握列表、表格标签的的使用方法;(4)掌握HTML的超级链接的使用。能力目标:(1)能编写HTML代码,实现图文混排;(2)能运用表格与列表进行页面布局;(3)能熟练使用超级链接。教学内容(1)HTML的文档结构;(2)HTML的基本标签与特殊

2、字符标签;(3)列表标签与表格的各种使用方式;(4)HTML的超级链接的设置。重点:(1)HTML的基本标签与特殊字符标签的使用;(2)列表标签、表格标签与超级链接标签的使用。难点:(1)嵌套列表标签、表格标签的使用方法与技巧;(2)绝对路径与相对路径的使用场景。课后作业使用HTML基本标签进行图文混排企业站点;使用HTML表格标签与列表标签进行布局软件界面。教学过程设计任务一:文字段落与图片的设定(4学时)主要步骤教学内容教学方法教学手段师生活动问题引入电子购物中的图文混排的展示教师讲授引导文法多媒体教师:提问学生:讨论知识讲解知识点1:HTML的编辑与运行

3、环境;知识点2:HTML文件的基本结构;知识点3:、、标签;知识点4:


等标签;启发讲解讨论归纳多媒体课件演示思考交流互动记录笔记知识点5:标题文字标签;知识点6:文字格式控制标签;知识点7:预格式化标签;知识点8:图像标签。示范操作操作1:HTML的编辑与运行环境。操作2:、、标签的使用。操作3:


等标签的使用。操作4:文字的与格式化与标题文字标签的使用。操作5:图像标签的使用。问题引导操

4、作演示分析归纳多媒体系统演示观摩思考归纳总结实战训练任务单2-1名人介绍页面图文混排动手实践做中学多媒体真实系统环境实践操作巡视检查评估讨论1.评估讨论实训任务完成的速度;2.评估讨论实训任务完成的规范性;3.展示学生的完成效果;4.考核学生结果。教师启发讨论归纳分数激励实训项目单思考结果演示课堂总结1.HTML文件的基本结构。2.、、标签的使用方法。3.HTML常用标签的使用技巧。4.文字格式控制标签的。5.图像标签。教师讲解多媒体课件演示整理笔记引导创新课后作业拓展实训2-1:1.Dreamweaver软件的基本使用;2

5、.电子商务网站中商品的图文混排。教师讲授多媒体布置作业提出要求教学过程设计任务2:页面布局(2学时)主要步骤教学内容教学方法教学手段师生活动问题引入网页中文字与图片内容的布局形式有哪些?教师讲授引导文法多媒体教师:提问学生:讨论知识讲解知识点1:有序列表;知识点2:无序列表;知识点3:嵌套列表;知识点4:定义列表;知识点5:定义表格;知识点6:表格的属性。启发讲解讨论归纳多媒体课件演示思考交流互动记录笔记示范操作操作1:有序列表与无序列表的定义。操作2:嵌套列表的定义。操作3:定义列表的使用方法。操作4:表格的定义与属性设置。问题引导操作演示分析归纳多媒体系统

6、演示观摩思考归纳总结实战训练任务单2-2使用列表与表格布局页面。动手实践做中学多媒体真实系统环境实践操作巡视检查评估讨论1.评估讨论实训任务完成的速度;2.评估讨论实训任务完成的规范性;3.展示学生的完成效果;4.考核学生结果。教师启发讨论归纳分数激励实训项目单思考结果演示课堂总结1.有序列表与无序列表的区别定义。2.嵌套列表的使用方式。3.定义列表的使用。4.表格的定义与属性设置。教师讲解多媒体课件演示整理笔记引导创新课后作业拓展实训2-2:1.Dreamweaver中表格的使用。2.表格的嵌套。3.使用表格布局网页页面。教师讲授多媒体布置作业提出要求教学过

7、程设计任务3超级链接的使用(2学时)主要步骤教学内容教学方法教学手段师生活动问题引入网页中有哪些超级链接?教师讲授引导文法多媒体教师:提问学生:讨论知识讲解知识点1:超级链接标签;知识点2:超级链接路径;知识点3:书签链接;知识点4:E-mail链接;知识点5:更改超级链接的颜色。启发讲解讨论归纳多媒体课件演示思考交流互动记录笔记示范操作操作1:超级链接标签的基本使用。操作2:相对路径与绝对路径的使用。操作3:书签链接的使用。操作4:外部链接的使用。问题引导操作演示分析归纳多媒体系统演示观摩思考归纳总结实战训练任务单2-3超级链接的使用。动手实践做

8、中学多媒体真实系统环境实践操作巡视检查

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。