Web前端开发案例教程——HTML+CSS+JavaScript电子书

扉页

版权页

内容提要

前言

第1章 HTML基础

1.1 Web概述

1.1.1 Web客户端技术

1.1.2 Web服务端技术

1.1.3 Web前端开发

1.1.4 超文本传输协议

1.1.5 统一资源定位符

1.1.6 超文本标记语言

1.1.7 HTML简史

1.2 HTML文档结构

1.2.1 基本结构

1.2.2 编辑工具

1.3 HTML头部元素

1.3.1 <title>标签

1.3.2 <meta>标签

1.3.3 <link>标签

1.3.4 <style>元素

1.3.5 <script>元素

1.4 块级标签

1.4.1 基本的块级标签

1.4.2 常用于布局的块级标签

1.5 行级标签

1.5.1 图像标签<img/>

1.5.2 范围标签<span>

1.5.3 换行标签<br/>

1.5.4 超链接标签<a>

1.6 W3C标准

1.6.1 W3C提倡的Web页面结构

1.6.2 XHTML 1.0的基本规范

1.7 实践指导

1.7.1 实践训练技能点

1.7.2 实践任务

小结

拓展训练

第2章 表格和表单

2.1 表格基础

2.1.1 表格结构

2.1.2 表格标签

2.1.3 表格属性设置

2.1.4 跨行跨列

2.2 表单

2.2.1 表单标签

2.2.2 表单元素的基本格式

2.2.3 表单域

2.3 表格布局

2.3.1 应用场景

2.3.2 图文布局

2.3.3 表单布局

2.3.4 表格的嵌套布局

2.4 实践指导

2.4.1 实践训练技能点

2.4.2 实践任务

小结

拓展训练

第3章 框架

3.1 框架简介

3.2 <frameset>框架集

3.2.1 水平框架

3.2.2 垂直框架

3.2.3 混合框架

3.2.4 实现窗口间的关联

3.3 <iframe>内嵌框架

3.3.1 <iframe>的用法

3.3.2 设置iframe常用属性

3.4 框架综合实例

3.5 实践指导

3.5.1 实践训练技能点

3.5.2 实践任务

小结

拓展训练

第4章 CSS样式表基础

4.1 CSS简介

4.2 CSS基本语法

4.2.1 基本结构

4.2.2 选择器的分类

4.3 常用的样本属性

4.3.1 CSS的属性单位

4.3.2 字体属性

4.3.3 文本属性

4.3.4 背景属性

4.3.5 列表的常用属性

4.3.6 超链接伪类样式

4.3.7 CSS滤镜

4.3.8 多选择器的常用符号及组合

4.4 实践指导

4.4.1 实践训练技能点

4.4.2 实践任务

小结

拓展训练

第5章 CSS样式表布局

5.1 盒子模型及应用

5.1.1 盒子模型

5.1.2 盒子属性

5.2 DIV+CSS布局

5.2.1 div元素的样式设置

5.2.2 布局页面设置

5.2.3 div元素的嵌套

5.2.4 div元素的浮动

5.2.5 典型的DIV+CSS布局

5.3 应用样式

5.3.1 三种应用方式

5.3.2 样式优先级

5.4 典型的局部布局

5.4.1 div-ul-li局部布局

5.4.2 div-dl-dt-dd局部布局

5.5 实践指导

5.5.1 实践训练技能点

5.5.2 实践任务

小结

拓展训练

第6章 使用Dreamweaver制作网页

6.1 Dreamweaver基础

6.1.1 Dreamweaver界面

6.1.2 基本标签

6.2 表格

6.2.1 表格布局

6.2.2 表格的使用

6.3 表单

6.3.1 表单简介

6.3.2 表单的使用

6.4 框架

6.4.1 框架网页

6.4.2 制作框架页面

6.5 样式表

6.5.1 样式简介

6.5.2 制作样式表

6.6 实践指导

6.6.1 实践训练技能点

6.6.2 实践任务

小结

拓展训练

第7章 网站设计

7.1 网站开发流程

7.1.1 需求分析

7.1.2 伪界面设计

7.1.3 网站制作

7.1.4 测试网页

7.1.5 发布网站

7.2 创建站点

7.3 页面布局技术

7.3.1 表格布局

7.3.2 框架布局

7.3.3 DIV+CSS布局

7.4 网页制作

7.4.1 制作首页布局

7.4.2 制作网页模板

7.4.3 制作样式表文件和其他页面绑定

7.4.4 设置页面间的链接

7.5 测试并发布网站

7.5.1 测试内容

7.5.2 发布站点

7.6 实践指导

7.6.1 实践训练技能点

7.6.2 实践任务

小结

拓展训练

第8章 JavaScript基础

8.1 JavaScript简介

8.1.1 JavaScript语言特点

8.1.2 JavaScript基本结构

8.1.3 脚本的执行原理

8.2 JavaScript基础语法

8.2.1 变量

8.2.2 数据类型

8.2.3 注释

8.2.4 运算符

8.2.5 流程控制

8.2.6 常用的输入/输出

8.3 函数

8.3.1 内置函数

8.3.2 自定义函数

8.4 实践指导

8.4.1 实践训练技能点

8.4.2 实践任务

小结

拓展训练

第9章 JavaScript对象

9.1 JavaScript核心对象

9.1.1 数组对象

9.1.2 字符串对象

9.1.3 日期对象

9.1.4 数学对象

9.2 自定义对象

9.3 事件

9.3.1 JavaScript的事件

9.4 实践指导

9.4.1 实践训练技能点

9.4.2 实践任务

小结

拓展训练

第10章 DOM编程

10.1 Window对象

10.1.1 常用的属性

10.1.2 常用的方法

10.1.3 常用的事件

10.2 document对象

10.2.1 document对象的常用属性

10.2.2 document对象的常用方法

10.3 其他对象

10.3.1 history对象

10.3.2 location对象

10.3.3 表单对象

10.4 DOM编程应用

10.4.1 元素的显示和隐藏

10.4.2 复选框全选效果

10.5 实践指导

10.5.1 实践训练技能点

10.5.2 实践任务

小结

拓展训练

第11章 JavaScript常用特效

11.1 表单验证

11.1.1 表单验证的内容

11.1.2 表单验证

11.1.3 String对象

11.2 文本框特效

11.2.1 文本框对象

11.2.2 制作文本输入提示特效

11.3 JavaScript访问样式的应用

11.3.1 获取样式属性值

11.3.2 制作随鼠标滚动的广告图片

11.4 使用下拉列表框实现级联效果

11.4.1 下拉列表框对象

11.4.2 数组

11.4.3 实现省市级联效果

11.5 实践指导

11.5.1 实践训练技能点

11.5.2 实践任务

小结

拓展训练

附录A HTML 5基础

A.1 HTML 5简介

A.2 HTML 5视频

A.3 HTML 5 Video + DOM

A.4 HTML 5音频

A.5 HTML 5拖放

A.6 HTML 5 Canvas

A.7 HTML5地理定位

A.8 HTML 5 Web存储

A.9 HTML 5应用程序缓存

A.10 HTML 5 Web Workers

A.11 HTML 5服务器发送事件

附录B 客户端页面开发规范

第一部分 目的

第二部分 UI界面和编码规范

一、网站目录结构的规划

二、网站布局的规范

三、网页编码的规范

四、UI界面规范

参考文献