Web前端开发基础入门 微课视频版

目录

第1章网页制作相关概念

1.1网页的基本概念

1.1.1网页中的多媒体元素

1.1.2网页常用术语

1.1.3前端三层架构

1.2语言的编辑环境

1.2.1专业的编辑器

1.2.2使用记事本创建**个网页

1.2.3推荐使用Sublime Text

1.3浏览器介绍

1.3.1常见浏览器

1.3.2查看网页源代码

第2章HTML入门

2.1HTML

2.1.1HTML的历史版本

2.1.2语法格式

2.2HTML文本格式标记

2.2.1标题标记h1~h6

2.2.2段落标记p

2.2.3换行标记br/

2.2.4水平线标记hr/

2.2.5font

2.2.6文本修饰标记

2.2.7特殊字符

2.3应用案例

2.4常用长度单位

2.5颜色表示

2.5.1颜色的英文单词

2.5.2rgb值

2.5.3#RRGGBB或#RGB

第3章图像、路径及超链接

3.1网页中常用的图像格式及特性

3.2图像标记

3.2.1图像标记的用法

3.2.2图像标记的属性

3.3路径

3.3.1相对路径

3.3.2绝对路径

3.4应用案例

3.4.1效果图分析

3.4.2页面结构

3.4.3美化

3.5超链接标记

3.6应用案例

3.7其他形式的链接

3.7.1锚链接

3.7.2电子邮件链接

3.7.3文件下载

3.7.4FTP服务器链接

第4章CSS

4.1CSS概述

4.2CSS语法结构

4.2.1语法格式

4.2.2注释

4.3CSS的使用

4.3.1行内样式

4.3.2内嵌样式表

4.3.3链入外部样式表

4.3.4导入样式表

4.4CSS选择器

4.4.1基础选择器

4.4.2复合选择器

4.5CSS的特性

4.5.1继承性

4.5.2层叠性

4.5.3优先级

4.6应用案例

第5章CSS文本常用属性

5.1文本属性

5.1.1文本颜色

5.1.2文本字体

5.1.3文本字号

5.1.4字体风格

5.1.5小型大写字母

5.1.6文本粗细

5.1.7行高

5.1.8font综合设置属性

5.1.9文本对齐

5.1.10文本装饰

5.1.11文本缩进

5.1.12字间隔

5.1.13字母间隔

5.1.14处理空白符

5.2应用案例

5.3超链接及CSS伪类选择器

5.3.1锚伪类——超链接的4个状态

5.3.2其他伪类

第6章盒子模型

6.1概念

6.1.1块元素

6.1.2行内元素

6.2认识盒模型

6.3盒子的基本CSS属性

6.3.1外边距

6.3.2内边距

6.3.3边框

6.4盒子模型的其他常用属性

6.4.1width和height属性

6.4.2display属性

6.4.3background属性

6.5应用案例

第7章表格

7.1表格的用途

7.2表格的基本结构

7.2.1表格的基本概念

7.2.2表格的基本标记

7.3表格结构的其他标记

7.3.1th标题单元格

7.3.2table标记中的thead、tbody和tfoot

7.3.3caption表格标题

7.4表格常用属性

7.4.1跨行跨列表格

7.4.2边框、单元格填充、单元格间距

7.4.3表格的修饰属性

7.5CSS表格属性

7.5.1表格边框

7.5.2边框合并

7.5.3宽度和高度

7.5.4水平对齐方式和垂直对齐方式

7.5.5其他属性

7.6应用案例

7.6.1个人简历

7.6.2个人信息表

7.6.3数据统计表

第8章布局与定位

8.1HTML文档流

8.2浮动

8.3清除浮动

8.4溢出

8.5浮动元素对父元素高度产生影响

8.6定位

8.6.1盒子的定位

8.6.2zindex盒子的图层顺序

8.7外边距塌陷问题

8.7.1相邻兄弟关系的外边距塌陷问题

8.7.2父子关系的外边距塌陷问题

8.8应用案例

8.8.1轮播效果

8.8.2民宿推荐

第9章列表项

9.1有序列表

9.2无序列表

9.3自定义列表

9.4列表项的标记属性

9.4.1type属性

9.4.2start属性

9.4.3value属性

9.5列表项的CSS属性

9.5.1列表类型

9.5.2列表项图像

9.5.3列表项目符号位置

9.5.4简写属性

9.6应用案例

9.6.1新闻列表

9.6.2垂直导航

9.6.3横向导航+图+标题

9.6.4二级下拉菜单

第10章表单

10.1表单的定义

10.2form表单

10.3表单控件

10.3.1input

10.3.2select下拉列表

10.3.3多行文本框

10.4应用案例

10.4.1用户注册

10.4.2电子商务搜索栏

10.4.3登录页面

第11章实用技巧

11.1CSS Reset

11.2常见网页布局

11.2.1固定宽度布局

11.2.2自适应宽度布局

11.3CSS精灵图

11.4滑动门技术

11.5margin负值

11.5.1margin负数值理论

11.5.2margin为负数值的常见布局应用

第12章项目案例

12.1企业网站首页面

12.1.1切图

12.1.2文件规划

12.1.3制作顶部

12.1.4制作轮播图

12.1.5制作业务快速导航

12.1.6制作主要内容区域

12.1.7制作案例展示

12.1.8制作网页底部的版权信息

12.2电子商务网站首页面

12.2.1整体结构分析

12.2.2站点规划

12.2.3制作头部

12.2.4制作左侧边栏导航

12.2.5制作广告图

12.2.6制作火热进行区域

12.2.7制作品牌墙

12.2.8制作底部