课程概述
HTML5+CSS3是Web前端开发的常用基础语言之一,本课程将分别从HTML5相关元素及应用、CSS3相关元素及应用及HTML5+CSS3实战等方面进行介绍,快速入门HTML5+CSS3。
常见问题
1.哪些浏览器支持HTML5,开发HTML5的工具有哪些?
1)谷歌、火狐和Safari浏览器对HTML5的支持相对来说是很好的,特别是谷歌;
2)开发工具,建议使用Dreamweaver,版本最好用CS5的,它有中文破解和专门支持HTML5开发的安装包,你只需要把这个包安装到软件,就可以编写你的HTML5代码了。
2.有哪些HTML5和CSS代码生成器?
HTML5代码生成器:Shikiryu HTML5生成器、Initializr生成器、Quackit HTML5生成器、Modernizr生成器;CSS代码生成器:CSS3 Maker、me;CSS3渐变效果生成器:Color Zilla Gradient 生成器、@fontface 生成器;CSS3下拉阴影生成器:Webestools 阴影生成器。
3.目前流行的前端的开源框架有哪些?
目前功能相似的能解决同类需求的主要是国外的开源框架,如Bootstrap、Foundation、Semantic UI。Bootstrap集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,其核心就是基于Less框架构建的CSS。Foundation默认支持5种网格布局,是三款框架中最复杂也是最灵活的。Bootstrap默认支持四种网格布局,Pure默认支持一种。Semantic UI是语义化设计的前端框架,开发更加直观,UI组建可实时调试输出,其最大的特点是充分利用CSS3动画特效,简洁实用漂亮的样式。
授课大纲
- HTML5+CSS3 轻松入门+实战
- 第1课 课程简介
- 第2课 什么是HTML5
- 第3课 认识新的网页结构
- 第4课 article元素的使用方法
- 第5课 section元素
- 第6课 aside元素
- 第7课 nav元素
- 第8课 time元素
- 第9课 pubdate属性
- 第10课 header元素合成
- 第11课 hgroup元素合成
- 第12课 footer元素
- 第13课 address元素合成
- 第14课 figure元素与figcaption元素
- 第15课 details元素与summary元素
- 第16课 mark元素
- 第17课 progress元素
- 第18课 meter元素
- 第19课 HTML5废除的元素
- 第20课 HTML5的大纲(上)
- 第21课 HTML5的大纲(下)
- 第22课 加强版的ol列表元素
- 第23课 重新定义后的dl元素
- 第24课 canvas元素创建画布
- 第25课 canvas绘制矩形
- 第26课 canvas绘制圆形
- 第27课 canvas绘制文字
- 第28课 canvas保存文件
- 第29课 canvas绘制动画
- 第30课 Web Storage本地储存
- 第31课 简单的网页留言板
- 第32课 video元素与audio元素的基础知识
- 第33课 video元素与audio元素的常用属性
- 第34课 HTML5拖放
- 第35课 CSS3简介
- 第36课 CSS3新增的属性选择器
- 第37课 结构性伪类选择器(上)
- 第38课 结构性伪类选择器(下)
- 第39课 UI元素状态伪类选择器(上)
- 第40课 UI元素状态伪类选择器(下)
- 第41课 使用选择器在页面中插入内容
- 第42课 文字阴影与自动换行
- 第43课 服务器端字体和@font-face属性
- 第44课 盒模型(上)
- 第45课 盒模型(下)
- 第46课 overflow属性
- 第47课 CSS3中新增的背景属性
- 第48课 CSS3中边框相关的样式
- 第49课 CSS3中的变形功能
- 第50课 CSS3中的动画功能
- 第51课 布局相关的样式-多栏布局
- 第52课 布局相关的样式-盒布局
- 第53课 布局相关的样式-弹性盒布局
- 第54课 Media Queries 与自适应布局
- 第55课 集团网站建设-全局头部制作
- 第56课 集团网站建设-首页新闻列表
- 第57课 集团网站建设-首页集团活动制作
- 第58课 集团网站建设-首页右部份制作
- 第59课 集团网站制作-底部版权信息制作
- 第60课 集团网站建设-图片列表页制作
- 第61课 集团网站建设-文章内容页制作
- 第62课 关于兼容性的问题