最新HTML/CSS/JavaScript标准教程

HTML篇

01 HTML基础知识

1.1 什么是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 HTML页面主体标签（body）

1.4.1 设置网页背景色（bgcolor）

1.4.2 设置背景图片（background）

1.4.3 设置文本颜色（text）

1.4.4 设置链接文本属性（link）

1.4.5 设置边距（margin）

1.5 综合实训——创建最基本的HTML文件

1.6 本章小结

1.7 代码练习

1.7.1 使用记事本编写HTML代码

1.7.2 创建最基本的HTML网页

1.8 行业链接知识

02 HTML网页中的文字、段落和列表

2.1 插入特殊字符

2.1.1 空格符号

2.1.2 特殊符号

2.2 设置文字的属性

2.2.1 文字标签（font）

2.2.2 代码演练——设置丰富多彩的文本网页

2.3 设置段落的格式

2.3.1 段落格式标签

2.3.2 代码演练——设置文本的段落格式

2.4 插入水平线

2.4.1 水平线标签（hr）及属性

2.4 12代码演练——在网页中插入多彩的水平线

2.5 创建无序列表

2.5.1 无序列表标签（ul）

2.5.2 无序列表的类型（type）

2.5.3 定义列表标签（dl）

2.5.4 菜单列表标签（menu）

2.5.5 目录列表标签.（dir）

2.6 创建有序列表

2.6.1 有序列表标签（ol）

2.6.2 有序列表的类型（type）

2.6.3 有序列表的起始数值（start）

2.6.4 代码演练——在网页中插入列表

2.7 综合实训——设置页面文本及段落

2.8 本章小结

2.9 代码练习

2.9.1 插入丰富多彩的文本

2.9.2 使用列表排段落

2.10 行业链接知识

03 图片及多媒体文件的使用

3.1 图像标签及属性

3.1.1 图像标签（img）

3.1.2 设置图像高度（height）

3.1.3 设置图像宽度（width）

3.1.4 设置图像边框（border）

3.1.5 设置图像水平间距（hspace）

3.1.6 设置图像垂直间距（vspace）

3.1.7 设置图像相对于文字的对齐方式（aligr1）

3.1.8 设置图像替代文字（alt）

3.1.9 代码演练——在网页中插入图像

3.2 添加背景音乐

3.2.1 背景音乐标签（bgsound）

3.2.2设置循环播放次数（loop）

3.3 多媒体文件标签（embed）

3.4 设置滚动效果标签（marquee）

3.4.1 （marquee）标签及其属性

3.4.2 代码演练——在网页中插入滚动公告

3.5 综合实训——创建丰富的图像和多媒体网页

3.6 本章小结

3.7 代码练习

3.7.1 为网页添加图像

3.7.2 插入滚动效果

3.8 行业链接知识

04 HTML超链接和表单

4.1 超链接的基本概念

4.2 创建基本超链接

4.2.1 超链接标签

4.2.2 设置目标窗口

4.3 创建图像的超链接

4.3.1 设置图像超链接

4.3.2 设置图像热区链接

4.4 创建锚点链接

4.4.1 创建锚点

4.4.2 代码演练——创建链接到页面不同位置的锚点

4.5 插入表单（form）

4.5.1 处理程序（action）

4.5 12表单名称（name）

4.5.3 传送方法（method）

4.5.4 编码方式（enctype）

4.5.5 目标显示方式（target）

4.5.6 代码演练——制作注册表单完整页面

4.6 综合实训——插入不同类型的链接

4.7 本章小结

4.8 代码练习

4.8.1 插入表单对象

4.8.2 给网页添加链接

4.9 行业链接知识

05 创建框架结构网页

5.1 窗口框架简介.

5.2 设置框架集标签（frameset）属性

5.2.1 水平分割窗口（rows）

5.2.2 垂直分割窗口（cols）

5.2.3 嵌套分割窗口

5.2.4 设置边框（frameborder）

5.2.5 框架的边框宽度（framespacing）

5.2.6 框架的边框颜色（bordercolor）

5.3 设置框架标签（frame）属性

5.3.1 框架页面源文件（src）

5.3 12框架名称（name）

5.3.3 禁止调整框架窗口尺寸（noresize）

5.3.4 框架边框与页面内容的水平边距（marginwidth）

5.3.5 框架边框与页面内容的垂直边距（marginheight）

5.3.6 设置框架滚动条显示（scrolling）

5.3.7 不支持框架标签（noframes）

5.3.8 代码演练——创建框架页面

5.4 设置框架中的链接

5.4.1 代码演练——设置普通框架结构的链接

5.4.2 代码演练——设置浮动框架的链接

5.5 综合实训——创建上方固定左侧嵌套的框架网页

5.6 本章小结

5.7 代码练习

5.7.1 创建框架网页

5.7.2 插入浮动框架

06 使用表格

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 表格内文字与边框距离（cellpading）

6.1.10 表格背景色（bgcolor）

6.1.11 表格背景图像（background）

6.1.12 代码演练——创建表格排列数据

6.2 调整表格属性

6.2.1 表格的行属性（tr）

6.2.2 单元格属性（td）

6.2.3 代码演练——设置表格属性

6.3 表格的结构标签

6.3.1 设计表头样式（thead）

6.3.2 设计表主体样式（tbody）

6.3.3 设计表尾样式（tfoot）

6.4 综合实训——使用表格排版网页

6.5 本章小结

6.6 代码练习

6.6.1 插入表格

6.6.2 设置表格的属性

6.7 行业链接知识

07 使用XHTML

7.1 XHTML简介

7.1.1 什么是×HTML

7.1.2 为什么要升级到×HTML

7.2 XHTML页面基本结构

7.3 XHTML语法规范

7.4 代码演练——在Dreamweaver中创建XHTML.网页

7.5 综合实训——将现有的HTML网站类型转换成XHTML

7.6 本章小结

7.7 代码练习

7.7.1 在软件中编写XHTML

7.7.2 将网页转换成×HTML

CSS篇

08 CSS入门基础知识

8.1 CSS基础

8.1.1 CSS基本概念

8.1.2 CSS的优点

8.2 在网页中添加CSS

8.2.1 添加CSS的优势

8.2.2 代码演练——编写CSS

8.3 使用CSS

8.3.1 CSS的基本语法结构

8.3.2 在网页中添加CSS的方法

8.3.3 代码演练——以链接外部样式表方式添加CSS

8.4.综合实训——给网页添加CSS

8.5 本章小结

8.6 代码练习

8.6.1 设置链接文本的CSS

8.6.2 设置背景颜色

8.7 行业链接知识

09 css样式表语法基础

9.1 设置字体属性

9.1.1 设置字体（font-family）

9.1.2 设置字号（font-size）

9.1.3 设置字体风格（font-style）

9.1.4 设置加粗字体（font-weight）

9.1.5 设置变体属性（font-variant）

9.1.6 设置文字修饰（text-decoration）

9.1.7 代码演练——设置字体的复合属性

9.2 设置段落属性

9.2.1 段落属性标签

9.2.2 代码演练——设置文本段落的属性

9.3 设置背景和颜色属性

9.3.1 背景属性

9.3.2 代码演练——设置背景复合属性

9.4 设置定位属性

9.4.1 定位类型（position）

9.4.2 元素位置（top，right，bottom和let）

9.4.3 清除属性（clear）

9.4.4 裁切区域（clip）

9.4.5 设置宽度和高度（width和height）

9.4.6 溢出（overflow）

9.4.7 可见性（visibility）

9.5 设置列表属性

9.5.1 列表类型（list-style.type）

9.5.2 项目符号图像（1ist-style-image）

9.5.3 列表位置（list-style-position）

9.5.4 列表复合属性（list-style）

9.6 设置边框属性

9.6.1 边框样式（border-style）

9.6.2 边框宽度（border-width）

9.6.3 边框颜色（border-color）

9.6.4 代码演练——设置边框属性

9.7 扩展滤镜属性

9.7.1 不透明度（alpha）

9.7.2 动感模糊（blur）

9.7.3 对颜色进行透明处理（chroma）

9.7.4 设置阴影（dropShadow）

9.7.5 对象的翻转（flipH和flipV）

9.7.6 光晕效果（glow）

9.7.7 灰度处理（gray）

9.7.8 反相（invert）

9.7.9 ×光片效果（Xray）

9.7.10 遮罩效果（mask）

9.7.11 波形滤镜（wave）

9.8 综合实训——利用CSS控制网页中的文本

9.9 本章小结

9.10 代码练习

9.10.1 利用CSS设置文本属性

9.10.2 利用CSS创建特效文字

9.11 行业链接知识

10 CSS+Div布局定位基础

10.1 Div标签与Span标签

10.1.1 Div概述

10.1 1 2Div与Span的区别

10.2 盒子模型

10.2.1 盒子模型的概念

10.2.2 border（边框）

10.2.3 padding（填充）

10.2.4 margin（边距）.

10.3 元素的定位方式

10.3.1 float定位

10.3.2 position定位

10.3.3 z-index空间位置

10.4 CSS布局理念

10.4.1 将页面用Div分块

10.4.2 设计各块的位置

10.4.3 用CSS定位

10.5 代码演练——常见的布局类型

10.5.1 一列固定宽度

10.5.2 一列自适应宽度

10.5.3 两列固定宽度

10.5.4 两列自适应宽度

10.5.5 两列右列自适应宽度

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

10.5 7 三行二列居中自适应高度

10.6 综合实训——利用CSS布局网页

10.7 本章小结

10.8 代码练习

10.8.1 两列固定宽度布局网页

10.8.2 利用CSS布局网页

10.9 行业链接知识

JavaScript篇

11 JavaScript语法基础

11.1 JavaScript背景知识

11.1.1.JavaScript的历史

11.1 12.lavaScript的特点

11.2 JavaScript描述方法

11.2.1 （script）标签使用方法

11.2.2 外部调用文件

11.1 2.3 内嵌HTML标签中

11.1 2.4 代码演练——编写第一个JavaScript程序

……

12 Javascript中的事件

13 Javascript中的函数

14 使用Javascript中的不同对象

15 利用Javascript制作作特效网页实例

综合篇

16 Ajax技术

17 制作房地产企业网站

18 制作游戏网站

19 制作购物网站

《最新HTML&CSS&JavaScript标准教程》以立体化的编排方式，为广大读者在“教”与“学”之间铺垫出一条更加平坦的道路。理论基础知识：囊括HTML，XHTML，CSS，JavaScript和Ajax等主流技术，涉及企业、游戏、购物及个人等主流网站类型。案例实战演练：每章中间安排多个“代码演练”回顾之前知识点，章末以“综合实训”综合运用全章重点难点。行业应用板块：部分章节搭配“行业链接知识”主题，收录与本章内容相关的行业领域标准、规则、流程和注意事项。配套学习资源：3800幅网页Banner与Logo图片、2100个按钮图标、1500套网页模板、500组经典网站、韩式风格插画素材、实用手册和辞典、范例文件及课件。

3800幅网页Banner与Logo图片、2100个按钮图标、1500套网页模板、500组经典网站、实用手册和辞典、范例文件及课件。〈br〉精粹16大应用主题+30类行业知识+5600个网页文件+8000余种素材，引用图解方式诠释HTML，XHTML，CSS，JavaScript及Ajax最新技术，聚焦表单、布局与函数等知识点，以及购物、游戏和个人等类型网站。