封面
版权信息
内容提要
前言
资源与支持
第1章 HTML5入门基础
1.1 HTML简介
1.2 HTML文件的编写方法
1.2.1 课堂案例——使用记事本编写HTML文件
1.2.2 课堂案例——使用Dreamweaver编写HTML文件
1.3 新增的主体结构元素
1.3.1 课堂案例——使用article元素
1.3.2 课堂案例——使用section元素
1.3.3 课堂案例——使用nav元素
1.3.4 课堂案例——使用aside元素
1.4 新增的非主体结构元素
1.4.1 课堂案例——使用header元素
1.4.2 课堂案例——使用hgroup元素
1.4.3 课堂案例——使用footer元素
1.4.4 课堂案例——使用address元素
1.5 本章小结
1.6 课后习题
第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 页面头部标记<head>
2.3 页面标题标记<title>
2.4 元信息标记<meta>
2.4.1 设置页面关键字
2.4.2 设置页面说明
2.4.3 定义编辑工具
2.4.4 定义页面的作者信息
2.4.5 定义网页文字及语言
2.4.6 课堂案例——定义页面的跳转
2.5 标题字
2.6 段落标记
2.6.1 课堂案例——使用段落标记<p>
2.6.2 课堂案例——使用换行标记<br>
2.6.3 课堂案例——不换行标记<nobr>
2.7 水平线
2.8 课堂练习——创建基本的HTML文件
2.9 本章小结
2.10 课后习题
第3章 使用图像和多媒体元素
3.1 网页中常见的图像格式
3.2 插入图像并设置图像属性
3.2.1 图像标记<img>
3.2.2 课堂案例——设置图像高度height
3.2.3 课堂案例——设置图像宽度width
3.2.4 课堂案例——设置图像的替代文字alt
3.3 添加多媒体文件
3.4 添加音乐
3.4.1 <audio>标记
3.4.2 课堂案例——给网页添加音乐播放器
3.5 课堂练习
3.5.1 课堂练习1——创建多媒体网页
3.5.2 课堂练习2——创建图文混合排版网页
3.6 本章小结
3.7 课后习题
第4章 使用表格
4.1 创建表格
4.1.1 表格的基本构成table、tr、td
4.1.2 设置表格的标题caption
4.1.3 表头th
4.2 表格基本属性
4.2.1 课堂案例——表格宽度width
4.2.2 课堂案例——表格边框宽度border
4.2.3 课堂案例——内框宽度cellspacing
4.2.4 课堂案例——表格内文字与边框间距cellpadding
4.3 表格的行属性
4.3.1 行背景bgcolor、background
4.3.2 行文字的水平对齐方式align
4.3.3 行文字的垂直对齐方式valign
4.4 单元格属性
4.4.1 水平跨度colspan
4.4.2 垂直跨度rowspan
4.4.3 对齐方式align、valign
4.5 表格的结构
4.5.1 表格的表头标记<thead>
4.5.2 表格的表主体标记<tbody>
4.5.3 表格的表尾标记<tfoot>
4.6 课堂练习——使用表格排版网页
4.7 本章小结
4.8 课后习题
第5章 HTML5开发实战
5.1 HTML5 视频video
5.1.1 <video>标记简介
5.1.2 课堂案例——在网页中添加视频文件
5.1.3 课堂案例—— 链接不同的视频文件
5.2 HTML5 音频audio
5.2.1 <audio>标记简介
5.2.2 课堂案例——隐藏audio播放器
5.2.3 课堂案例——使用<audio>标记的事件
5.3 HTML5 地理定位
5.3.1 地理定位方法
5.3.2 课堂案例——处理拒绝和错误
5.3.3 课堂案例——在地图上显示用户的位置
5.4 HTML5 画布canvas
5.4.1 <canvas>标记
5.4.2 课堂案例——绘制直线
5.4.3 课堂案例——线性渐变
5.4.4 课堂案例——径向渐变
5.5 HTML5 SVG
5.5.1 SVG简介
5.5.2 课堂案例——绘制各种图形
5.5.3 课堂案例——文本与图像
5.5.4 课堂案例——设置描边效果
5.5.5 课堂案例——创建动画
5.6 课堂练习
5.6.1 课堂练习1——绘制椭圆
5.6.2 课堂练习2——绘制精彩图形
5.7 本章小结
5.8 课后习题
第6章 设计特效文字样式
6.1 认识CSS
6.2 使用CSS
6.2.1 CSS的基本语法
6.2.2 添加CSS的方法
6.3 设置文本样式
6.3.1 课堂案例——设置字体font-family
6.3.2 课堂案例——设置字号font-size
6.3.3 课堂案例——设置字体风格font-style
6.3.4 课堂案例——设置加粗字体font-weight
6.3.5 课堂案例——设置小写字母转为大写font-variant
6.4 设置段落格式
6.4.1 课堂案例——设置单词间隔word-spacing
6.4.2 课堂案例——设置字符间隔letter-spacing
6.4.3 课堂案例——设置文字修饰text-decoration
6.4.4 课堂案例——设置垂直对齐方式vertical-align
6.4.5 课堂案例——设置文本转换text-transform
6.4.6 课堂案例——设置水平对齐方式text-align
6.4.7 课堂案例——设置文本缩进text-indent
6.4.8 课堂案例——设置文本行高line-height
6.4.9 课堂案例——设置处理空白white-space
6.4.10 文本反排unicode-bidi、direction
6.5 课堂练习——用CSS排版网页文字
6.6 本章小结
6.7 课后习题
第7章 设计图像和背景样式
7.1 设置网页的背景
7.1.1 课堂案例——使用background-color设置背景颜色
7.1.2 课堂案例——使用background-image设置背景图像
7.2 设置背景图像样式
7.2.1 课堂案例——使用background-repeat设置背景平铺
7.2.2 课堂案例——使用background-attachment设置固定背景
7.2.3 课堂案例——使用background-position设置背景位置
7.3 应用CSS滤镜设计图像特效
7.3.1 不透明度alpha
7.3.2 动感模糊blur
7.3.3 阴影效果dropShadow
7.3.4 灰度处理gray
7.3.5 反相invert
7.4 课堂练习
7.4.1 课堂练习1——文字与图片上下垂直居中
7.4.2 课堂练习2——CSS实现背景半透明效果
7.5 本章小结
7.6 课后习题
第8章 使用CSS设计表单和表格样式
8.1 表单form
8.1.1 程序提交action
8.1.2 表单名称name
8.1.3 传送方法method
8.1.4 编码方式enctype
8.1.5 目标显示方式target
8.2 插入表单对象
8.2.1 课堂案例——插入文字字段text
8.2.2 课堂案例——插入密码域password
8.2.3 课堂案例——插入单选按钮radio
8.2.4 课堂案例——插入复选框checkbox
8.2.5 课堂案例——插入普通按钮button
8.2.6 课堂案例——插入提交按钮submit
8.2.7 课堂案例——重置按钮reset
8.2.8 课堂案例——插入图像域image
8.2.9 课堂案例——插入隐藏域hidden
8.2.10 课堂案例——插入文件域file
8.3 菜单和列表
8.3.1 课堂案例——插入下拉菜单
8.3.2 课堂案例——插入列表项
8.4 设计表格样式
8.4.1 设置表格阴影
8.4.2 设置表格的渐变背景
8.5 课堂练习
8.5.1 课堂练习1——设置输入文本的样式
8.5.2 课堂练习2——鼠标指针经过时改变表格行的颜色
8.5.3 课堂练习3——用虚线美化表格的边框
8.6 本章小结
8.7 课后习题
第9章 使用链接与列表设计网站导航
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 课堂案例——设置有序列表标记<ol>
9.2.2 课堂案例——设置有序列表的序号类型type
9.2.3 课堂案例——设置有序列表的起始数值start
9.3 无序列表
9.3.1 课堂案例——设置无序列表标记<ul>
9.3.2 课堂案例——设置无序列表的类型type
9.3.3 课堂案例——设置目录列表标记<dir>
9.3.4 课堂案例——设置定义列表标记<dl>
9.3.5 课堂案例——设置菜单列表标记<menu>
9.4 课堂练习
9.4.1 课堂练习1——翻转式超链接
9.4.2 课堂练习2——设计导航菜单
9.5 本章小结
9.6 课后习题
第10章 移动网页设计基础CSS3
10.1 边框
10.1.1 课堂案例——设置圆角边框 border-radius
10.1.2 课堂案例——设置边框图片border-image
10.1.3 课堂案例——设置边框阴影box-shadow
10.2 背景
10.2.1 课堂案例——设置背景图片尺寸background-size
10.2.2 课堂案例——设置背景图片定位区域background-origin
10.2.3 课堂案例——设置背景裁剪区域background-clip
10.3 文本
10.3.1 课堂案例——设置文本阴影text-shadow
10.3.2 课堂案例——设置强制换行word-wrap
10.3.3 课堂案例——设置文本溢出text-overf low
10.3.4 课堂案例——设置文字描边text-stroke
10.3.5 课堂案例——设置文本填充颜色text-fill-color
10.4 多列
10.4.1 课堂案例——创建多列column-count
10.4.2 课堂案例——设置列的宽度column-width
10.4.3 课堂案例——设置列的间隔column-gap
10.4.4 课堂案例——设置列的规则column-rule
10.5 转换变形
10.5.1 课堂案例——设置移动translate()
10.5.2 课堂案例——设置旋转rotate()
10.5.3 课堂案例——设置缩放scale()
10.5.4 课堂案例——设置扭曲skew()
10.5.5 课堂案例——设置矩阵matrix()
10.6 过渡
10.7 课堂练习
10.7.1 课堂练习1——鼠标指针放上去显示全部内容
10.7.2 课堂练习2——美观的图片排列
10.8 本章小结
10.9 课后习题
第11章 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.5 课堂练习——CSS布局实例
11.6 本章小结
11.7 课后习题
第12章 CSS定位布局方法
12.1 定位布局
12.1.1 课堂案例——设置绝对定位absolute
12.1.2 课堂案例——设置固定定位fixed
12.1.3 课堂案例——设置相对定位relative
12.2 浮动定位
12.2.1 课堂案例——设置float属性
12.2.2 课堂案例——设置浮动布局的新问题
12.2.3 课堂案例——设置清除浮动clear
12.3 定位层叠
12.3.1 课堂案例——设置层叠顺序
12.3.2 课堂案例——设置简单嵌套元素中的层叠定位
12.3.3 课堂案例——创建包含子元素的复杂层叠定位
12.4 课堂练习
12.4.1 课堂练习1——创建一列固定宽度
12.4.2 课堂练习2——创建一列自适应
12.4.3 课堂练习3——创建两列固定宽度
12.4.4 课堂练习4——创建两列宽度自适应
12.4.5 课堂练习5——创建右列宽度自适应
12.4.6 课堂练习6——创建三列浮动中间宽度自适应
12.5 本章小结
12.6 课后习题
第13章 JavaScript语法基础
13.1 JavaScript概述
13.1.1 JavaScript简介
13.1.2 JavaScript放置位置
13.2 JavaScript基本语法
13.2.1 变量
13.2.2 数据类型
13.2.3 表达式和运算符
13.2.4 函数
13.2.5 注释
13.3 JavaScript程序语句
13.3.1 课堂案例——使用if语句
13.3.2 课堂案例——使用for语句
13.3.3 课堂案例——使用switch语句
13.3.4 while循环
13.3.5 break语句
13.3.6 continue语句
13.4 课堂练习——禁止鼠标右击
13.5 本章小结
13.6 课后习题
第14章 JavaScript中的事件
14.1 事件驱动与事件处理
14.1.1 事件与事件驱动
14.1.2 事件与处理代码关联
14.1.3 调用函数的事件
14.1.4 调用代码的事件
14.1.5 设置对象事件的方法
14.2 JavaScript常见的事件
14.2.1 onClick事件
14.2.2 onChange事件
14.2.3 onSelect事件
14.2.4 onFocus事件
14.2.5 onLoad事件
14.2.6 onUnload事件
14.2.7 onBlur事件
14.2.8 onDblClick事件
14.2.9 其他常用事件
14.3 课堂练习——将事件应用于按钮中
14.4 本章小结
14.5 课后习题
第15章 JavaScript中的函数和对象
15.1 函数概述
15.2 函数的定义
15.2.1 函数的普通定义方式
15.2.2 函数的变量定义方式
15.2.3 函数的指针调用方式
15.3 JavaScript对象的声明和引用
15.3.1 声明和实例化
15.3.2 对象的引用
15.4 浏览器对象
15.4.1 课堂实例——利用navigator对象获取浏览器对象的属性值
15.4.2 课堂实例——利用window对象控制显示窗口的大小
15.4.3 课堂实例——利用location对象获取当前页面的URL
15.4.4 课堂实例——用history对象制作前进到上一页和后退到下一页
15.4.5 课堂实例——用document对象来显示文档的最后修改时间
15.5 课堂练习——定时关闭网页窗口
15.6 本章小结
15.7 课后习题
第16章 综合案例:公司宣传网站的布局
16.1 企业网站设计分析
16.1.1 企业网站内容设计
16.1.2 排版构架
16.2 各部分设计
16.2.1 Logo与顶部导航
16.2.2 左侧导航
16.2.3 主体内容
16.2.4 制作“搜索”部分
16.2.5 制作“公司新闻动态”部分
16.2.6 制作“联系我们”部分
16.2.7 底部版权信息
16.3 本章小结
16.4 课后习题
更新时间:2025-03-19 16:18:43