HTML5 + CSS3 学习大纲 视频资料
学习资料整理密码:7zxc
学习目标1: 页面结构层HTML
HTML是搭建网页结构的第一步。通过学习工作中必备的HTML标签,并结合实际案例,更快更轻松的掌握网页结构搭建方法和技巧。
HTML基础
HTML是网页制作必备技能,在本课程主要介绍HTML概念、语法及常用基础标签
HTML表格
表格在网页中用于数据和排版,本课程介绍表格概念、语法、操作,并通过案例掌握知识。
HTML表单表
单用于收集用户信息,本课程介绍表单概念、语法及创建表单,并通过案例掌握知识。
学习目标2: 页面美化设计CSS
CSS是网页的“美容师”。通过学习常用的CSS属性并结合HTML标签,独立把效果图还原成静态代码页面,为学习网页编程打下夯实的基础。
CSS选择的艺术
本课程主要介绍CSS语法、选择器、继承、层叠及优先级基础内容。
CSS文本样式
CSS为字体、文本提供了大量的样式属性,可以使我们的页面式更加丰富的多彩。
盒子模型
我们就来学习一下css的盒子模型,理解了盒子模型,才能更好的排版,进行页面布局。
CSS背景和列表
本课程带领大家了解一下背景颜色、背景图片的相关知识,以及列表的多种样式。
float浮动
本课程主要介绍了浮动的作用,带领大家用更好的方式来布局页面。
CSS定位(position)
本课程,将带领大家了解一下定位的知识,教大家如何通过定位来进行布局。
CSS网页布局基础
本课程,我们我们就针对CSS中的基础布局以及经典的布局展开详细的讲解。
学习目标3: 页面升级结构HTML5
H5是HTML的高级应用。通过对H5语义化标签的学习,并结合HTML标签搭建网页,有利于增强网页的SEO、可读性和可维护性,提高网页性能。
HTML5标签变化
HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5
HTML5属性变化
了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率
学习目标4: 升级页面化妆师CSS3
CSS3是CSS的高级应用。通过对CSS3属性的学习,并结合HTML(5)标签,能够轻松制作出各种绚丽的效果,为后面动态网页的实现奠定基础。
CSS3选择器
详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器
CSS3边框与圆角
带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性
CSS3背景与渐变
同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果
CSS3文本与字体
CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。
CSS3转换
深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件
CSS3过渡
一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互
CSS3动画
使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果