还剩3页未读,继续阅读
文本内容:
湖南商务职业技术学院教案第1题如何实现文字的居中对齐和垂直居中对齐参考答案文字的居中对齐text-align:center;文字的垂直居中对齐行高设置为盒子的高度;第2题块级元素与行内元素之间的区别是什么?参考答案块状元素的特点是知识回顾10min1总是从新行开始;2高度,行高、外边距以及内边距都可以控制;3宽度默认是容器的100%除非用width设定;4可以容纳内联元素和其他块元素行内元素inline特点是1和相邻行内元素在一行上2高、宽无效但水平方向的padding和margin可以设置,垂直方向的无效3默认宽度就是它本身内容的宽度4行内元素只能容纳文本或者其他行内元素第3题块级元素和行内元素之间如何转化?参考答案
1.【课堂活动】教师通过开展各种课堂活动回顾上次课知识点
1.学生积极参与课堂活动display:block|inline|none|Iist4tem|;籽」糜元桥块状元拉元L籽将/乐迪将内乂元豪就蟆为泰纳娘为不会次旦X为列息t转炖为块状元素内藤元泰示且不会项元素后内―占据文林将桧列表元♦中的位五元宗显示第4题请问要实现两个div盒子并排摆放的关键是什么?参考答案设定第1个盒子的左浮动,设置第2个盒子的左或者右浮动都可以第5题请问实现图片和文字滚动的标签是什么?参考答案〈marquee滚动的文本或者图像/marqueeMarquee中还可以添加以下属性height=n设置滚动区域的高度hspace=n设置活滚动区域所在位置距离父容器水平边框的距离scrollamount=n设置滚动内容的滚动速度,单位为pixels(像素)scrolldelay=n设置滚动内容滚动两次之间的延迟时间,单位millisecond(毫秒)width』设置滚动区域的宽度vSpace=n设置活滚动区域所在位置距离父容器垂直边框的距离loop=n设置滚动的次数,当loop=-l表示一直滚动下去,默认为-1第6题请问实现文字截断的关键代码是什么?参考代码在CSS中,要想实现文字截断的效果,需同时设置以下三个属性white-space:nowrap;/*(强制文本在一行内显示)*/overflow:hidden;/*溢出内容隐藏*/text-overflow:ellipsis;/*文本溢出时显示省略标记(...)*/小明受学院学生会调研部委托,准备做一个生活垃圾现任务导入(2min)状的调查问卷页面,页面内容要求了解被调查人群所在小区对生活垃圾分类回收和处理的现状,以及被调研对象对国家采取生活垃圾进行分类的管理条例的建议等内容,同时也能起到很好的宣传和引导作用
1.【任务导入】教师通过案例导入本次课的学习目标
1.学生了解本次课学习的目标H山学叟会KBC9MR*一如公£依・京£VJl□会员*录生活坊圾分类现状的g向卷任务描述3minDTEF[■■B人lJZiL99^从等
1.【任务描述】讲师引入与描述任务内容与效果
1.学生了解本次课要完成的任务MWg•swurzmmR*W・WP»1MW本次课主要学习了生活垃圾现状调查网页效果案例制作,在实际制作过程中深刻了解CSS对网页中表格与表单元素的美化与修饰方法,着重掌握如何利用CSS对网页元素进行排版与美化,做到融会贯通.继续完成技能训练任务,并提交至学习通.预学下一次课的内容.课后讨论在刚才的学习与实践中,你学会了什么?你的难点在哪里教学反思授课章节及主题任务案例生活垃圾现状调查
(二)课次26教学目标知识目标.掌握css网页布局的方法;.掌握CSS美化网页元素的方法.掌握Html+CSS的综合运用能力目标.能够进行CSS美化网页元素.能够进行知识的综合运用素养目标.培养学生清晰有序的逻辑思维;.培养学生数据分析与总结的意识;培养学生系统分析与解决问题的能力学情分析知识基础学生已经CSS的盒子结构与CSS链接规则、菜单制作有了一定的了解学生特点.学生爱学习爱思考爱表达,喜欢动手实践,但学生自律性不强,遇到困难时畏难.前续内容的知识绝大部分同学掌握较好,少部分同学操作不太熟练.解决较复杂问题能力比较弱,知识迁移能力有待加强教学重点.掌握CSS网页布局的方法;.掌握CSS美化网页元素的方法教学难点Html+CSS的综合运用教学方法讲授法案例演示法讨论法实践法线上线下混合式教学资源与平A教学平台超星学习通https:〃www.xueyinonline.com/detai1/221724252参考书.《电子商务网页设计与制作》,电子工业出版社.《HTML5+CSS3网页设计与制作》,人民邮电出版社参考网络资源.菜鸟教程https://www.runoob.com/.虎课网https://huke
88.com/教学过程设计环节教学内容教师活动学生活动。
个人认证
优秀文档
获得点赞 0