还剩2页未读,继续阅读
文本内容:
湖南商务职业技术学院教案
1、先选人再抢答请用“行内样式”的形式,定义一个段落字体为红色写出来拍照回复
2、先选人再抢答请用“内部样式”的形式,定义一个标题1字体为蓝色,字体大小为40像素,黑体写出来拍照回复
3、先选人再抢答下面实例中的标题1会显示什么样的状态呢?styletype=ntext/cssnhl{font:40px黑体;color:blue;}.myhl{color:yellow;#myidl{color:orange;/style/headbodyhlstyle=ncolor:green我是标题1文字/hl|/body
4、先选人再抢答当行内样式、ID选择符、类选择符与标签选择符同时用在一个HTML元素上时,它们的优先级是怎么样的呢?本任务是利用“csslogo.jpg”与“bg.png”两张图片,添加文字信息,制作如图2-1-1所示的网页效果教学反思授课章节及主题任务案例CSS初接触网页课次10教学目标知识目标.掌握网页布局规划至效果呈现的基本流程.掌握CSS与浏览器的关系能力目标.能够利用css进行网页样式的定义;.能够利用CSS进行网页元素的排版与定位素养目标.培养学生清晰有序的逻辑思维;.培养学生数据分析与总结的意识;.培养学生系统分析与解决问题的能力学情分析知识基础学生已经具备了一定的计算机操作能力和Photoshop、Dreamweaver软件的基本操作技能,对HTML标记语言与CSS的语法结构有一些基本的了解学生特点.学生爱学习爱思考爱表达,喜欢动手实践,但学生自律性不强,遇到困难时畏难.前续内容的知识绝大部分同学掌握较好,少部分同学操作不太熟练.解决复杂问题能力弱,缺乏知识迁移能力教学重点CSS在网页制作过程中的综合运用教学难点CSS在网页制作过程中的灵活运用教学方法讲授法案例演示法讨论法实践法线上线下混合式教学资源与平台教学平台超星学习通https:〃www.xueyinonline.com/detai1/221724252参考书.《电子商务网页设计与制作》,电子工业出版社.《HTML5+CSS3网页设计与制作》,人民邮电出版社参考网络资源.菜鸟教程https:〃www.runoob.com/.虎课网:https://huke
88.com/教学过程设计环节教学内容教师活动学生活动技能训练50min1创建站点2创建空白文档3创建CSS文档4将CSS文档链接到页面5页面初始化❷技能训练作业CSS初接触网页制作练习详见教师发布的“作业”页,并进行实操演示.【发布任务】教师在学习通发布技能任务.【实践指导】来回巡视,及时帮助学生解决问题能训练任务
2.完成技能训1练题知识检测10min
1、先选人再抢答以下代码的作用是什么呢?★margin:Opx;padding:Opx;border:Opx;
2、先选人再抢答以下代码的作用是什么呢?#wrapper{width:lOOOpx;margin:0auto;}
3、先选人再抢答以下代码的效果是什么?1#contentimg{1float:left;margin:5px;1width:200px;height:150px;padding:5px;border:lpxdashed#390;
4、先选人再抢答,以下选择符属于什么类型的选择符呢?#footer.left{float:left;}L【发布任务】教师在学习通发布活动
2.【归纳总结】来回巡视,及时帮助学生解决问题完成知识检测课堂小结5min通过对本次课的学习,让学习者了解了CSS与HTML元素的结合CSS是网页美化的基础,请学习者真正理解CSS规则的语法与使用方法作业布置
1.继续完成技能训练任务,并提交至学习通
2.预学下一次课的内容。
个人认证
优秀文档
获得点赞 0