HTML5 CSS3 JavaScript网页设计案例课堂（配光盘）（网站开发案例课堂） PDF下载

	第1章   初识HTML 5 1


	1.1   HTML 5的基本概念 2


	1.1.1   HTML的发展历程 2


	1.1.2   什么是HTML 5 2


	1.1.3   HTML 5文件的基本结构 3


	1.2   HTML 5的优势 3


	1.2.1   解决了跨浏览器问题 3


	1.2.2   新增了多个新特性 3


	1.2.3   用户优先的原则 4


	1.2.4   化繁为简的优势 5


	1.3   HTML 5文件的编写方法 5


	1.3.1   使用记事本手工编写HTML 5 5


	1.3.2   使用Dreamweaver CS6编写HTML文件 6


	1.4   使用浏览器查看HTML 5文件 11


	1.4.1   查看页面效果 11


	1.4.2   查看源文件 11


	1.5   疑难解惑 12


	

	第2章   HTML 5网页的文档结构 13


	2.1   HTML 5文件的基本结构 14


	2.1.1   HTML 5页面的整体结构 14


	2.1.2   HTML 5新增的结构标记 14


	2.2   HTML 5基本标记详解 15


	2.2.1   文档类型说明 15


	2.2.2   HTML标记 15


	2.2.3   头标记head 16


	2.2.4   网页的主体标记body 18


	2.2.5   页面注释标记 19


	2.3   HTML 5语法的变化 20


	2.3.1   标签不再区分大小写 20


	2.3.2   允许属性值不使用引号 20


	2.3.3   允许部分属性值的属性省略 21


	2.4   综合示例――符合W3C标准的HTML 5网页 21


	2.5   上机练习――简单的HTML 5网页 23


	2.6   疑难解惑 23


	

	第3章   HTML 5网页中的文本和图像 25


	3.1   在网页中添加文本 26


	3.1.1   普通文本的添加 26


	3.1.2   特殊字符文本的添加 26


	3.1.3   使用HTML 5标记添加特殊文本 28


	3.2   文本排版 30


	3.2.1   换行标记


	3.0


	3.2.2   段落标记


	3.1


	3.2.3   标题标记


	3.1


	3.3   文字列表 32


	3.3.1   建立无序列表


	32


	3.3.2   建立有序列表


	3.4


	3.3.3   建立不同类型的无序列表 35


	3.3.4   建立不同类型的有序列表 36


	3.3.5   建立嵌套列表 36


	3.3.6   自定义列表 37


	3.4   网页中的图像 38


	3.4.1   在网页中插入图像 38


	3.4.2   设置图像的宽度和高度 40


	3.4.3   设置图像的提示文字 41


	3.4.4   将图片设置为网页背景 42


	3.4.5   排列图像 42


	3.5   综合示例――图文并茂的房屋装饰装修网页 43


	3.6   上机练习――在线购物网站的产品展示效果 44


	3.7   疑难解惑 45


	

	第4章   用HTML 5建立超链接 47


	4.1   URL的概念 48


	4.1.1   URL的格式 48


	4.1.2   URL的类型 48


	4.2   超链接标记 49


	4.2.1   设置文本和图片的超链接 49


	4.2.2   创建指向不同目标类型的超链接 50


	4.2.3   设置以新窗口显示超链接页面 52


	4.2.4   链接到同一页面的不同位置 53


	4.3   创建热点区域 54


	4.4   创建浮动框架 56


	4.5   综合示例――用Dreamweaver精确定位热点区域 57


	4.6   上机练习――创建热点区域 59


	4.7   疑难解惑 60


	

	第5章   用HTML 5创建表格 61


	5.1   表格的基本结构 62


	5.2   创建表格 63


	5.2.1   创建普通表格 63


	5.2.2   创建一个带有标题的表格 64


	5.3   编辑表格 65


	5.3.1   定义表格的边框类型 65


	5.3.2   定义表格的表头 66


	5.3.3   设置表格背景 67


	5.3.4   设置单元格的背景 69


	5.3.5   合并单元格 70


	5.3.6   排列单元格中的内容 74


	5.3.7   设置单元格的行高与列宽 75


	5.4   完整的表格标记 76


	5.5   综合示例――制作计算机报价表 77


	5.6   上机练习――制作学生成绩表 79


	5.7   疑难解惑 82


	

	第6章   使用HTML 5创建表单 85


	6.1   表单概述 86


	6.2   表单基本元素的使用 86


	6.2.1   单行文本输入框text 87


	6.2.2   多行文本输入框textarea 87


	6.2.3   密码域password 88


	6.2.4   单选按钮radio 89


	6.2.5   复选框checkbox 90


	6.2.6   列表框select 91


	6.2.7   普通按钮button 91


	6.2.8   提交按钮submit 92


	6.2.9   重置按钮reset 93


	6.3   表单高级元素的使用 94


	6.3.1   url属性的使用 94


	6.3.2   email属性的使用 95


	6.3.3   date和time属性的使用 96


	6.3.4   number属性的使用 97


	6.3.5   range属性的使用 97


	6.3.6   required属性的使用 98


	6.4   综合示例――创建用户反馈表单 99


	6.5   上机练习――制作用户注册表单 100


	6.6   疑难解惑 101


	

	第7章   使用HTML 5绘制图形 103


	7.1   添加canvas的步骤 104


	7.2   绘制基本形状 104


	7.2.1   绘制矩形 105


	7.2.2   绘制圆形 106


	7.2.3   使用moveTo与lineTo绘制直线 107


	7.2.4   使用bezierCurveTo绘制贝济埃曲线 108


	7.3   绘制渐变图形 109


	7.3.1   绘制线性渐变 109


	7.3.2   绘制径向渐变 111


	7.4   绘制变形图形 112


	7.4.1   绘制平移效果的图形 112


	7.4.2   绘制缩放效果的图形 113


	7.4.3   绘制旋转效果的图形 114


	7.4.4   绘制组合效果的图形 115


	7.4.5   绘制带阴影的图形 117


	7.5   使用图像 118


	7.5.1   绘制图像 118


	7.5.2   平铺图像 120


	7.5.3   裁剪图像 121


	7.5.4   图像的像素化处理 123


	7.6   绘制文字 125


	7.7   图形的保存与恢复 126


	7.7.1   保存与恢复状态 126


	7.7.2   保存文件 128


	7.8   综合示例――绘制火柴棒人物 129


	7.9   上机练习――绘制商标 132


	7.10   疑难解惑 133


	

	第8章   HTML 5中的音频和视频 135


	8.1   audio标签概述 136


	8.1.1   audio标签概述 136


	8.1.2   audio标签的属性 137


	8.1.3   audio标签浏览器的支持情况 137


	8.2   在网页中添加音频文件 138


	8.2.1   添加自动播放音频文件 138


	8.2.2   添加带有控件的音频文件 138


	8.2.3   添加循环播放的音频文件 139


	8.2.4   添加预播放的音频文件 139


	8.3   video标签概述 140


	8.3.1   video标签概述 140


	8.3.2   video标签的属性 141


	8.3.3   浏览器对video标签的支持情况 142


	8.4   在网页中添加视频文件 142


	8.4.1   添加自动播放的视频文件 142


	8.4.2   添加带有控件的视频文件 143


	8.4.3   添加循环播放的视频文件 143


	8.4.4   添加预播放的视频文件 144


	8.4.5   设置视频文件的高度与宽度 145


	8.5   疑难解惑 146


	

	第9章   CSS 3概述与基本语法 147


	9.1   CSS 3概述 148


	9.1.1   CSS 3的功能 148


	9.1.2   浏览器与CSS 3 148


	9.1.3   CSS 3的基础语法 149


	9.1.4   CSS 3的常用单位 149


	9.2   编辑和浏览CSS 3 154


	9.2.1   手工编写CSS 3 154


	9.2.2   用Dreamweaver编写CSS 155


	9.3   在HTML 5中使用CSS 3的方法 156


	9.3.1   行内样式 156


	9.3.2   内嵌样式 157


	9.3.3   链接样式 159


	9.3.4   导入样式 160


	9.3.5   优先级问题 161


	9.4   CSS 3的常用选择器 163


	9.4.1   标签选择器 164


	9.4.2   类选择器 164


	9.4.3   ID选择器 165


	9.4.4   全局选择器 166


	9.4.5   组合选择器 167


	9.4.6   选择器继承 168


	9.4.7   伪类选择器 169


	9.5   选择器声明 170


	9.5.1   集体声明 170


	9.5.2   多重嵌套声明 171


	9.6   综合示例――制作炫彩网站Logo 172


	9.7   上机练习――制作学生信息统计表 175


	9.8   疑难解惑 176


	

	第10章   使用CSS 3美化网页字体与段落 179


	10.1   美化网页文字 180


	10.1.1   设置文字的字体 180


	10.1.2   设置文字的字号 181


	10.1.3   设置字体风格 182


	10.1.4   设置加粗字体 183


	10.1.5   将小写字母转为大写字母 184


	10.1.6   设置字体的复合属性 185


	10.1.7   设置字体颜色 186


	10.2   设置文本的高级样式 187


	10.2.1   设置文本阴影效果 187


	10.2.2   设置文本的溢出效果 188


	10.2.3   设置文本的控制换行 189


	10.2.4   保持字体尺寸不变 190


	10.3   美化网页中的段落 191


	10.3.1   设置单词之间的间隔 191


	10.3.2   设置字符之间的间隔 192


	10.3.3   设置文字的修饰效果 193


	10.3.4   设置垂直对齐方式 194


	10.3.5   转换文本的大小写 196


	10.3.6   设置文本的水平对齐方式 197


	10.3.7   设置文本的缩进效果 198


	10.3.8   设置文本的行高 199


	10.3.9   文本的空白处理 200


	10.3.10   文本的反排 201


	10.4   综合示例――设置网页标题 203


	10.5   上机练习――制作新闻页面 204


	10.6   疑难解惑 205


	

	第11章   使用CSS 3美化网页图片 207


	11.1   图片缩放 208


	11.1.1   通过描述标记width和height缩放图片 208


	11.1.2   使用CSS 3中的max-width和max-height缩放图片 208


	11.1.3   使用CSS 3中的width和height缩放图片 209


	11.2   设置图片的对齐方式 210


	11.2.1   设置图片的横向对齐 210


	11.2.2   设置图片纵向对齐 211


	11.3   图文混排 213


	11.3.1   设置文字环绕效果 213


	11.3.2   设置图片与文字的间距 214


	11.4   综合示例――制作学校宣传单 216


	11.5   上机练习――制作简单的图文混排网页 218


	11.6   疑难解惑 219


	

	第12章   使用CSS 3美化网页背景与边框 221


	12.1   使用CSS 3美化背景 222


	12.1.1   设置背景颜色 222


	12.1.2   设置背景图片 223


	12.1.3   背景图片重复 224


	12.1.4   背景图片显示 226


	12.1.5   背景图片的位置 227


	12.1.6   背景图片的大小 229


	12.1.7   背景的显示区域 230


	12.1.8   背景图像的裁剪区域 232


	12.1.9   背景复合属性 233


	12.2   使用CSS 3美化边框 234


	12.2.1   设置边框的样式 234


	12.2.2   设置边框的颜色 236


	12.2.3   设置边框的线宽 237


	12.2.4   设置边框的复合属性 238


	12.3   设置边框的圆角效果 239


	12.3.1   设置圆角边框 239


	12.3.2   指定两个圆角半径 240


	12.3.3   绘制四个不同角的圆角边框 241


	12.3.4   绘制不同种类的边框 243


	12.4   综合示例――制作简单的公司主页 245


	12.5   上机练习――制作简单的生活资讯主页 248


	12.6   疑难解惑 249


	

	第13章   使用CSS 3美化超级链接和鼠标 251


	13.1   使用CSS 3来美化超链接 252


	13.1.1   改变超级链接的基本样式 252


	13.1.2   设置带有提示信息的超级链接 253


	13.1.3   设置超级链接的背景图 254


	13.1.4   设置超级链接的按钮效果 255


	13.2   使用CSS 3美化鼠标特效 256


	13.2.1   使用CSS 3控制鼠标箭头 256


	13.2.2   设置鼠标变幻式超链接 258


	13.2.3   设置网页页面滚动条 259


	13.3   综合示例1――图片版本的超级链接 261


	13.4   综合示例2――关于鼠标特效 262


	13.5   上机练习――制作一个简单的导航栏 264


	13.6   疑难解惑 266


	

	第14章   使用CSS 3美化表格和表单的样式 267


	14.1   美化表格的样式 268


	14.1.1   设置表格边框的样式 268


	14.1.2   设置表格边框的宽度 270


	14.1.3   设置表格边框的颜色 271


	14.2   美化表单样式 272


	14.2.1   美化表单中的元素 272


	14.2.2   美化提交按钮 274


	14.2.3   美化下拉菜单 276


	14.3   综合示例――制作用户登录页面 277


	14.4   上机练习――制作用户注册页面 279


	14.5   疑难解惑 281


	

	第15章   使用CSS 3美化网页菜单 283


	15.1 使用CSS 3美化项目列表 284


	15.1.1   美化无序列表 284


	15.1.2   美化有序列表 285


	15.1.3   美化自定义列表 287


	15.1.4   制作图片列表 288


	15.1.5   缩进图片列表 289


	15.1.6   列表的复合属性 291


	15.2   使用CSS 3制作网页菜单 292


	15.2.1   制作无需表格的菜单 292


	15.2.2   制作水平和垂直菜单 294


	15.3   综合示例――模拟soso导航栏 297


	15.4   上机练习――将段落转变成列表 299


	15.5   疑难解惑 301


	

	第16章   使用CSS 3滤镜美化网页元素 303


	16.1   滤镜概述 304


	16.2   基本滤镜 304


	16.2.1   通道(Alpha)滤镜 305


	16.2.2   模糊(Blur)滤镜 307


	16.2.3   色彩(Chroma)滤镜 308


	16.2.4   投影(DropShadow)滤镜 309


	16.2.5   水平翻转(FlipH)滤镜 311


	16.2.6   垂直翻转(FlipV)滤镜 311


	16.2.7   光晕(Glow)滤镜 312


	16.2.8   灰度(Gray)滤镜 313


	16.2.9   反相(Invert)滤镜 314


	16.2.10   遮罩(Mask)滤镜 315


	16.2.11   波浪(Wave)滤镜 315


	16.2.12   阴影(Shadow)滤镜 317


	16.2.13   X-ray滤镜 318


	16.3   高级滤镜 318


	16.3.1   光照(Light)滤镜 319


	16.3.2   渐隐(BlendTrans)滤镜 320


	16.3.3   切换(RevealTrans)滤镜 322


	16.4   疑难解惑 324


	

	第17章   JavaScript编程基本知识 325


	17.1   认识JavaScript 326


	17.1.1   什么是JavaScript 326


	17.1.2   JavaScript的特点 326


	17.1.3   JavaScript与Java的区别 327


	17.1.4   JavaScript的版本 328


	17.2   JavaScript基本语法的应用 329


	17.2.1   注释的应用 329


	17.2.2   语句的应用 331


	17.2.3   语句块的应用 332


	17.3   JavaScript的数据结构 333


	17.3.1   认识标识符 333


	17.3.2   认识关键字 333


	17.3.3   认识常量 334


	17.3.4   认识变量及其应用 334


	17.4   JavaScript数据类型的使用 336


	17.4.1   typeof运算符的使用 336


	17.4.2   undefined类型的使用 338


	17.4.3   null类型的使用 338


	17.4.4   Boolean类型的使用 339


	17.4.5   Number类型的使用 340


	17.4.6   String类型的使用 341


	17.4.7   Object类型的使用 342


	17.5   JavaScript运算符的使用 342


	17.5.1   算术运算符 342


	17.5.2   比较运算符 344


	17.5.3   位运算符 345


	17.5.4   逻辑运算符 346


	17.5.5   条件运算符 347


	17.5.6   赋值运算符 348


	17.5.7   运算符的优先级 350


	17.6   综合示例――一个简单的JavaScript程序 351


	17.7   疑难解惑 352


	

	第18章   JavaScript的程序控制结构与语句 353


	18.1   赋值语句 354


	18.2   条件判断语句 354


	18.2.1   if语句 354


	18.2.2   if-else语句 355


	18.2.3   if ... else if语句 356


	18.2.4   if语句的嵌套 357


	18.2.5   switch语句 359


	18.3   循环控制语句 360


	18.3.1   while语句 360


	18.3.2   do-while语句 361


	18.3.3   for语句 363


	18.4   跳转语句 364


	18.4.1   break语句 364


	18.4.2   continue语句 365


	18.5   综合示例――在页面中显示距离2015年元旦的天数 366


	18.6   上机练习――制作一个简易乘法表 367


	18.7   疑难解惑 368


	

	第19章   JavaScript中的函数 369


	19.1   函数的简介 370


	19.2   调用函数 370


	19.2.1   函数的简单调用 370


	19.2.2   在表达式中调用 371


	19.2.3   在事件响应中调用函数 372


	19.2.4   通过链接调用函数 373


	19.3   JavaScript中常用的函数 374


	19.3.1   嵌套函数 374


	19.3.2   递归函数 375


	19.3.3   内置函数 376


	19.4   综合示例――购物简易计算器 384


	19.5   上机练习――制作闪烁图片 386


	19.6   疑难解惑 387


	

	第20章   JavaScript的内置对象 389


	20.1   字符串对象 390


	20.1.1   创建字符串对象的方法 390


	20.1.2   字符串对象常用属性的应用 390


	20.1.3   字符串对象常用方法的应用 391


	20.2   数学对象 394


	20.2.1   创建Math对象的方法 394


	20.2.2   数学对象属性的应用 394


	20.2.3   数学对象方法的使用 395


	20.3   日期对象 397


	20.3.1   创建日期对象 397


	20.3.2   日期对象常用方法的应用 398


	20.3.3   日期间的运算 401


	20.4   数组对象 402


	20.4.1   创建数组对象 402


	20.4.2   数组对象属性的应用 402


	20.4.3   数组对象常用方法的应用 405


	20.5   综合示例――制作网页随机验证码 409


	20.6   上机练习――动态显示当前时间 410


	20.7   疑难解惑 412


	

	第21章   JavaScript对象编程 415


	21.1   文档对象模型(DOM) 416


	21.1.1   文档对象模型(DOM)介绍 416


	21.1.2   在DOM模型中获得对象 416


	21.1.3   事件驱动的应用 417


	21.2   窗口(window)对象 419


	21.2.1   创建窗口(window) 419


	21.2.2   创建对话框 421


	21.2.3   窗口的相关操作 423


	21.3   文档(document)对象 424


	21.3.1   文档属性的应用 424


	21.3.2   文档中图片的使用 426


	21.3.3   显示文档中的所有超链接 427


	21.4   表单对象 429


	21.4.1   创建form对象 429


	21.4.2   form对象属性与方法的应用 430


	21.4.3   单选按钮与复选框的使用 431


	21.4.4   下拉菜单的使用 432


	21.5   综合示例――表单注册与表单验证 433


	21.6 上机练习――省市联动效果 438


	21.7   疑难解惑 441


	

	第22章   HTML 5、CSS 3和JavaScript的搭配使用 443


	22.1   常见的JavaScript编写工具 444


	22.1.1   记事本 444


	22.1.2   Dreamweaver 445


	22.2   JavaScript在HTML中的使用 446


	22.2.1   在HTML网页头中嵌入JavaScript代码 446


	22.2.2   在HTML网页中嵌入JavaScript代码 447


	22.2.3   在HTML网页的元素事件中嵌入JavaScript代码 448


	22.2.4   在HTML中调用已经存在的JavaScript文件 449


	22.2.5   通过JavaScript伪URL引入JavaScript脚本代码 450


	22.3   JavaScript与CSS 3的结合使用 451


	22.3.1   动态添加样式 451


	22.3.2   动态改变样式 452


	22.3.3   动态定位网页元素 453


	22.3.4   设置网页元素的显示与隐藏 456


	22.4   HTML 5、CSS 3和JavaScript的搭配应用 457


	22.4.1   设定左右移动的图片 457


	22.4.2   制作颜色选择器 460


	22.4.3   制作跑马灯效果 462


	22.5   综合示例――制作树形导航菜单 464


	22.6   上机练习――制作滚动的菜单 468


	22.7   疑难解惑 470


	

	第23章   制作企业门户类网页 473


	23.1   构思布局 474


	23.1.1   设计分析 474


	23.1.2   排版架构 474


	23.2   内容设计 475


	23.2.1   使用JavaScript技术实现Logo与导航菜单 475


	23.2.2   Banner区 476


	23.2.3   资讯区 477


	23.2.4   版权信息 479


	23.3   设置链接 480


	23.4   疑难解惑 480


	

	第24章   制作在线购物类网页 481


	24.1   整体布局 482


	24.1.1   设计分析 482


	24.1.2   排版架构 482


	24.2   模块分割 483


	24.2.1   Logo与导航区 483


	24.2.2   Banner与资讯区 485


	24.2.3   产品类别区域 486


	24.2.4   页脚区域 488


	24.3   设置链接 488


	24.4   疑难解惑 488