TP08(指导学习：活动页局部布局)_第1页
TP08(指导学习：活动页局部布局)_第2页
TP08(指导学习：活动页局部布局)_第3页
TP08(指导学习：活动页局部布局)_第4页
TP08(指导学习：活动页局部布局)_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1 指导学习 活动页的局部布局 第八章 2 课程内容回顾 HTML的各类标签XHTML1 0的基本规范CSS的基本语法CSS常用属性CSS背景的偏移技术盒子模型DIV CSS布局 3 难点突破 块级标签行级标签常用的CSS属性页面布局盒子模型CSS定位DIV CSS整体布局DIV CSS典型局部布局教员备课时完善 4 作业讲评 教员备课时完善 5 知识梳理 块级标签 XHTML与HTML块级标签 和 和 和 6 知识梳理 行级标签 行级标签 和 7 知识梳理 常用的CSS属性 CSS选择器标签选择器类选择器ID选择器常用的CSS属性文本字体列表背景超链接 8 知识梳理 页面布局标签2 1 盒子模型marginborderpaddingwidth heightCSS定位staticrelativeabsolute 9 知识梳理 页面布局标签2 2 DIV CSS整体布局DIV CSS布局的实现思路DIV CSS典型局部布局div ul ildiv dl dt ddform table trTable tr td 10 综合练习 六人行活动页4 1 完成时间 20分钟 阶段1 练习 实现页面的局部布局需求说明使用DIV CSS布局活动页面版块页面分为6个部分内容都市生活户外 旅行运动健身理财 英语 学习文艺演出公益 其他 11 综合练习 六人行活动页4 2 阶段2 指导 制作圆角矩形训练要点CSS选择器需求说明除了标题外 其他内容均显示在一个圆角矩形里面实现思路写一个宽度相同的圆角矩形样式 高度自适应使用背景样式制作圆角矩形 完成时间 20分钟 12 共性问题集中讲解 常见调试问题及解决办法代码规范问题 共性问题集中讲解 13 综合练习 六人行活动页4 3 完成时间 25分钟 阶段3 练习 编写页面内容需求说明把页面中的内容添加到圆角矩形中编写样式美化页面内容 超链接文本颜色为蓝色 当鼠标悬停到超链接上时 文本颜色为橙色 日期 报名人数 留言条数 休闲活动卡 现金支付等文本颜色均显示橙色 使用一条虚线隔开 14 综合练习 六人行活动页4 4 阶段4 指导 制作背景透明效果训练要点滤镜效果需求说明每一版块图片的下方文字说明的背景使用滤镜制作透明效果文本颜色为白色 当鼠标悬停到文本上时颜色为橙色实现思路设置层的绝对定位及上一层的相对定位使层在图片的下方显示设置背景层的颜色为黑色设置背景的半透明 兼容其他的浏览器 完成时间 20分钟 15 共性问题集中讲解 常见调试问题及解决办法代码规范问题 共性问题集中讲解 16 作业 本章内容掌握情况XXX 描述学生对本章内容的掌握情况 课后作业必
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论