WEB前端设计与制作——HTML+CSS+JAVASCRIPT

项目 1 Web前端开发概述



1.1

认识网页和网站 …………………… 2



1.2

Web前端开发技术及标准 ……… 6



1.3网页制作工具

………………………8





项目 2使用 HTML5组织页面内容





2.1

HTML基础 ……………………… 16



2.2

HTML5常用标签 ……………… 20



2.3项目案例

………………………… 40



2.4

HTML表单 ………………………41





项目 3使用 HTML5新增的标签





3.1

HTML5新增的语义标签 ……… 55



3.2

HTML5视频、音频标签 ………… 65



3.3项目案例

………………………… 69



3.4

HTML5新增的表单元素 ………72





项目 4使用 CSS样式设置页面外观





4.1认识

CSS ………………………… 83



4.2

CSS选择器 ……………………… 89



4.3

CSS文本与字体样式属性 ……… 97



4.4

CSS背景样式属性 ……………… 106



4.5项目案例

…………………………110







5.1网页布局概述

…………………… 118



5.2盒子模型

………………………… 120



5.3定位机制

………………………… 124



5.4

CSS布局 ………………………… 135



5.5项目案例

…………………………139





项目 6设置页面导航条和列表样式



6.1

CSS列表样式属性 ……………… 146



6.2

CSS边框样式属性 ……………… 153



6.3

CSS边距样式属性 ……………… 157



6.4项目案例

…………………………159





项目 7使用 CSS3美化页面



7.1

CSS3边框属性 ………………… 176



7.2

文本阴影与文本溢出属性 ……… 184



7.3

CSS3字体 ……………………… 187



7.4

CSS3的2D转换、过渡与动画 …… ……………………………………… 193



7.5项目案例

…………………………199



项目 8使用 JavaScript和jQuery实现动态效果



8.1初识

JavaScript………………… 211









8.2

JavaScript语言基础 …………… 213



8.3

JavaScript流程控制语句 ……… 218



8.4

函数的定义及使用 ……………… 222



8.5

数组的定义及使用 ……………… 223



8.6

HTMLDOM(文档对象模型 )…… ……………………………………… 226



8.7认识

JQuery …………………… 232



8.8

jQuery选择器 ………………… 234



8.9

jQuery事件操作 ……………… 238



8.10

jQuery的文档操作 …………… 238



8.11

jQuery动画特效 ……………… 242



8.12项目案例

………………………251





项目 9使用 Bootstrap构建响应式网页

9.1

响应式布局与媒体查询 ………… 264



9.2

Web前端框架 Bootstrap的使用 … ……………………………………… 267



9.3项目案例

…………………………291







项目 10综合案例

10.1

“钟山文化之旅 ”网站首页制作 …… ……………………………………… 299



10.2响应式布局

“钟山文化之旅 ”网站首页制作 ………………………………… 317