入门教学 HTML5 + CSS3 学习大纲 视频资料

HTML5 + CSS3 学习大纲 视频资料

从零开始学习Html5 CSS3 一起加油哦!

学习资料 视频整理  7zxc

 


学习目标1: 页面结构层HTML

HTML是搭建网页结构的第一步。通过学习工作中必备的HTML标签,并结合实际案例,更快更轻松的掌握网页结构搭建方法和技巧。
  1. HTML基础
    HTML是网页制作必备技能,在本课程主要介绍HTML概念、语法及常用基础标签

  2. HTML表格
    表格在网页中用于数据和排版,本课程介绍表格概念、语法、操作,并通过案例掌握知识。

  3. HTML表单
    表单用于收集用户信息,本课程介绍表单概念、语法及创建表单,并通过案例掌握知识。


学习目标2: 页面美化设计CSS

CSS是网页的“美容师”。通过学习常用的CSS属性并结合HTML标签,独立把效果图还原成静态代码页面,为学习网页编程打下夯实的基础。
  1. CSS选择的艺术
    本课程主要介绍CSS语法、选择器、继承、层叠及优先级基础内容。

  2. CSS文本样式
    CSS为字体、文本提供了大量的样式属性,可以使我们的页面式更加丰富的多彩。

  3. 盒子模型
    我们就来学习一下css的盒子模型,理解了盒子模型,才能更好的排版,进行页面布局。

  4. CSS背景和列表
    本课程带领大家了解一下背景颜色、背景图片的相关知识,以及列表的多种样式。

  5. float浮动
    本课程主要介绍了浮动的作用,带领大家用更好的方式来布局页面。

  6. CSS定位(position)
    本课程,将带领大家了解一下定位的知识,教大家如何通过定位来进行布局。

  7. CSS网页布局基础
    本课程,我们我们就针对CSS中的基础布局以及经典的布局展开详细的讲解。


学习目标3: 页面升级结构HTML5

H5是HTML的高级应用。通过对H5语义化标签的学习,并结合HTML标签搭建网页,有利于增强网页的SEO、可读性和可维护性,提高网页性能。
  1. HTML5标签变化
    HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

  2. HTML5属性变化
    了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率


学习目标4: 升级页面化妆师CSS3

CSS3是CSS的高级应用。通过对CSS3属性的学习,并结合HTML(5)标签,能够轻松制作出各种绚丽的效果,为后面动态网页的实现奠定基础。
  1. CSS3选择器
    详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器

  2. CSS3边框与圆角
    带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性

  3. CSS3背景与渐变
    同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果

  4. CSS3文本与字体
    CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。

  5. CSS3转换
    深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件

  6. CSS3过渡
    一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互

  7. CSS3动画
    使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果

 

猜你喜欢

转载自www.cnblogs.com/aizixue999/p/12337656.html