Web前端开发技术

第1章 Web前端开发技术综述

1.1 Web概述

1.1.1 Web的起源

1.1.2 Web的特点

1.1.3 Web工作原理

1.2 Web前端开发工程师职业需求

1.2.1 Web前端开发的由来

1.2.2 Web前端开发工程师的职业要求

1.3 Web前端开发技术

1.3.1 HTML

1.3.2 CSS

1.3.3 JavaScript

1.3.4 HTML DOM

1.3.5 BOM

1.3.6 AJAX

1.4 Web前端开发工具

1.4.1 NotePad

1.4.2 EditPlus

1.4.3 TextPad

1.4.4 Dreamweaver

1.4.5 TopStyle

1.4.6 CSS3 Menu

1.4.7 Sothink Tree Menu

1.4.8 ColorImpact

1.5 浏览器工具

1.5.1 Internet Explorer

1.5.2 Mozilla Firefox

1.5.3 Google Chrome

1.5.4 Oprea

1.5.5 手机浏览器

1.6 综合案例

本章小结

练习与实验

练习1

实验1

第2章 HTML基础

2.1 HTML文档结构

2.2 头部head

2.2.1 标题title标记

2.2.2 元信息meta标记

2.2.3 样式style标记

2.3 主体body

2.3.1 body标记

2.3.2 body标记属性

2.4 HTML基本语法

2.4.1 标记语法

2.4.2 属性语法

2.5 注释

2.6 HTML文档编写规范

2.6.1 HTML页面编码基本规范

2.6.2 HTML文件命名规则

2.7 HTML文档类型

2.7.1 2.7.2 DTD类型

2.8 综合实例

2.8.1 使用NotePad编写

2.8.2 使用EditPlus编写

本章小结

练习与实验

练习2

实验2

第3章 格式化文字与段落

3.1 Web页面初步设计

3.1.1 在body标记中添加文字信息

3.1.2 标题字标记

3.1.3 添加空格与特殊符号

3.2 文本标记

3.2.1 物理样式标记

3.2.2 逻辑样式标记

3.2.3 字体font标记

3.3 段落

3.3.1 段落p标记

3.3.2 换行br标记

3.3.3 水平分隔线hr标记

3.3.4 内容居中center标记

3.3.5 段落缩进blockquote标记

3.3.6 预格式化pre标记

3.4 综合实例

本章小结

练习与实验

练习3

实验3

第4章 列表

4.1 列表简介

4.2 无序列表

4.3 菜单列表和目录列表

4.3.1 菜单列表menu标记

4.3.2 目录列表dir标记

4.4 有序列表

4.5 嵌套列表

4.6 定义列表

4.7 综合实例

本章小结

练习与实验

练习4

实验4

第5章 超链接

5.1 超链接简介

5.2 创建超链接

5.2.1 超链接语法

5.2.2 超链接路径

5.2.3 超链接分类

5.3 链接对象

5.3.1 下载文件链接

5.3.2 书签链接

5.3.3 FTP链接

5.3.4 图像链接

5.3.5 电子邮件链接

5.4 综合实例

本章小结

练习与实验

练习5

实验5

第6章 图像与多媒体文件

6.1 图像

6.1.1 插入图像

6.1.2 设置图像的提示文字

6.1.3 设置图像的高度和宽度

6.1.4 设置图像的边框

6.1.5 设置图像对齐方式

6.1.6 设置图像的间距

6.1.7 设置图像链接

6.2 滚动文字

6.2.1 添加滚动文字

6.2.2 设置滚动文字背景颜色

6.2.3 设置滚动方向

6.2.4 设置滚动方式

6.2.5 设置滚动速度

6.2.6 设置滚动延迟

6.2.7 设置滚动范围

6.2.8 设置滚动空白空间

6.2.9 设置滚动循环

6.3 背景音乐与其他多媒体文件

6.3.1 添加背景音乐

6.3.2 插入音频和视频

6.3.3 插入flash动画

6.4 综合实例

本章小结

练习与实验

练习6

实验6

第7章 CSS+DIV基础

7.1 CSS概念

7.1.1 CSS的基本概念

7.1.2 传统HTML的缺点

7.1.3 CSS的特点

7.1.4 CSS的优势

7.1.5 CSS编辑方法

7.1.6 浏览器与CSS

7.2 使用CSS控制Web页面

7.2.1 CSS的基本语法

7.2.2 CSS选择器类型

7.2.3 CSS选择器声明

7.2.4 CSS定义与引用

7.3 CSS继承与层叠

7.4 DIV图层

7.4.1 DIV创建

7.4.2 DIV使用

7.5 嵌套图层

7.5.1 多DIV使用

7.5.2 DIV层叠

7.6 div标记与span标记

7.7 综合案例

本章小结

练习与实验

练习7

实验7

第8章 CSS+DIV高级应用

8.1 CSS属性值中的单位

8.1.1 绝对单位

8.1.2 相对单位

8.2 CSS文字样式

8.2.1 字体大小font size属性

8.2.2 字体样式font style属性

8.2.3 字体变体font variant属性

8.2.4 字体粗细font weight属性

8.2.5 字体系列font family属性

8.2.6 字体font属性

8.3 CSS精细排版样式

8.3.1 字符间距letter spacing属性

8.3.2 首行缩进text indent属性

8.3.3 字符装饰text decoration 属性

8.3.4 英文大小写转换text transform属性

8.3.5 水平对齐text align属性

8.3.6 垂直对齐vertical align属性

8.3.7 行距line height属性

8.4 CSS背景与颜色

8.4.1 颜色color属性

8.4.2 背景background属性

8.5 CSS列表样式

8.5.1 列表样式list style type属性

8.5.2 图像列表list style image属性

8.5.3 列表符号位置list style position属性

8.6 CSS盒模型

8.6.1 CSS盒模型结构

8.6.2 边界属性设置

8.6.3 边框属性设置

8.6.4 填充属性设置

8.7 CSS+DIV页面布局

8.8 综合实例

本章小结

练习与实验

练习8

实验8

第9章 表格

9.1 表格

9.2 表格标记

9.2.1 表格标记语法

9.2.2 表格标题caption标记

9.2.3 表格表头th标记

9.3 表格属性设置

9.3.1 表格边框属性

9.3.2 表格的宽度和高度属性

9.3.3 表格背景颜色与背景图像属性

9.3.4 表格边框样式属性

9.3.5 表格单元格间距、单元格边距属性

9.3.6 表格水平对齐属性

9.4 设置表格行的属性

9.4.1 表格行内容水平对齐的属性

9.4.2 表格行内容垂直对齐的属性

9.5 设置单元格的属性

9.5.1 表格单元格跨行属性

9.5.2 表格单元格跨列属性

9.6 表格嵌套

9.7 综合实例

本章小结

练习与实验

练习9

实验9

第10章 框架

10.1 框架概述

10.2 框架集的设置

10.2.1 框架集窗口水平分割

10.2.2 框架集窗口垂直分割

10.2.3 框架集窗口嵌套分割

10.2.4 框架集的边框

10.2.5 框架集边框的隐藏

10.3 框架的设置

10.3.1 框架名称属性

10.3.2 框架中显示网页属性

10.3.3 框架中滚动条属性

10.3.4 框架的边距属性

10.3.5 框架尺寸调整属性

10.4 浮动框架

10.5 框架与超链接关联

10.6 综合实例

本章小结

练习与实验

练习10

实验10

第11章 表单

11.1 表单

11.1.1 表单概述

11.1.2 表单标记

11.2 表单信息输入

11.2.1 单行文本输入框

11.2.2 密码输入框

11.2.3 复选框

11.2.4 单选按钮

11.2.5 图像按钮

11.2.6 提交按钮

11.2.7 重置按钮

11.2.8 普通按钮

11.2.9 文件选择框

11.2.1 0隐藏框

11.3 多行文本输入框

11.4 下拉列表框

11.5 定义域和域标题

11.6 综合实例

本章小结

练习与实验

练习11

实验11

第12章 JavaScript基础

12.1 JavaScript概述

12.1.1 JavaScript简介

12.1.2 第一个JavaScript程序

12.1.3 JavaScript放置

12.2 JavaScript程序

12.2.1 语句和语句块

12.2.2 代码

12.2.3 消息对话框

12.2.4 JavaScript注释

12.3 标识符和变量

12.3.1 命名规范

12.3.2 数据类型

12.3.3 变量

12.3.4 转义字符

12.4 运算符和表达式

12.4.1 算术运算符和表达式

12.4.2 关系运算符和表达式

12.4.3 逻辑运算符和表达式

12.4.4 赋值运算符和表达式

12.4.5 位运算符和表达式

12.4.6 条件运算符和表达式

12.4.7 其他运算符和表达式

12.5 JavaScript程序控制结构

12.5.1 顺序结构

12.5.2 分支结构

12.5.3 循环结构

12.6 JavaScript函数

12.6.1 常用系统函数

12.6.2 自定义函数

12.6.3 用return返回函数计算结果

12.6.4 函数变量的作用域

12.7 综合实例

本章小结

练习与实验

练习12

实验12

第13章 JavaScript事件分析

13.1 JavaScript事件概述

13.1.1 事件类型

13.1.2 事件句柄

13.1.3 事件处理

13.1.4 事件处理程序的返回值

13.2 表单事件

13.2.1 获得焦点与失去焦点事件

13.2.2 提交及重置事件

13.2.3 改变及选择事件

13.3 鼠标事件

13.3.1 鼠标单击事件

13.3.2 鼠标移动事件

13.4 键盘事件

13.5 窗口事件

13.6 综合实例

本章小结

练习与实验

练习13

实验13

第14章 DOM和BOM

14.1 常用对象

14.1.1 Array

14.1.2 Date

14.1.3 Math

14.1.4 Number

14.1.5 String

14.1.6 Boolean

14.2 HTML DOM

14.2.1 DOM简介

14.2.2 DOM节点树

14.2.3 DOM节点

14.2.4 DOM节点访问

14.2.5 DOM应用实例

14.3 BOM

14.3.1 window对象

14.3.2 navigator对象

14.3.3 screen对象

14.3.4 history对象

14.3.5 location对象

14.4 综合实例

本章小结

练习与实验

练习14

实验14

第15章 课程网站构建与发布

15.1 课程网站结构

15.1.1 网站概况

15.1.2 网站功能需求

15.1.3 网站架构设计

15.2 课程网站设计与实现

15.2.1 网站页面布局设计

15.2.2 网站CSS定义

15.2.3 网站首页设计

15.3 二级页面设计

15.3.1 网站首页的内嵌页面设计

15.3.2 主讲教师页面设计

15.3.3 网上测验页面设计

15.3.4 其他页面设计

15.4 Web服务器简介

15.5 Web服务器的安装、配置与发布

15.5.1 EasyPHP安装

15.5.2 EasyPHP配置

15.5.3 Web网站发布与管理

本章小结

练习与实验

练习15

实验15

附录：模拟试卷

参考文献

本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求，详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理，由浅入深、循序渐进地引导读者快速入门，并能提高初级及以上读者的实际应用水平，让读者能够快速适应岗位的需求。全书共分为15章。第1章Web前端开发技术综述；第2章HTML基础；第3章格式化文字与段落；第4章列表；第5章超链接；第6章图片与多媒体文件；第7章CSS+DIV基础；第8章CSS+DIV高级应用；第9章表格；第10章框架；第11章表单；第12章JavaScript基础；第13章JavaScript事件分析；第14章DOM和BOM；第15章课程网站构建与发布。每章均附有知识结构框架图、本章学习目标、本章小结、练习与实验，便于读者学习和自主练习与提高，以期达到熟练掌握各类技术的目的。本书可作为高等学校本科计算机及相关专业或文科相关专业的计算机公共基础的“网页开发与设计”、“网页制作”、“Web客户端编程”、“Web前端开发技术”等课程教学的教材，也可作为IT相关岗位的工程技术人员参考用书，还可以作为初学者自学参考书。

教材获奖：荣获第四届中国大学出版社图书奖“优秀教材二等奖”。
教材认可度高：备受全国高等学校欢迎，被全国100多所高等学校选作教材和教参。
资源形式丰富：提供全套教学资源，含PPT、教学案例、练习与实验答案、样卷。
内容新颖全面：紧贴Web前端开发工程师的岗位的需求，精心策划教学内容。全面讲解HTML、CSS、DIV、JavaScript、DOM与BOM等内容。
实例真实丰富：项目化教学，从商业网站精选实例，每章再遴选一个经典的综合案例，将本章和相邻章节的知识融会贯通。
讲解图文并茂：使用大量图表、图片进行归纳与分析，形象生动，便于学生自学。
代码规范统一：提供风格统一、格式规范的源代码，培养读者良好的编程习惯。
适用层次广泛：不仅适用本科、高职等高等学校的教学与实验需要，而且也适合IT工程技术人员业务学习参考。