内容简介
全书分为16章，内容包括：网站设计基础知识；HTML5基础知识；CSS基本语法知识；CSS选择器；使用CSS设定文本和段落样式、设定图片样式、控制列表样式、设计表单样式、表格样式、定义连结样式；CSS滤镜；认识盒模型、外边距、内边距、框线；CSS布局理念；绝对定位、固定定位、相对定位、浮动定位和常见布局类型；CSS3新增功能；JavaScript概述、基本语法、程式语句；JavaScript事件；JavaScript浏览器的内部对象；企业网站和移动网站的製作过程实战。
目录
第1章怎样开发设计网站
1.1网站开发设计需要什幺
1.1.1需要HTML档案
1.1.2需要DIV来布局
1.1.3需要CSS来定义样式
1.1.4需要JavaScript
1.2通过Dreamweaver开发DIV+CSS
1.2.1通过Dreamweaver在HTML页面里插入DIV
1.2.2Dreamweaver的CSS代码支持
1.3一个简单的网页需要包含什幺
1.3.1head部分
1.3.2body部分
1.3.3编写注释
第2章HTML入门基础
2.1HTML标籤
2.1.1段落标籤
2.1.2文本标籤
2.1.3超连结标籤
2.1.4图像标籤
2.1.5表格标籤
2.2HTML5简介
2.2.1HTML5基础
2.2.2向后兼容
2.2.3更加简化
2.2.4HTML5语法中的3个要点
2.3新增的主体结构元素
2.3.1实例套用——article元素
2.3.2实例套用——section元素
2.3.3实例套用——nav元素
2.3.4aside元素
2.4新增的非主体结构元素
2.4.1实例套用——header元素
2.4.2实例套用——hgroup元素
2.4.3实例套用——footer元素
2.4.4实例套用——address元素
第3章CSS样式设计基础
3.1初识CSS
3.1.1CSS基本语法
3.1.2添加CSS的方法
3.1.3设计第一个实例
3.2CSS选择器
3.2.1CSS选择器概述
3.2.2标籤选择器
3.2.3类选择器
3.2.4ID选择器
3.2.5伪类选择器和伪元素
3.2.6群组选择器
3.2.7相邻选择器
3.2.8通用选择器
3.3CSS属性和属性值
3.3.1CSS属性
3.3.2CSS单位
3.3.3设定颜色
第4章使用CSS设定文本和段落样式
4.1字型属性
4.1.1字型font-family
4.1.2字号font-size
4.1.3字型风格font-style
4.1.4字型加粗font-weight
4.1.5字型变形font-variant
4.2段落属性
4.2.1单词间隔word-spacing
4.2.2字元间隔letter-spacing
4.2.3文字修饰text-decoration
4.2.4垂直对齐方式vertical-align
4.2.5文本转换text-transform
4.2.6水平对齐方式text-align
4.2.7文本缩进text-indent
4.2.8文本行高line-height
4.2.9处理空白white-space
4.2.10文本反排unicode-bidi、direction
4.3实例套用
4.3.1控制文本的行高和间隔
4.3.2实现文本垂直居中
第5章使用CSS设定图片和背景样式
5.1图片样式设定
5.1.1定义图片框线
5.1.2文字环绕图片
5.2背景样式设定
5.2.1设定页面背景颜色
5.2.2定义背景图片
5.2.3背景图片的重複
5.2.4背景关联
5.2.5定义背景图片的位置
5.3实例套用
5.3.1滑鼠经过图片显示文字
5.3.2滑鼠移上改变图片透明度
5.3.3将正方形图片显示为圆形图片
5.3.4多图排列展示放大特效
第6章使用CSS控制列表样式
6.1有序列表
6.1.1有序列表ol
6.1.2有序列表的序号类型type
6.1.3有序列表的起始数值start
6.2无序列表
6.2.1无序列表标籤ul
6.2.2无序列表的类型type
6.2.3目录列表标籤dir
6.2.4定义列表标籤dl
6.2.5选单列表标籤menu
6.3实例套用
6.3.1设计背景变换的导航栏目
6.3.2设计横嚮导航选单
6.3.3 竖排导航
6.3.4设计网页下拉选单
6.3.5商品列表分类可右侧展开详细分类
6.3.6CSS网页导航条
第7章使用CSS设计表单样式
7.1表单form
7.1.1程式提交action
7.1.2表单名称name
7.1.3传送方法method
7.1.4编码方式enctype
7.1.5目标显示方式target
7.2插入表单对象
7.2.1文字栏位text
7.2.2密码域password
7.2.3单选按钮radio
7.2.4複选框checkbox
7.2.5普通按钮button
7.2.6提交按钮submit
7.2.7重置按钮reset
7.2.8图像域image
7.2.9隐藏域hidden
7.2.10档案域file
7.3选单和列表
7.3.1下拉选单
7.3.2列表项
7.4表单样式实例
7.4.1定义背景样式
7.4.2设定输入文本的样式
7.4.3下划横线代替文本框特效
7.4.4随滑鼠点击换色的输入框
7.4.5文本框中只能输入数字
第8章使用CSS设计表格样式
8.1创建表格
8.1.1表格的基本构成table、tr、td
8.1.2设定表格的标题caption
8.2设定表格基本属性
8.2.1设定表格宽度width
8.2.2设定表格高度height
8.2.3设定表格对齐方式align
8.3设定表格的属性
8.3.1表格的框线宽度border
8.3.2表格框线颜色bordercolor
8.3.3设定表格阴影
8.3.4设定表格的渐变背景
8.4实例套用
8.4.1变换背景色的表格
8.4.2表格隔行换色特效
8.4.3dldtdd实现表格布局
8.4.4滑鼠经过时改变表格行的颜色
8.4.5CSS用虚线美化表格的框线
第9章使用CSS定义连结样式
9.1连结样式设定基础
9.1.1游标属性cursor
9.1.2定义下划线样式text-decoration
9.1.3未访问过的连结a:link
9.1.4滑鼠悬停时状态a:hover
9.1.5已访问超连结样式a:visited
9.1.6超连结的激活样式a:active
9.2实例套用
9.2.1不同的滑鼠显示样式
9.2.2向连结添加不同的样式
9.2.3按钮式超连结
9.2.4翻转式超连结
9.2.5设计导航选单
第10章CSS中的滤镜
10.1 滤镜概述
10.2动感模糊
10.3对颜色进行透明处理
10.4设定阴影
10.5对象的翻转
10.6发光效果
10.7X光片效果
10.8波形滤镜
10.9遮罩效果
第11章DIV+CSS布局入门
11.1认识盒模型
11.2外边距
11.2.1上外边距margin-top
11.2.2右外边距margin-right
11.2.3下外边距margin-bottom
11.2.4左外边距margin-left
11.3内边距
11.3.1左内边距padding-top
11.3.2右内边距padding-right
11.3.3下内边距padding-bottom
11.3.4左内边距padding-left
11.4框线
11.4.1框线样式border-style
11.4.2框线宽度border-width
11.4.3框线颜色border-color
11.4.4框线属性border
11.5CSS布局理念
11.5.1 将页面用Div分块
11.5.2 设计各块的位置
11.5.3 用CSS定位
第12章用CSS定位控制网页布局
12.1position定位
12.1.1绝对定位absolute
12.1.2固定定位fixed
12.1.3相对定位relative
12.2浮动定位
12.2.1float属性
12.2.2浮动布局的新问题
12.2.3清除浮动clear
12.3定位层叠
12.3.1层叠顺序
12.3.2简单嵌套元素中的层叠定位
12.3.3包含子元素的複杂层叠定位
12.4常见布局类型
12.4.1一列固定宽度
12.4.2一列自适应
12.4.3两列固定宽度
12.4.4两列宽度自适应
12.4.5两列右列宽度自适应
12.4.6三列浮动中间宽度自适应
12.5实例套用
12.5.1带有框线和边界的图像浮动于文本右侧
12.5.2创建水平选单
第13章移动网页设计基础CSS3
13.1框线
13.1.1圆角框线border-radius
13.1.2框线图片border-image
13.1.3框线阴影box-shadow
13.2背景
13.2.1
1.1网站开发设计需要什幺
1.1.1需要HTML档案
1.1.2需要DIV来布局
1.1.3需要CSS来定义样式
1.1.4需要JavaScript
1.2通过Dreamweaver开发DIV+CSS
1.2.1通过Dreamweaver在HTML页面里插入DIV
1.2.2Dreamweaver的CSS代码支持
1.3一个简单的网页需要包含什幺
1.3.1head部分
1.3.2body部分
1.3.3编写注释
第2章HTML入门基础
2.1HTML标籤
2.1.1段落标籤
2.1.2文本标籤
2.1.3超连结标籤
2.1.4图像标籤
2.1.5表格标籤
2.2HTML5简介
2.2.1HTML5基础
2.2.2向后兼容
2.2.3更加简化
2.2.4HTML5语法中的3个要点
2.3新增的主体结构元素
2.3.1实例套用——article元素
2.3.2实例套用——section元素
2.3.3实例套用——nav元素
2.3.4aside元素
2.4新增的非主体结构元素
2.4.1实例套用——header元素
2.4.2实例套用——hgroup元素
2.4.3实例套用——footer元素
2.4.4实例套用——address元素
第3章CSS样式设计基础
3.1初识CSS
3.1.1CSS基本语法
3.1.2添加CSS的方法
3.1.3设计第一个实例
3.2CSS选择器
3.2.1CSS选择器概述
3.2.2标籤选择器
3.2.3类选择器
3.2.4ID选择器
3.2.5伪类选择器和伪元素
3.2.6群组选择器
3.2.7相邻选择器
3.2.8通用选择器
3.3CSS属性和属性值
3.3.1CSS属性
3.3.2CSS单位
3.3.3设定颜色
第4章使用CSS设定文本和段落样式
4.1字型属性
4.1.1字型font-family
4.1.2字号font-size
4.1.3字型风格font-style
4.1.4字型加粗font-weight
4.1.5字型变形font-variant
4.2段落属性
4.2.1单词间隔word-spacing
4.2.2字元间隔letter-spacing
4.2.3文字修饰text-decoration
4.2.4垂直对齐方式vertical-align
4.2.5文本转换text-transform
4.2.6水平对齐方式text-align
4.2.7文本缩进text-indent
4.2.8文本行高line-height
4.2.9处理空白white-space
4.2.10文本反排unicode-bidi、direction
4.3实例套用
4.3.1控制文本的行高和间隔
4.3.2实现文本垂直居中
第5章使用CSS设定图片和背景样式
5.1图片样式设定
5.1.1定义图片框线
5.1.2文字环绕图片
5.2背景样式设定
5.2.1设定页面背景颜色
5.2.2定义背景图片
5.2.3背景图片的重複
5.2.4背景关联
5.2.5定义背景图片的位置
5.3实例套用
5.3.1滑鼠经过图片显示文字
5.3.2滑鼠移上改变图片透明度
5.3.3将正方形图片显示为圆形图片
5.3.4多图排列展示放大特效
第6章使用CSS控制列表样式
6.1有序列表
6.1.1有序列表ol
6.1.2有序列表的序号类型type
6.1.3有序列表的起始数值start
6.2无序列表
6.2.1无序列表标籤ul
6.2.2无序列表的类型type
6.2.3目录列表标籤dir
6.2.4定义列表标籤dl
6.2.5选单列表标籤menu
6.3实例套用
6.3.1设计背景变换的导航栏目
6.3.2设计横嚮导航选单
6.3.3 竖排导航
6.3.4设计网页下拉选单
6.3.5商品列表分类可右侧展开详细分类
6.3.6CSS网页导航条
第7章使用CSS设计表单样式
7.1表单form
7.1.1程式提交action
7.1.2表单名称name
7.1.3传送方法method
7.1.4编码方式enctype
7.1.5目标显示方式target
7.2插入表单对象
7.2.1文字栏位text
7.2.2密码域password
7.2.3单选按钮radio
7.2.4複选框checkbox
7.2.5普通按钮button
7.2.6提交按钮submit
7.2.7重置按钮reset
7.2.8图像域image
7.2.9隐藏域hidden
7.2.10档案域file
7.3选单和列表
7.3.1下拉选单
7.3.2列表项
7.4表单样式实例
7.4.1定义背景样式
7.4.2设定输入文本的样式
7.4.3下划横线代替文本框特效
7.4.4随滑鼠点击换色的输入框
7.4.5文本框中只能输入数字
第8章使用CSS设计表格样式
8.1创建表格
8.1.1表格的基本构成table、tr、td
8.1.2设定表格的标题caption
8.2设定表格基本属性
8.2.1设定表格宽度width
8.2.2设定表格高度height
8.2.3设定表格对齐方式align
8.3设定表格的属性
8.3.1表格的框线宽度border
8.3.2表格框线颜色bordercolor
8.3.3设定表格阴影
8.3.4设定表格的渐变背景
8.4实例套用
8.4.1变换背景色的表格
8.4.2表格隔行换色特效
8.4.3dldtdd实现表格布局
8.4.4滑鼠经过时改变表格行的颜色
8.4.5CSS用虚线美化表格的框线
第9章使用CSS定义连结样式
9.1连结样式设定基础
9.1.1游标属性cursor
9.1.2定义下划线样式text-decoration
9.1.3未访问过的连结a:link
9.1.4滑鼠悬停时状态a:hover
9.1.5已访问超连结样式a:visited
9.1.6超连结的激活样式a:active
9.2实例套用
9.2.1不同的滑鼠显示样式
9.2.2向连结添加不同的样式
9.2.3按钮式超连结
9.2.4翻转式超连结
9.2.5设计导航选单
第10章CSS中的滤镜
10.1 滤镜概述
10.2动感模糊
10.3对颜色进行透明处理
10.4设定阴影
10.5对象的翻转
10.6发光效果
10.7X光片效果
10.8波形滤镜
10.9遮罩效果
第11章DIV+CSS布局入门
11.1认识盒模型
11.2外边距
11.2.1上外边距margin-top
11.2.2右外边距margin-right
11.2.3下外边距margin-bottom
11.2.4左外边距margin-left
11.3内边距
11.3.1左内边距padding-top
11.3.2右内边距padding-right
11.3.3下内边距padding-bottom
11.3.4左内边距padding-left
11.4框线
11.4.1框线样式border-style
11.4.2框线宽度border-width
11.4.3框线颜色border-color
11.4.4框线属性border
11.5CSS布局理念
11.5.1 将页面用Div分块
11.5.2 设计各块的位置
11.5.3 用CSS定位
第12章用CSS定位控制网页布局
12.1position定位
12.1.1绝对定位absolute
12.1.2固定定位fixed
12.1.3相对定位relative
12.2浮动定位
12.2.1float属性
12.2.2浮动布局的新问题
12.2.3清除浮动clear
12.3定位层叠
12.3.1层叠顺序
12.3.2简单嵌套元素中的层叠定位
12.3.3包含子元素的複杂层叠定位
12.4常见布局类型
12.4.1一列固定宽度
12.4.2一列自适应
12.4.3两列固定宽度
12.4.4两列宽度自适应
12.4.5两列右列宽度自适应
12.4.6三列浮动中间宽度自适应
12.5实例套用
12.5.1带有框线和边界的图像浮动于文本右侧
12.5.2创建水平选单
第13章移动网页设计基础CSS3
13.1框线
13.1.1圆角框线border-radius
13.1.2框线图片border-image
13.1.3框线阴影box-shadow
13.2背景
13.2.1