收藏
课程目录
1.1 认识Web标准
1.2 网站建设流程
1.3 网站设计理念
1.4 页面的布局与构成
1.5 站点的建立与维护
2.1 HTML5简单介绍
2.2 页面结构解析
2.3 HTML文件头解析
2.4 Meter与Progress元素
2.5 Details与Summary元素
3.1 CSS3简介
3.2 CSS样式表入门——样式表规则
3.3 CSS3样式表的引入
3.4 选择器的使用(1)
3.5 选择器的使用(2)
3.6 CSS样式表选择器——标签选择器
3.7 CSS样式表选择器——类选择器
3.8 CSS样式表选择器——ID选择器
3.9 多类选择器的用法
3.10 标签指定选择器
3.11 CSS样式表选择器——通配符选择器
3.12 兄弟选择器
3.13 子代选择器
3.14 派生选择器
3.15 常用文本控制标签——标题
3.16 常用文本控制标签——段落和换行
3.17 常用文本控制标签——水平线
3.18 常用文本控制标签——em、strong和span
3.19 超链接——创建超链接
3.20 超链接——锚点链接
3.21 图像的格式
3.22 文本样式属性——font-family
3.23 文本样式属性——color
3.24 文本样式属性——font-style
3.25 文本样式属性——font-weight
3.26 文本样式属性——font综合使用
3.27 文本样式属性——@font-face
3.28 特殊字符的使用
3.29 文本样式属性——text-align、text-indent
3.30 文本样式属性——text-decoration、text-transform
3.31 文本样式属性——letter-spacing、word-spacing
3.32 文本样式属性——line-height
3.33 文本样式属性——text-shadow
3.34 文本样式属性——white-space和text-overflow
3.35 元素类型及转换
4.1 认识盒模型
4.2 盒模型的基本属性——width和height
4.3 盒模型的基本属性——border
4.4 盒模型的基本属性——border-color
4.5 盒模型的基本属性——border-style
4.6 盒模型的基本属性——border-width
4.7 盒模型的基本属性——box-sizing
4.8 盒模型的基本属性——margin
4.9 盒模型的基本属性——padding
4.10 DIV简单布局
4.11 背景颜色的表示方法
4.12 透明度的设置
4.13 背景图的设置
4.14 背景图像大小的设置
4.15 背景图像的重复
4.16 背景图像的位置设置——使用像素值
4.17 背景图像的位置设置——使用关键字
4.18 背景图像的位置设置——使用百分比
4.19 背景图像的固定
4.20 背景图像的叠加
4.21 背景的显示区域
4.22 背景裁剪区域
4.23 背景的复合属性写法
5.1 ul和li标记(无序列表)
5.2 ol有序列表的使用
5.3 自定义列表
5.4 list-style属性
5.5 list-style-type属性
5.6 list-style-image属性
5.7 list-style-position属性
5.8 列表的嵌套
5.9 属性选择器
5.10 关系选择器(1)
5.11 关系选择器(2)
5.12 链接伪类
5.13 结构化伪类选择器(1)
5.14 结构化伪类选择器(2)
5.15 结构伪类与伪元素选择器
6.1 定义表格的基本元素
6.2 Table元素的border属性
6.3 表格的标题——caption标记
6.4 th元素的scope属性
6.5 Td元素的headers属性
6.6 table-layout属性的使用
6.7 Cellpadding和cellspacing属性
6.8 单元格元素的align和valign属性
6.9 跨行和跨列单元格的制作
6.10 Border-collapses属性的使用
6.11 Border-spacing属性的使用
6.12 Caption-side属性的使用
6.13 Empty-cells属性的使用
6.14 Input元素的type属性(1)
6.15 Input元素的type属性(2)
6.16 Input元素的type属性(3)
6.17 Input元素的type属性(4)
6.18 Input元素的其他属性(1)
6.19 Input元素的其他属性(2)
6.20 其他表单元素——select
6.21 表单的应用
7.1 圆角边框的实现
7.2 圆角边框的制作——值的复制
7.3 渐变角度与位置
7.4 Box-shadow属性的用法
7.5 径向渐变的用法
7.6 渐变属性的用法
7.7 重复渐变的用法
8.1 三种定位机制概述
8.2 position属性之static和relative
8.3 position属性之absolute和fixed
8.4 top、right、bottom和left属性
8.5 z-index属性
8.6 Display属性和visibility属性
9.1 HTML5多媒体简介
9.2 视频及音频插入
9.3 Transtiton属性
9.4 Transform属性——平移
9.5 Transform属性——倾斜
9.6 Transform属性——缩放
9.7 Transform属性——旋转
9.8 transform3D
9.9 动画的制作






























































































































课程详情
本课程突出了项目化教学的理念,充分使用了案例教学、互动式教学、分组教学等多种教学方法,让同学在实践中理解理论知识,学以致用。
本课程突出了项目化教学的理念,充分使用了案例教学、互动式教学、分组教学等多种教学方法,让同学在实践中理解理论知识,学以致用。
本课程突出了项目化教学的理念,充分使用了案例教学、互动式教学、分组教学等多种教学方法,让同学在实践中理解理论知识,学以致用。
上一篇:PS实用小技巧
下一篇:Web前端“攻城狮”养成记