Html+JavaScript网页制作与开发完全学习手册

第1篇 HTML技术

第1章 HTML入门

1.1 什么是HTML

1.1.1 HTML的特点

1.1.2 HTML的历史

1.2 HTML文件的基本结构

1.2.1 HTML文件结构

1.2.2 编写HTML文件注意事

1.3 HTML文件编写方法

1.3.1 使用记事本编写HTML页面

1.3.2 使用Dreamweaver编写HTML文件

1.4 网页设计与开发的过程

1.4.1 明确网站定位

1.4.2 收集信息和素材

1.4.3 规划栏目结构

1.4.4 设计页面图像

1.4.5 制作页面

1.4.6 实现后台功能

1.4.7 网站的测试与发布

第2章 HTML网页基本标记的使用

2.1 HTML页面主体常用设置

2.1.1 定义网页背景色：bgcolor

2.1.2 设置背景图片：background

2.1.3 设置文字颜色：text

2.1.4 设置链接文字属性

2.1.5 设置页面边距

2.2 页面头部元素和

2.3 页面标题元素

2.4 元信息元素

2.4.1 设置页面关键词

2.4.2 设置页面主要内容

2.4.3 定义页面的搜索方式

2.4.4 定义编辑工具

2.4.5 定义页面的作者信息

2.4.6 定义网页文字及语言

2.4.7 定义页面的跳转

2.4.8 定义页面的版权信息

2.5 脚本元素

2.6 创建样式元素

2.7 链接元素

2.8 综合实战——创建基本的HTML文件

第3章 用HTML设置文字与段落格式

3.1 插入其他标记

3.1.1 输入空格符号

3.1.2 输入特殊符号

3.2 设置文字的格式

3.2.1 设置字体：face

3.2.2 设置字号：size

3.2.3 设置文字颜色：color

3.2.4 设置粗体、斜体、下划线：b、strong、em、u

3.2.5 设置上标与下标：sup、sub

3.2.6 多种标题样式的使用： ～

3.3 设置段落的格式

3.3.1 给文字进行分段：p

3.3.2 段落的对齐属性：align

3.3.3 不换行标记：nobr

3.3.4 换行标记：br

3.4 水平线标记

3.4.1 插入水平线：hr

3.4.2 设置水平线宽度与高度属性：width、size

3.4.3 设置水平线的颜色：color

3.4.4 设置水平线的对齐方式：align

3.4.5 水平线去掉阴影

3.5 设置滚动文字

3.5.1 滚动文字标签——marquee

3.5.2 滚动方向属性——direction

3.5.3 滚动方式属性——behavior

3.5.4 滚动速度属性——scrollamount

3.5.5 滚动延迟属性——scrolldelay

3.5.6 滚动循环属性——loop

3.5.7 滚动范围属性——width、height

3.5.8 滚动背景颜色属性——bgcolor

3.5.9 滚动空间属性——hspace、vspace

3.6 综合实战——设置页面文本及段落

第4章 用HTML创建精彩的图像和多媒体页面

4.1 网页中常见的图像格式

4.2 插入图像并设置图像属性

4.2.1 图像标记：img

4.2.2 设置图像高度：height

4.2.3 设置图像宽度：width

4.2.4 设置图像的边框：border

4.2.5 设置图像水平间距：hspace

4.2.6 设置图像垂直间距：vspace

4.2.7 设置图像的对齐方式：align

4.2.8 设置图像的替代文字：alt

4.3 添加多媒体文件

4.4 添加背景音乐

4.4.1 设置背景音乐：bgsound

4.4.2 设置循环播放次数：loop

4.5 综合实战

4.5.1 实战——创建多媒体网页

4.5.2 实战——创建图文混合排版网页

第5章 用HTML创建超链接

5.1 链接和路径

5.1.1 超链接的基本概念

5.1.2 路径URL

5.1.3 HTTP路径

5.1.4 FTP路径

5.1.5 邮件路径

5.2 链接元素

5.2.1 指定路径href

5.2.2 显示链接目标属性target

5.2.3 链接的热键属性accesskey

5.3  创建图像的超链接

5.3.1 设置图像超链接

5.3.2 设置图像热区链接

5.4 创建锚点链接

5.4.1 创建锚点

5.4.2 链接到页面不同位置的锚点链接

5.5 下载文件链接

5.6 综合实战——给网页添加链接

第6章 使用HTML创建强大的表格

6.1 创建并设置表格属性

6.1.1 表格的基本标记：table、tr、td

6.1.2 表格宽度和高度：width、height

6.1.3 表格的标题：caption

6.1.4 表格的表头：th

6.1.5 表格对齐方式：align

6.1.6 表格的边框宽度：border

6.1.7 表格边框颜色：bordercolor

6.1.8 单元格间距：cellspacing

6.1.9 单元格边距：cellpadding

6.1.10 表格的背景色：bgcolor

6.1.11 表格的背景图像：background

6.2 表格的结构标记

6.2.1 设计表头样式：thead

6.2.2 设计表主体样式：tbody

6.2.3 设计表尾样式：tfoot

6.3 综合实战——使用表格排版网页

第7章 创建框架结构网页

7.1 窗口框架简介

7.2 设置框架集标记frameset属性

7.2.1 水平分割窗口：rows

7.2.2 垂直分割窗口：cols

7.2.3 嵌套分割窗口

7.2.4 设置边框：frameborder

7.2.5 框架的边框宽度：framespacing

7.2.6 框架的边框颜色：bordercolor

7.3 设置框架标记frame属性

7.3.1 框架页面源文件：src

7.3.2 框架名称：name

7.3.3 调整框架窗口的尺寸：noresize

7.3.3 框架边框与页面内容的水平边距：marginwidth

7.3.5 框架边框与页面内容的垂直边距：marginheight

7.3.6 设置框架滚动条显示：scrolling

7.3.7 不支持框架标记：noframes

7.4 浮动框架

7.4.1 浮动框架的页面源文件：src

7.4.2 浮动框架的宽度和高度：width和height

7.4.3 浮动框架对齐方式：align

7.4.4 设置浮动框架是否显示滚动条：scrolling

7.4.5 浮动框架的边框：frameborder

7.5 综合实战——创建上方固定、左侧嵌套的框架网页

第8章 创建交换式表单

8.1 表单元素

8.1.1 动作属性：action

8.1.2 发送数据方式属性method

8.1.3 名称属性：name

8.1.4 编码方式：enctype

8.1.5 目标显示方式：target

8.2 表单的控件

8.2.1 文本域text

8.2.2 密码区域password

8.2.3 提交按钮submit

8.2.4 复位按钮reset

8.2.5 图像按钮image

8.2.6 单击按钮button

8.2.7 复选框checkbox

8.2.8 单选按钮radio

8.2.9 隐藏区域hidden

8.2.10 文件域：file

8.2.11 文本区域标记：textarea

8.2.12 下拉列表

8.2.13 列表项

8.3 综合实战——用户注册表单页面实例

第9章 列表元素

9.1 无序列表元素

9.2 有序列表元素

9.2.1 项目符号的类型属性type

9.2.2 有序列表的起始值属性start

9.3 列表条目元素

9.3.1 项目符号的类型属性type

9.3.2 条目编号属性value

9.4 定义列表元素

9.5 菜单列表标记menu

9.6 目录列表dir

9.7 列表的嵌套

9.8 综合实战

9.8.1 实战——文本导航

9.8.2 实战——标签式导航

9.8.3 实战——竖排导航

第10章 HTML 5 入门基础

10.1 认识HTML 5

10.2 HTML 5与HTML 4的区别

10.2.1 HTML 5的语法变化

10.2.2 HTML 5中的标记方法

10.2.3 HTML 5语法中的3个要点

10.2.4 HTML 5与HTML 4在搜索引擎优化的对比

10.3 HTML 5新增的元素和废除的元素

10.3.1 新增的结构元素

10.3.2 新增块级元素

10.3.3 新增的行内的语义元素

10.3.4 新增的嵌入多媒体元素与交互性元素

10.3.5 新增的input元素的类型

10.3.6 废除的元素

10.4 新增的属性和废除的属性

10.4.1 新增的属性

10.4.2 废除的属性

10.5 创建简单的HTML 5页面

10.5.1 HTML 5文档类型

10.5.2 字符编码

10.5.3 页面语言

10.5.4 添加样式表

10.5.5 添加JavaScript

10.5.6 测试结果

第11章 HTML 5的结构

11.1 新增的主体结构元素

11.1.1 article元素

11.1.2 section元素

11.1.3 nav元素

11.1.4 aside元素

11.2 新增的非主体结构元素

11.2.1 header元素

11.2.2 hgroup元素

11.2.3 footer元素

11.2.4 address元素

第2篇 CSS布局

第12章 CSS+DIV布局定位基础

12.1 网站与Web标准

12.1.1 什么是Web标准

12.1.2 为什么要建立Web标准

12.1.3 怎样改善现有网站

12.2 Div标记与Span 标记

12.2.1 Div概述

12.2.2 Div与Span的区别

12.3 表格布局与CSS布局的区别

12.3.1 CSS的优势

12.3.2 表格布局与CSS布局对比

第13章 盒子模型及定位

13.1 盒子模型

13.1.1 盒子模型的概念

13.1.2 border

13.1.3 padding

13.1.4 margin

13.2 盒子的浮动float

13.3 盒子的定位

13.3.1 绝对定位：absolute

13.3.2 固定定位：fixed

13.3.3 相对定位：relative

13.4 CSS布局理念

13.4.1 将页面用div分块

13.4.2 设计各块的位置

13.4.3 用CSS定位

13.5 常见的布局类型

13.5.1 使用CSS定位单行单列固定宽度

13.5.2 一列自适应

13.5.3 两列固定宽度

13.5.4 两列宽度自适应

13.5.5 三列浮动中间宽度自适应

第3篇 JavaScript网页特效

第14章 JavaScript基础知识

14.1 JavaScript简介

14.1.1 JavaScript的历史

14.1.2 JavaScript特点

14.1.3 JavaScript注释

14.2 JavaScript的添加方法

14.2.1 内部引用

14.2.2 外部调用js文件

14.2.3 添加到事件中

14.3 第一个JavaScript程序

14.3.1 预备知识

14.3.2 JavaScript编辑器的选择

14.3.3 编写Hello World程序

14.3.4 浏览器对JavaScript的支持

14.4 综合实战——浏览器状态栏显示信息

第15章 数据类型和变量

15.1 基本数据类型

15.1.1 使用字符串型数据

15.1.2 使用数值型数据

15.1.3 使用布尔型数据

15.1.4 使用Undefined和Null类型

15.2 复合数据类型

15.2.1 常用的内置对象

15.2.2 日期对象

15.2.3 数学对象

15.2.4 字符串对象

15.2.5 数组对象

15.3 常量

15.3.1 常量的种类

15.3.2 常量的使用方法

15.4 变量

15.4.1 变量的含义

15.4.2 变量的定义方式

15.4.3 变量的命名规则

15.4.4 变量的作用范围

15.5 综合实战——制作倒计时特效

第16章 表达式与运算符

16.1 表达式

16.2 操作数

16.3 运算符介绍

16.3.1 运算符

16.3.2 操作数的类型

16.4 算术运算符

16.4.1 加法运算符

16.4.2 减法运算符

16.4.3 乘法运算符

16.4.4 除法运算符

16.4.5 取模运算符

16.4.6 负号运算符

16.4.7 正号运算符

16.4.8 递增运算符

16.4.9 递减运算符

16.5 关系运算符

16.5.1 相等运算符

16.5.2 等同运算符

16.5.3 不等运算符

16.5.4 不等同运算符

16.5.5 小于运算符

16.5.6 大于运算符

16.5.7 小于或等于运算符

16.5.8 大于或等于运算符

16.6 字符串运算符

16.7 赋值运算符

16.8 逻辑运算符

16.8.1 逻辑与运算符

16.8.2 逻辑或运算符

16.8.3 逻辑非运算符

16.9 位运算符

16.9.1 位与运算符

16.9.2 位或运算符

16.9.3 位异或运算符

16.9.4 位非运算符

16.9.5 左移运算符

16.9.6 带符号右移运算符

第17章 JavaScript 程序核心语法

17.1 函数

17.1.1 什么是函数

17.1.2 函数的参数传递

17.1.3 函数中变量的作用域和返回值

17.2 函数的定义

17.2.1 函数的普通定义方式

17.2.2 函数的变量定义方式

17.2.3 函数的指针调用方式

17.3 使用选择语句

17.3.1 if选择语句

17.3.2 if?else选择语句

17.3.3 if?else if?else选择语句

17.3.4 switch多条件选择语句

17.4 使用循环语句

17.4.1 for循环语句

17.4.2 while循环语句

17.4.3 do?while循环语句

17.4.4 break和continue跳转语句

17.5 综合实战——禁止鼠标右击

第18章 JavaScript核心对象

18.1 面向对象编程的简单概念

18.1.1 什么是面向对象

18.1.2 如何创建对象

18.1.3 对象的属性

18.1.4 对象的方法

18.2 对象应用

18.2.1 声明和实例化

18.2.2 对象的引用

18.2.3 对象的废除

18.2.4 对象的早绑定和晚绑定

18.3 JavaScript的对象层次

18.3.1 客户端对象层次介绍

18.3.2 浏览器对象模型

18.4 综合实战——显示当前时间

第19章 JavaScript中的事件

19.1 事件驱动与事件处理

19.1.1 事件详解

19.1.2 事件与事件驱动

19.1.3 事件与处理代码关联

19.1.4 调用函数的事件

19.1.5 调用代码的事件

19.1.6 设置对象事件的方法

19.2 常见事件

19.2.1 onClick事件

19.2.2 onchange事件

19.2.3 onSelect事件

19.2.4 onfocus事件

19.2.5 onload事件

19.2.6 鼠标移动事件

19.2.7 onblur事件

19.2.8 onsubmit事件和onreset事件

19.2.9 onresize页面大小事件

19.2.10 键盘事件

19.3 其他常用事件

19.4 综合实战——将事件应用于按钮中

第20章 窗口对象

20.1 window对象

20.1.1 window对象介绍

20.1.2 window对象的使用方法

20.2 窗口的位置

20.2.1 获取窗口外侧及内侧尺寸

20.2.2 按照指定的数值逐渐移动浏览器

20.2.3 滚动窗口

20.2.4 调整窗口的大小

20.3 对话框

20.3.1 警告对话框

20.3.2 询问对话框

20.3.3 输入对话框

20.4 状态栏

20.4.1 状态栏介绍

20.4.2 默认状态栏信息

20.4.3 状态栏瞬间信息

20.4.4 在状态栏显示滚动文字

20.4.5 在状态栏显示问候语句

20.4.6 检索页面中的文字

20.5 窗口操作

20.5.1 打开新窗口

20.5.2 窗口名字

20.5.3 关闭窗口

20.5.4 窗口的引用

20.5.5 在显示器左上角显示窗口

20.5.6 在显示器左下角显示窗口

20.5.7 在显示器右上角显示窗口

20.5.8 在显示器右下角显示窗口

20.6 综合实战

20.6.1 实战——全屏显示窗口

20.6.2 实战——定时关闭窗口

第21章 屏幕和浏览器对象

21.1 屏幕对象

21.1.1 检测显示器参数

21.1.2 客户端显示器屏幕分辨率

21.1.3. 客户端显示器屏幕的有效宽度和高度

21.1.4 获取显示器的显示信息

21.2 浏览器对象

21.2.1 获取浏览器对象的属性值

21.2.2 Plugin插件

21.2.3 获取可使用的MIME类型

21.3 综合实战

21.3.1 实战——设置为首页和加入收藏夹

21.3.2 实战——浏览器状态栏显示信息

第22章 文档对象

22.1 文档对象概述

22.1.1 文档对象介绍

22.1.2 文档对象的使用方法

22.1.3 引用文档中对象的方法

22.2 文档对象的应用

22.2.1 设置超链接的颜色

22.2.2 设置网页背景颜色和默认文字颜色

22.2.3 文档上次修改时间

22.2.4 在网页中输出内容

22.2.5 文档定位

22.2.6 文档标题

22.2.7 打开和关闭文档

22.3 链接对象

22.3.1 链接对象的介绍

22.3.2 感知鼠标移动事件

22.4 脚本化cookie

22.4.1 cookie介绍

22.4.2 cookie的优点和缺点

22.4.3 检测浏览器是否支持cookie功能

22.4.4 创建cookie

22.4.5 cookie的生存期

22.5 综合实战——文字连续变换多种颜色

第23章 历史对象和地址对象

23.1 历史对象

23.1.1 历史对象的介绍

23.1.2 前进到上一页和后退到下一页

23.1.3 跳转

23.1.4 创建返回或前进到数页前页面的按钮

23.2 地址对象

23.2.1 URL介绍

23.2.2 获取当前页面的URL

23.2.3 加载新网页

23.2.4 获取参数

23.2.5 刷新文档

23.2.6 加载新文档

23.2.7 页面加载结束后，加载下一个页面

23.3 综合实战——制作一个用户登录页面

第24章 表单对象和图片对象

24.1 form表单对象

24.1.1 在链接中使用单选按钮

24.1.2 给按钮添加链接

24.1.3 给下拉列表添加链接

24.1.4 在文本框中滚动显示文字

24.1.5 变更复选框的值

24.1.6 密码验证

24.1.7 确认是否重置

24.1.8 选择上传的文件

24.2 image图片对象

24.2.1 获取图片信息

24.2.2 图片轮番显示效果

24.2.3 控制动画播放

24.2.4 指向或单击图片时，使图片发生变换

24.2.5 显示加载图片状态

24.2.6 确认是否重新加载图片

24.3 综合实战

24.3.1 实战——如何制作在网页上不断飘来飘去的图片

24.3.2 实战——不用数据库，要访问者要输入正确的名称与密码才能进入网页

第4篇 综合实战

第25章 设计制作企业网站

25.1 网站整体规划

25.1.1 网站的需求分析

25.1.2 色彩搭配与风格设计

25.2 页面架构分析

25.2.1 页面内容结构布局

25.2.2 页面HTML框架代码

25.3 页面的通用规则

25.4 制作页面头部header部分

25.4.1 制作页面头部的结构

25.4.2 定义页面头部的样式

25.5 制作网站导航nav部分

25.5.1 制作网站导航nav部分页面结构

25.5.2 定义网站导航nav部分样式

25.6 制作欢迎文字welcome部分

25.6.1 制作welcome部分页面结构

25.6.2 定义welcome部分样式

25.7 制作会员登录与精彩活动部分

25.7.1 制作会员登录部分

25.7.2 制作精彩活动部分

25.8 制作"我们的优势"和"应对策略"部分

25.8.1 制作"我们的优势"部分

25.8.2 制作"应对策略"部分

25.9 制作底部footer部分

25.10 利用JavaScript制作网页特效

25.11 网站的推广

25.11.1 登录搜索引擎

25.11.2 利用友情链接

25.11.3 借助网络广告

25.11.4 登录网址导航站点

25.11.5 BBS宣传

25.11.6 发布信息推广

25.11.7 利用群组消息即时推广

25.11.8 电子邮件推广

25.11.9 电子邮件推广的技巧

查看全部↓

前言/序言

查看全部↓

本书定位于网页制作与开发初中级读者，全面介绍了使用HTML、JavaScript 进行网页设计和制作的各方面内容和技巧。本书不是单纯的讲解语法，而是通过一个个鲜活、典型的实战来达到学以致用的目的，每个语法都有相应的实例，每章后面又配有综合小实例，力求达到理论知识与实践操作完美结合的效果。本书可作为高校院校相关专业的教材，也可供从事网页设计与制作、网站开发、网站编程的业内人员参考。

本书主要特色：
1.知识全面系统：本书内容完全从网页创建的实际角度出发，将所有HTM·和JavaScript 元素进行归类，每个标记的语法、属性和参数都有完整详细的说明，信息量大，知识结构完善。
2.****：本书在讲解HTM·基础知识的同时，讲解在未来Web 时代中备受欢迎的HTM·5 的新知识，让读者能够真正学习到HTM·5 *实用、*流行的技术。
3.典型实例讲解:本书通过一个知识点、一个例子、一个结果、一段代码分析，再加上综合应用的模式，透彻详尽地讲述了实际开发中所需的各类知识，力求达到理论知识与实际操作完美结合的效果。
4.贴心提示:本书根据需要在各章使用了很多“提示”等小栏目，让读者可以在学习过程中更轻松地理解相关知识点及概念，并轻松地掌握个别技术的应用技巧。
5.配合Dreamweaver 进行讲解:本书以浅显的语言和详细的步骤介绍了在可视化网页软件Dreamweaver 中如何运用HTM·和JavaScript 代码来创建网页，使网页制作更加得心应手。
6.配图丰富，效果直观:对于每一个实例代码，本书都配有相应的效果图，读者无需自己进行编码，也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下，读者也可以根据书中的实例和效果图进行分析和比较。
本书主要内容涵盖：
1.HTML技术:文件的基本结构、文件编写方法、网页设计与开发的过程、网页的整体设置、设置文字与段落格式、创建精彩的图像和多媒体页面、创建超链接、表格和框架的创建、创建交互式表单、列表元素、HTM·5的新特性、HTM·5 的结构等。
2.CSS布局:什么是Web 标准、为什么要建立Web标准、div与table布局比较、盒子模型、盒子的浮动、盒子的定位、CSS 布局理念、常见的CSS布局类型。
3.JavaScript网页特效:程序核心语法、JavaScript 核心对象、JavaScript 中的事件、窗口对象、屏幕和浏览器对象、文档对象、历史对象和地址对象、表单对象和图片对象。
4.综合实战:采用*流行的CSS+DIV 布局的方法，综合讲述了企业网站制作方法。