HTML+CSS+Javascript网站制作案例教程 PDF下载

目录
第1章　网站建设基础
1.1　认识Web互联网
1.1.1　网站、网页与互联网的关系
1.1.2　网页与HTML语言
1.2　认识网站与网页
1.2.1　网站与网页
1.2.2　静态网页与动态网页
1.2.3　网站相关术语
1.3　网站建设软件与技术
1.3.1　网页编辑软件Dreamweaver
1.3.2　网页标记语言HTML
1.3.3　网页表现语言CSS
1.3.4　网页特效脚本语言JavaScript
1.3.5　动态网页编程语言ASP、PHP和JSP等
1.4　HTML、CSS与JavaScript的结合应用
1.5　本章小结
1.6　课后测试题
第2章　HTML与HTML 5基础
2.1　HTML基础
2.1.1　什么是HTML
2.1.2　HTML 的主要功能
2.1.3　HTML 的文档结构
2.1.4　HTML 的基本语法
2.1.5　HTML 的编辑环境
2.1.6　认识Dreamweaver 中的代码工具
自测1：制作第一个HTML页面
2.2　HTML5基础
2.2.1　HTML5概述
2.2.2　HTML5的优势
2.2.3　HTML5中新增的标签
2.2.4　HTML5中废弃的标签
2.3　HTML5新增标签的应用
2.3.1　<；canvas>；标签
自测2：在网页中绘制圆形
2.3.2　<；audio>；标签
自测3：在网页中嵌入音频播放
2.3.3　<；video>；标签
自测4：在网页中嵌入视频播放
2.4　本章小结
2.5　课后测试题
第3章　与标签设置
3.1　网页头部 标签设置
3.1.1
<；title>； 标签
自测1：使用<；title>；　标签设置网页标题
3.1.2　<；base>； 标签
自测2：使用<；base>；　标签设置网页基底网址
3.1.3　<；meta>； 标签
自测3：使用<；meta>；　标签设置网页关键字和说明等信息
3.2　网页主体<；body>； 标签设置
3.2.1　边距属性margin
自测4：设置网页整体边距
3.2.2　背景颜色属性bgcolor
自测5：设置网页背景颜色
3.2.3　背景图像属性background
自测6：设置网页背景图像
3.2.4　文字属性text
自测7：设置网页文字效果
3.2.5　默认链接属性link
自测8：设置网页链接文字效果
3.3　在HTML 代码中添加注释
3.4　本章小结
3.5　课后测试题
第4章　文字与图片标签设置
4.1　文字修饰标签
4.1.1　文字样式<；font>；标签
自测1：设置文字样式
4.1.2　倾斜文字<；i>；和<；em>；标签
自测2：设置倾斜文字
4.1.3　加粗文字<；b>；和<；strong>；标签
自测3：设置加粗文字
4.1.4　文字下画线<；u>；标签
自测4：为文字添加下画线
4.1.5　标题文字<；h1>；至<；h6>；标签
自测5：设置标题文字
4.1.6　?的使用
自测6：在网页文字中加入空格
4.1.7　特殊字符
自测7：在网页中插入特殊字符
4.1.8　其他文字修饰方法
4.2　文字分行与分段标签
4.2.1　文字换行<；br>； 标签
自测8：使用<；br>；　标签为文字换行
4.2.2　文字强制不换行<；nobr>； 标签
自测9：使用<；nobr>；　标签强制文字不换行
4.2.3　文字分段<；p>；标签
自测10：使用<；p>；　标签为文本分段
4.2.4　文字对齐属性align
自测11：设置文字水平对齐效果
4.2.5　水平线<；hr>； 标签
自测12：使用水平线分割文本
4.3　文本列表标签
4.3.1　列表的结构
4.3.2　无序列表<；ul>；标签
自测13：制作新闻列表
4.3.3　有序列表<；ol>；标签
自测14：制作音乐排行
4.3.4　定义列表<；dl>；标签
自测14：制作新闻公告
4.4　了解网页中的图片格式
4.5　插入图像
4.5.1　图像标签<；img>；
自测15：制作图像页面
4.5.2　图文混排
自测16：制作图文介绍页面
4.6　滚动标签<；marquee>；
自测17：制作网页滚动文本
自测18：制作网页图片滚动效果
4.7　本章小结
4.8　课后测试题
第5章　多媒体与超链接标签设置
5.1　在网页中插入多媒体
5.1.1　插入Flash 动画<；span class="mceItemEmbed" >；<；/span>；标签
自测1：制作Flash　欢迎页面
5.1.2　插入FLV 视频<；span class="mceItemObject" >；标签
自测2：制作FLV　视频页面
5.1.3　插入普通视频<；span class="mceItemEmbed" >；<；/span>；标签
自测3：制作视频网页
5.2　为网页添加背景音乐
5.2.1　背景音乐<；bgsound>；标签
自测4：为网页添加背景音乐
5.2.2　嵌入音频<；span class="mceItemEmbed" >；<；/span>；标签
自测5：在网页中嵌入音频
5.3　在网页中调用外部程序
5.3.1　调用外部JavaScript 程序
自测6：在网页中显示当前系统时间
5.3.2　区分客户端与服务器端程序
5.4　文本与图像链接
5.4.1　超链接<；a>； 标签
自测7：为文字和图像设置超链接
5.4.2　超链接打开方式target 属性
自测8：设置超链接打开方式
5.4.3　超链接提示title 属性
自测9：设置超链接提示文字
5.4.4　锚记链接
自测10：设置锚记链接
5.4.5　特殊超链接
自测11：设置网页中的特殊链接
5.5　本章小结
5.6　课后测试题
第6章　表单标签设置
6.1　了解网页表单
6.1.1　网页表单的作用
6.1.2　网页表单<；form>；标签
6.1.3　表单的数据传递方式method属性
6.2　在网页中插入表单元素
6.2.1　文本域text
自测1：插入文本域
6.2.2　密码域password
自测2：插入密码域
6.2.3　文本区域textarea
自测3：插入文本区域
6.2.4　隐藏域hidden
自测4：插入隐藏域
6.2.5　复选框checkbox
自测5：插入复选框
6.2.6　单选按钮radio
自测6：插入单选按钮
6.2.7　选择域select
自测7：插入下拉列表
6.2.8　图像域image
自测8：插入图像域
6.2.9　文件域file
自测9：插入文件域
6.2.10　按钮button
自测10：插入按钮
6.3　本章小结
6.4　课后测试题
第7章　CSS样式基础
7.1　了解CSS 样式
7.1.1　什么是CSS 样式
7.1.2　CSS 样式的发展
7.2　CSS 样式语法
7.2.1　CSS 样式基本语法
7.2.2　CSS 的样式规则
7.3　4种使用CSS样式的方法
7.3.1　内联样式
自测1：使用style属性添加内联样式
7.3.2　内部样式
自测2：使用内部CSS样式
7.3.3　外部样式表文件
自测3：链接外部样式表文件
7.3.4　导入样式表文件
自测4：导入外部CSS样式表文件
7.4　CSS 样式选择器
7.4.1　通配选择器
自测5：使用通配选择器控制网页中所有标签
7.4.2　标签选择器
自测6：使用标签选择器控制网页整体属性
7.4.3　类选择器
自测7：创建类CSS　样式
7.4.4　ID 选择器
自测8：创建ID　CSS 样式
7.4.5　伪类选择器
自测9：定义网页中超链接文字效果
7.4.6　复合选择器
自测10：创建复合CSS　样式
7.4.7　群选择器
自测11：使用群选择器同时定义网页中元素样式
7.5　本章小结
7.6　课后测试题
第8章　设置文本的CSS属性
8.1　使用CSS 控制文字样式
8.1.1　字体font-family 属性
8.1.2　字体大小font-size 属性
8.1.3　字体颜色color 属性
自测1：定义网页中文字
8.1.4　字体粗细font-weight 属性
8.1.5　字体样式font-style 属性
自测2：设置网页中文字的加粗和倾斜样式
8.1.6　英文字体大小写text-transform 属性
自测3：定义网页中英文字母大小写
8.1.7　文字修饰text-decoration 属性
自测4：为网页中的文字添加下画线、顶画线和删除线效果
8.2　使用CSS 控制字间距和段落样式
8.2.1　字间距word-spacing 属性
自测5：设置段落文本字间距
8.2.2　行间距line-height 属性
自测6：设置网页中的文本行间距
8.2.3　段落首字下沉
自测7：在网页中实现段落文字首字下沉
8.2.4　段落首行缩进text-indent 属性
自测8：在网页中实现段落首行缩进效果
8.2.5　段落水平对齐text-align 属性
自测9：设置网页中文本水平对齐
8.2.6　文本垂直对齐vertical-align 属性
自测10：设置网页中文本垂直对齐
8.3　CSS 3.0新增文本控制属性
8.3.1　控制文本换行word-wrap属性
8.3.2　文本溢出处理text-overflow属性
8.3.3　文字阴影text-shadow属性
自测11：实现网页文本的阴影效果
8.4　本章小结
8.5　课后测试题
第9章　设置背景和图像的CSS属性
9.1　使用CSS 控制背景颜色和背景图像
9.1.1　背景颜色background-color属性
自测1：设置网页的背景颜色
9.1.2　背景图像background-image属性
自测2：为网页设置背景图像
9.1.3　背景图像重复方式background-repeat属性
自测3：设置网页背景图像重复
9.1.4　背景图像位置background-position属性
自测4：设置网页背景图像位置
9.1.5　固定背景图像background-attachment属性
自测5：设置网页中的背景图像固定不动
9.2　使用CSS 设置图片样式
9.2.1　边框border 属性
自测6：设置网页中图像边框效果
9.2.2　图片缩放
自测7：设置网页中图片缩放效果
9.2.3　图片水平对齐与垂直对齐
9.3　CSS 3.0新增颜色设置方式
9.3.1　HSL颜色方式
9.3.2　HSLA颜色方式
9.3.3　RGBA颜色方式
自测8：使用RGBA颜色方式设置半透明背景色
9.4　CSS3.0新增背景控制属性
9.4.1　背景图像显示区域background-origin属性
9.4.2　背景图像裁剪区域background-clip属性
9.4.3　背景图像大小background-size属性
　自测9：设置网页中背景图像的大小
9.5　CSS3.0新增边框控制属性
9.5.1　多重边框颜色border-colors属性
9.5.2　图像边框border-image属性
9.5.3　圆角边框border-radius属性
自测10：在网页中实现圆角边框效果
9.6　本章小结
9.7　课后测试题
第10章　设置列表和表单的CSS属性
10.1　使用CSS 设置列表属性
10.1.1　ul 无序列表样式
自测1：设置网页中的项目列表
10.1.2　ol 有序列表样式
自测2：定义网页中的有序列表
10.1.3　更改列表项目样式
自测3：设置独立的项目列表样式
10.1.4　使用图片作为列表样式
自测4：设置项目符号为自定义图像
10.1.5　定义列表
自测5：设置定义列表样式
10.2　使用CSS 控制表单元素
10.2.1　表单元素的背景颜色
自测6：使用CSS　样式定义文本框背景颜色
10.2.2　表单元素的边框
自测7：使用CSS　样式定义文本框的边框效果
10.2.3　圆角文本字段
自测8：使用CSS　样式实现圆角文本字段效果
10.3　使用CSS 控制超链接效果
自测9：设置文本超链接效果
10.4　设置鼠标指针效果
10.4.1　鼠标指针样式
自测10：使用CSS　样式定义网页鼠标指针效果
10.4.2　鼠标变幻效果
自测11：使用CSS　样式实现鼠标变换效果
10.5　CSS3.0新增内容和透明度属性
10.5.1　内容content属性
自测12：为网页元素赋予内容
10.5.2　透明度opacity属性
自测13：设置网页元素的半透明效果
10.6　CSS 3.0新增的多列布局属性
10.6.1　列宽度column-width属性
10.6.2　列数column-count属性
10.6.3　列间距column-gap属性
10.6.4　列边框column-rule属性
自测14：在网页中实现文本分栏效果
10.7　CSS 3.0新增其他属性
10.7.1　内容溢出处理overflow属性
10.7.2　轮廓外边框outline属性
10.7.3　区域缩放调节resize属性
10.7.4　元素阴影box-shadow属性
自测15：为网页元素添加阴影效果
10.8　本章小结
10.9　课后测试题
第11章　Div CSS布局网页
11.1　创建Div
11.1.1　了解Div
11.1.2　如何插入Div
11.2　什么是CSS 盒模型
11.2.1　可视化盒模型
11.2.2　margin 属性
自测1：控制网页中元素的外边距
11.2.3　border 属性
自测2：为网页中的图像添加边框效果
11.2.4　padding 属性
自测3：为网页元素设置填充效果
11.2.5　content（内容）部分
11.3　网页元素定位属性
11.3.1　CSS 定位属性
11.3.2　相对定位relative
自测4：在网页中使用相对定位
11.3.3　绝对定位absolute
自测5：设置网页元素绝对定位
11.3.4　固定定位fixed
自测6：设置网页元素固定定位
11.3.5　浮动定位float
自测7：在网页中应用浮动定位
11.3.6　空白边叠加
自测8：网页中空白边叠加的应用
11.4　常用网页布局方式
11.4.1　居中的布局
11.4.2　浮动的布局
11.4.3　自适应高度的解决方法
11.5　什么是块元素和行内元素
11.5.1　块元素
11.5.2　行内元素
11.6　本章小结
11.7　课后测试题
第12章　JavaScript入门
12.1　JavaScript概述
12.1.1　了解JavaScript
12.1.2　JavaScript的作用
12.1.3　在网页中使用JavaScript的方法
自测1：编写一个简单的JavaScript　脚本
12.2　JavaScript 语法基础
12.2.1　<；script>； 标签声明
12.2.2　JavaScript 代码格式
12.2.3　大小写规范
12.2.4　添加注释
12.2.5　JavaScript 中的保留字
12.2.6　输出方法
自测2：使用JavaScript在网页中输出内容
12.3　JavaScript变量
12.3.1　什么是变量
12.3.2　变量的声明和使用
自测3：在JavaScript中定义变量并输出
12.4　JavaScript数据类型
12.4.1　什么是数据类型
12.4.2　基本的数据类型
自测4：使用JavaScript中的数据类型
12.5　JavaScript运算符
12.5.1　运算符与表达式
自测5：使用JavaScript中的表达式
12.5.2　算术运算符
自测6：使用算术运算符
12.5.3　赋值运算符
自测7：使用赋值运算符
12.5.4　递增和递减运算符
自测8：使用递增和递减运算符
12.5.5　关系运算符
自测9：使用关系运算符
12.5.6　逻辑运算符
自测10：使用逻辑运算符
12.5.7　条件运算符
12.6　条件和循环语句
12.6.1　if 条件语句
自测11：使用if条件语句
12.6.2　switch 条件语句
自测12：使用switch条件语句
12.6.3　for和for…in循环语句
自测13：使用for　循环语句
12.6.4　while和do…while循环语句
自测14：使用while循环语句
12.7　本章小结
12.8　课后测试题
第13章　JavaScript中的函数与对象
13.1　JavaScript 函数
13.1.1　什么是函数
13.1.2　函数的使用
自测1：自定义函数的应用
13.1.3　函数传递参数
自测2：使用函数传递参数
13.1.4　函数中变量的作用域
自测3：了解函数中变量的作用域
13.1.5　函数的返回值
自测4：接收函数的返回值
13.1.6　函数嵌套
自测5：函数嵌套的应用
13.2　声明和引用对象
13.2.1　对象的声明
自测6：在JavaScript　中声明对象
13.2.2　引用对象
自测7：引用内置对象输出系统时间
13.2.3　对象属性
自测8：设置对象属性
13.2.4　对象构造函数
自测9：对象构造函数的应用
13.2.5　自定义对象方法
自测10：自定义对象方法应用
13.3　JavaScript 内置对象
13.3.1　date 对象
自测11：date　对象的应用
13.3.2　math 对象
自测12：math　对象的应用
13.3.3　string 对象
自测13：string　对象的应用
13.3.4　array 对象
自测14：array　对象的应用
13.3.5　函数对象
自测15：函数对象的应用
13.4　浏览器对象
13.4.1　浏览器对象navigator
自测16：navigator　对象的应用
13.4.2　窗口对象window
自测17：window　对象的应用
13.4.3　位置对象location
自测18：location　对象的应用
13.4.4　历史对象history
自测19：history　对象的应用
13.4.5　屏幕对象screen
自测20：screen　对象的应用
13.4.6　文档对象document
自测21：document　对象的应用
13.5　本章小结
13.6　课后测试题
第14章　JavaScript中的事件
14.1　了解JavaScript 事件
14.1.1　了解JavaScript 事件处理
14.1.2　HTML 元素常用事件
14.1.3　常用事件方法
14.2　常用事件在网页中的应用
14.2.1　click 事件
自测1：使用click　事件实现关闭网页窗口
14.2.2　change 事件
自测2：change　事件在网页表单中的应用
14.2.3　select 事件
自测3：在网页中使用select　事件
14.2.4　focus 事件
自测4：focus　事件在网页中的应用
14.2.5　load 事件
自测5：load　事件在网页中的应用
14.2.6　鼠标移动事件
自测6：在网页中应用鼠标移动事件
14.2.7　onblur 事件
自测7：onblur　事件在网页中的应用
14.3　其他常用事件
14.4　本章小结
14.5　课后测试题<；/title>；
<；/video>；<；/audio>；<；/canvas>；