第1章 网站开发基础知识

1.1 网页初识

1.2 基本概念

1.3 Web工作原理

1.4 前端开发技术简介

1.4.1 常用技术

1.4.2 开发框架

1.5 常用开发工具

1.5.1 Dreamweaver

1.5.2 EditPlus

1.5.3 Notepad+++

习题

第2章 HTML标记

2.1 HTML概述

2.1.1 HTML概念

2.1.2 HTML发展

2.1.3 浏览器内核

2.1.4 W3C标准

2.2 文档结构

2.2.1 HTML文档结构与书写规范

2.2.2 创建HTML文档

2.3 基本标签

2.3.1 块级元素

2.3.2 内联元素

2.3.3 〈div〉和〈span〉

2.3.4 特殊字符

2.4 多媒体

2.4.1 图像标记〈img/〉

2.4.2 多媒体格式

2.4.3 多媒体文件标记〈embed〉

2.5 超链接

2.5.1 超链接标记〈a〉

2.5.2 超链接类型

2.5.3 超链接路径

2.5.4 内部书签

2.5.5 target属性

2.5.6 动手实践

2.6 表格

2.6.1 表格标记

2.6.2 表格属性

2.6.3 表格嵌套和布局

2.6.4 动手实践

2.7 内嵌框架

2.8 表单

2.8.1 表单定义标记〈form〉

2.8.2 输入标记〈input〉

2.8.3 列表框标记〈select〉

2.8.4 文本域输入标记〈textarea〉

2.8.5 动手实践

2.9 HTML5简介

2.9.1 HTML5新特征

2.9.2 HTML5语法

2.9.3 浏览器支持

2.10 HTML5新增标记

2.10.1 〈！DOCTYPE〉和〈meta〉标签

2.10.2 视频标记〈video〉和音频标记〈audio〉

2.10.3 语义元素

2.10.4 页面交互元素

2.10.5 HTML5输入类型

2.10.6 HTML5表单元素新增的属性

2.10.7 动手实践

项目一 网页的创建

项目二 个人简介1——块级元素

项目三 个人简介2——内联元素

项目四 个人简介3——超链接、多媒体、表格和框架

项目五 HTML5表单应用——影迷注册

项目六 成长故事1——HTML标记综合应用

习题

第3章 CSS初步

3.1 CSS概述

3.1.1 CSS发展历史

3.1.2 CSS的优势

3.2 CSS的创建

3.2.1 标记文档

3.2.2 编写规则

3.2.3 附加方式

3.3 基本选择器

3.4 字体属性

3.5 文本属性

3.6 颜色与背景

3.6.1 颜色

3.6.2 背景

3.6.3 动手实践

项目七 成长故事2——CSS属性设置

习题

第4章 复杂选择器和优先级

4.1 复杂选择器

4.1.1 层次选择器

4.1.2 属性选择器

4.1.3 伪类选择器

4.2 优先级

4.2.1 继承

4.2.2 层叠

4.2.3 优先级特性

4.2.4 动手实践

项目八 代表作品泰坦尼克号1——复杂选择器和优先级

习题

第5章 盒模型与网页布局

5.1 盒模型

5.1.1 元素框的组成

5.1.2 内容

5.1.3 内边距

5.1.4 边框

5.1.5 外边距

5.2 表格与列表样式

5.2.1 表格样式

5.2.2 列表样式

5.3 Display

5.3.1 隐藏元素

5.3.2 改变元素显示

5.4 浮动与定位

5.4.1 浮动与清除浮动

5.4.2 定位

5.4.3 层叠顺序

5.4.4 动手实践

5.5 布局

5.5.1 液态布局

5.5.2 固定布局

5.5.3 动手实践

项目九 个人简介4——CSS属性设置及T形布局

项目十 首页——定位及T形布局

项目十一 成长故事3、影迷注册——CSS属性综合练习

习题

第6章 CSS3新增属性

6.1 Border边框

6.2 文本相关属性

6.3 滤镜

6.4 过渡

6.5 动画

6.6 转换

6.6.1 2D转换

6.6.2 3D转换

6.7 Flex

6.7.1 布局

6.7.2 弹性项目

6.7.3 动手实践

项目十二 代表作品泰坦尼克号2——CSS3新增属性练习

习题

第7章 响应式网页

7.1 响应式网页设计概述

7.1.1 必要性

7.1.2 定义

7.1.3 视口

7.1.4 响应式布局

7.1.5 设计案例

7.2 媒体查询

7.2.1 媒体查询语法

7.2.2 动手实践

7.3 前端框架Bootstrap概述

7.3.1 Bootstrap基础

7.3.2 创建第一个Bootstrap 4页面

7.3.3 Bootstrap网格系统

7.4 前端框架Bootstrap样式

7.4.1 Bootstrap文字排版

7.4.2 Bootstrap颜色

7.4.3 Bootstrap表格

7.4.4 Bootstrap表单

7.4.5 Bootstrap表单控件

7.4.6 Bootstrap按钮

7.4.7 Bootstrap图片

项目十三 作品集锦——媒体查询

项目十四 调查问卷——Bootstrap制作响应式表单

习题

第8章 网站建设流程

8.1 明确网站定位

8.2 确定网站主题

8.3 网站结构规划

8.3.1 栏目版块规划

8.3.2 目录结构规划

8.3.3 链接结构规划

8.3.4 布局设计规划

8.4 收集网站内容

8.5 网站设计原则

8.6 网站测试发布

项目十五 网站整合

习题