课程概述

html+css网页设计与制作视频课件

第一章、html与css网页设计概述

1-1、网页相关基本概念

1-2、浏览器介绍

1-3、网页编辑工具介绍

第二章、html标记

2-1、HTML标记（语法及结构介绍）

2-2、HTML标记（head部分）

2-3、HTML标记（body部分-文本及排版）

2-4、HTML标记（sublime工具使用介绍）

2-5、HTML标记（body部分-列表标记）

2-6、HTML标记（body部分-图像和表格）

2-7、HTML标记（body部分-超链接标记）

2-8、HTML标记（body部分-块元素和内联元素）

2-9、HTML标记（body部分-表单）

第三章、CSS基础知识

3-1、CSS概述及语法

3-2、CSS基础选择器

3-3、CSS关系选择器

3-4、CSS属性选择器和伪类

3-5、CSS盒子模型

3-6、CSS优先级

3-7、CSS基础属性（字体及文本）

3-8、CSS基础属性（背景）

3-9、CSS基础属性（边框）

3-10、CSS基础属性（Padding）

3-11、CSS基础属性（Margin）

3-12、CSS缩写规则

第四章、CSS浮动与定位

4-1、CSS浮动属性

4-2、CSS清除浮动

4-3、CSS相对定位

4-4、CSS绝对定位

4-5、CSS固定定位

4-6、制作九宫格

4-7、制作聚划算产品列表图

4-8、制作产品缩略图列表

4-9、制作网站导航下拉菜单

4-10、使用css+jquery制作网站导航

4-11、轮播图的制作方法

4-12、列表排版及动画制作方法

第五章、网页布局实例

5-1、导航页制作

5-2、简单图文混排

5-3、简单公司网页排版

5-4、网站后台菜单的制作

5-5、综合网页排版

5-6、百度H5页面制作

第六章、HTML5页面元素

6-2、html5新增语义化标签

6-3、html5表单新功能

6-4、html5视频和音频

6-5、html5中本地存储

第七章、CSS3新增功能

7-1、border-radius属性

7-2、box-shadow和text-shadow属性

7-3、text-overflow属性

7-4、transition属性

7-5、transition-2d变换

7-6、transform-3d变换

7-7、rgba与opacity

7-8、CSS3属性选择器

7-9、CSS3伪类选择器

7-10、animation动画

........

证书要求

学完所有课程后参加考试，考试通过记为成绩合格

预备知识

计算机应用基础，网络相关基础知识

授课大纲

参见精品在线开放课程网站https://xiaozhukl.site

参考资料

参见精品在线开放课程网站https://xiaozhukl.site

常见问题

参见精品在线开放课程网站https://xiaozhukl.site