第1章  网站建设概述

本章导读

学习目标

素质目标

1.1  认识网站与网页

1.1.1  网站、网页和首页

1.1.2  其他相关概念

1.2  网站建设技术方向

1.2.1  UI设计方向

1.2.2  Web前端开发方向

1.2.3  后台程序开发方向

1.3  网站建设流程

1.4  行业优势与前景

1.4.1  网站建设行业优势分析

1.4.2  网站建设行业前景

思考总结

本章习题

第2章  HTML与HTML5

本章导读

学习目标

素质目标

2.1  HTML基础

2.1.1  什么是HTML

2.1.2  HTML的主要功能

2.1.3  HTML标签的基本语法

2.1.4  HTML的基本结构

2.1.5  HTML标签的分类

2.1.6  HTML注释

2.1.7  HTML的常用编辑工具

2.2  HTML5

2.2.1  HTML5概述

2.2.2  HTML5的优势

2.2.3  HTML5的语法变化

2.3  HTML头部

2.3.1  <title>标签

2.3.2  <meta>标签

2.4  HTML无语义标签

2.4.1  <span>标签

2.4.2  <div>标签

2.5  HTML文字相关标签

2.5.1  标题标签<h1>～<h6>

2.5.2  段落标签<p>

2.5.3  换行标签<br />

2.5.4  水平线标签<hr />

2.5.5  文字样式标签<font>

2.5.6  倾斜文字标签<i>和<em>

2.5.7  加粗文字标签<b>和<strong>

2.5.8  文字下划线标签<u>

2.5.9  预留字符的使用

2.6  HTML图像标签

2.6.1  网页中的图像文件类型

2.6.2  网页中的相对地址和绝对地址

2.6.3  图像标签<img>

2.6.4  图像对齐方式align

2.6.5  水平间距hspace和垂直间距vspace

2.7  HTML超链接标签

2.7.1  超链接标签<a>

2.7.2  超链接属性target

2.7.3  锚点链接

2.7.4  图像链接

2.7.5  图像热区链接

2.7.6  空链接

2.7.7  E-mail链接

2.7.8  JavaScript链接

2.8  HTML列表标签

2.8.1  无序列表

2.8.2  有序列表

2.8.3  定义列表

2.9  HTML表单标签

2.9.1  表单标签<form>

2.9.2  表单控件<input>

2.9.3  多行文本域<textarea>

2.9.4  下拉列表<select>

2.10  HTML框架标签

2.10.1  框架标签<iframe>

2.10.2  滚动条显示属性scrolling

2.11  HTML表格标签

2.11.1  表格标签<table>

2.11.2  单元格合并

2.11.3  表格分组标签

2.11.4  表格列属性设置标签

2.12  HTML多媒体标签

2.12.1  多媒体标签<embed>插入视频

2.12.2  多媒体标签<object>插入音频

2.12.3  背景音乐标签<bgsound>

2.13  HTML5新增常用标签及通用属性

2.13.1  语义化标签

2.13.2  文本格式化标签

2.13.3  页面增强标签

2.13.4  多媒体标签

2.13.5  HTML5新增通用属性

2.14  HTML5新增表单控件及属性

2.14.1  表单控件<input>的新增类型

2.14.2  新增表单控件<output>

2.14.3  HTML5表单控件的新增属性

2.15  综合案例——百度首页

思考总结

本章习题

实训作业

第3章  CSS与CSS3

本章导读

学习目标

素质目标

3.1  了解CSS样式

3.1.1  什么是CSS样式

3.1.2  CSS样式的发展

3.2  CSS样式语法

3.2.1  CSS样式基本语法

3.2.2  CSS注释

3.3  CSS样式的引用方法

3.3.1  内联样式

3.3.2  内部样式

3.3.3  引入外部样式文件

3.3.4  导入外部样式文件

3.4  CSS选择器

3.4.1  基本选择器

3.4.2  关系选择器

3.4.3  伪类选择器

3.4.4  伪元素选择器

3.4.5  属性选择器

3.5  CSS的继承性、层叠性与优先级

3.5.1  继承性

3.5.2  层叠性

3.5.3  优先级

3.6  CSS的尺寸与颜色

3.6.1  CSS尺寸

3.6.2  CSS颜色

3.7  CSS文本控制

3.7.1  字体样式

3.7.2  文本样式

3.8  CSS盒子模型

3.8.1  盒子的宽和高

3.8.2  盒子的边框border

3.8.3  盒子的外边距margin

3.8.4  盒子的内边距padding

3.8.5  盒子的背景background

3.8.6  盒子尺寸的计算方式box-sizing

3.8.7  盒子的阴影box-shadow

3.8.8  圆角属性border-radius

3.9  CSS浮动和定位布局

3.9.1  浮动float

3.9.2  定位position

3.9.3  显示display

3.10  CSS弹性布局（flex）

3.10.1  主轴方向flex-direction

3.10.2  换行方式flex-wrap

3.10.3  综合设置flex-flow

3.10.4  主轴对齐justify-content

3.10.5  交叉轴对齐align-items

3.10.6  多轴线对齐align-content

3.11  CSS表格控制

3.11.1  边框合并border-collapse

3.11.2  分隔单元格边框距离border-spacing

3.11.3  标题位置caption-side

3.11.4  单元格文本垂直对齐vertical-align

3.12  CSS列表控制

3.12.1  标记类型list-style-type

3.12.2  标记图片list-style-image

3.12.3  标记定位list-style-position

3.12.4  标记样式简写list-style

3.13  CSS多列控制

3.13.1  多列控制column-count

3.13.2  列之间的间隔column-gap

3.13.3  列之间的分割线column-rule

3.14  CSS过渡

3.14.1  过渡效果应用的属性transition-property

3.14.2  过渡效果花费的时间transition-duration

3.14.3  过渡效果的速度曲线transition-timing-function

3.14.4  过渡效果的等待时间transition-delay

3.14.5  过渡属性transition

3.15  2D或3D转换

3.15.1  2D转换

3.15.2  3D转换

3.16  CSS动画控制

3.16.1  动画变化规则@keyframes

3.16.2  动画的应用

3.17  自适应屏幕@media screen

3.17.1  尺寸最小法min-width

3.17.2  尺寸最大法max-width

3.17.3  尺寸区间法min-width and max-width

3.18  综合案例——制作婚礼策划机构首页

思考总结

本章习题

实训作业

第4章  JavaScript基础

本章导读

学习目标

素质目标

4.1  JavaScript概述

4.1.1  认识JavaScript

4.1.2  JavaScript的作用

4.1.3  JavaScript代码嵌入HTML中的方法

4.2  JavaScript语法

4.2.1  JavaScript代码格式

4.2.2  大小写规范

4.2.3  注释

4.2.4  JavaScript中的保留字

4.2.5  输出方法

4.3  JavaScript常量与变量

4.3.1  常量

4.3.2  变量

4.4  JavaScript数据类型

4.4.1  数值型

4.4.2  字符串型

4.4.3  布尔型

4.4.4  未定义型

4.4.5  null型

4.5  JavaScript运算符

4.5.1  算术运算符

4.5.2  关系运算符

4.5.3  赋值运算符

4.5.4  逻辑运算符

4.5.5  条件运算符

4.6  流程控制语句

4.6.1  if语句

4.6.2  switch语句

4.6.3  for语句

4.6.4  while语句

4.6.5  do…while语句

4.7  函数

4.7.1  函数的定义及函数的形参

4.7.2  函数的调用及函数的实参

4.7.3  变量的作用域

4.7.4  函数的嵌套

4.7.5  时间函数

4.8  数组

4.8.1  数组的声明

4.8.2  数组元素的引用

4.8.3  数组的属性和方法

4.8.4  数组的遍历

4.9  对象

4.9.1  对象的声明

4.9.2  对象的构造

4.9.3  对象属性的访问

4.9.4  对象方法的访问

4.10  JavaScript内置对象

4.10.1  Date对象

4.10.2  Math对象

4.10.3  string对象

4.10.4  array对象

4.11  正则表达式

4.11.1  正则表达式的组成

4.11.2  正则表达式相关方法

4.12  文档对象模型DOM

4.12.1  获取元素

4.12.2  获取和修改HTML内容

4.12.3  查看和修改DOM元素CSS属性

4.12.4  查看和修改DOM元素的属性

4.12.5  创建、添加、删除、替换DOM元素

4.12.6  DOM事件

4.13  浏览器对象模型BOM

4.13.1  JavaScript Window

4.13.2  JavaScript Screen

4.13.3  JavaScript Location

4.13.4  JavaScript History

4.14  综合案例——美丽的时钟

思考总结

本章习题

实训作业

第5章  JQuery常用函数

本章导读

学习目标

素质目标

5.1  JQuery捕获及创建HTML元素

5.1.1  捕获元素

5.1.2  创建HTML元素

5.1.3  获取同类名元素的下标值

5.2  JQuery设置及获取HTML相关内容或属性

5.2.1  设置及获取文本text()

5.2.2  设置及获取内容html()

5.2.3  设置及获取属性attr()

5.2.4  设置及获取窗口滚动条顶端位置scrollTop()

5.2.5  获取窗口宽度width()与高度height()

5.3  JQuery设置HTML元素CSS样式

5.3.1  隐藏和显示元素

5.3.2  设置HTML元素的CSS样式

5.4  JQuery删除、查找及克隆元素

5.4.1  删除元素remove()

5.4.2  查找父元素parent()

5.4.3  查找子元素find()

5.4.4  克隆元素clone()和追加元素appendTo()、append()

5.5  JQuery常用事件及典型案例

5.5.1  案例——选项卡效果

5.5.2  案例——自动显示与隐藏的返回顶部按钮

5.5.3  案例——弹性布局的图片展示

5.6  综合案例——轮播图

思考总结

本章习题

实训作业

第6章  开发者商务网站建设

本章导读

学习目标

素质目标

6.1  布局首页

6.1.1  布局首页头部

6.1.2  布局搜索行

6.1.3  布局一级导航

6.1.4  布局banner图

6.1.5  布局商品展示区

6.1.6  布局脚部与返回顶部按钮

6.2  实现首页人机交互效果

6.2.1  微信二维码的显示与隐藏

6.2.2  二级导航的插入与选项卡效果

6.2.3  banner图轮播效果实现

6.2.4  返回顶部效果实现

6.2.5  导航栏实时固定于顶部效果实现

6.3  制作其他页面

6.3.1  制作一级列表页

6.3.2  制作二级列表页

6.3.3  制作商品详情页

6.3.4  制作订单列表页

6.3.5  制作登录页

6.3.6  制作注册页

6.3.7  制作后台管理页

参考文献