产品特色
编辑推荐
清华大学出版社“案例课堂”大系
丛书以案例的形式讲解软件的内容,读者可以在实践中熟练掌握软件的使用方法。
每一个案例都精挑细选,同时配有全程语音讲解的视频文件,方便读者学习。
案例的选材广泛,涉及到软件应用的各个领域、各个行业,学习无死角。
“CG设计”系列全彩精印,同等价位下内容更多,同等内容下更实惠。
“网站开发”系列附赠超值,全面学习无障碍:
CSS属性速查表
HTML标签速查表
网页布局案例赏析
精彩网站配色方案赏析
精选JavaScript实例
JavaScript函数速查手册
CSS+DIV布局案例赏析
案例源文件与教学课件
内容简介
《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》作者根据在长期教学中积累的网页设计教学经验,完整、详尽地介绍HTML 5 + CSS 3 + JavaScript网页设计技术。
《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》共分24章,分别介绍HTML 5概述、HTML 5网页文档结构、HTML 5网页中的文本和图像、HTML 5建立超链接、HTML 5建立表格、HTML 5建立表单、HTML 5绘制图形、HTML 5中的音频和视频、CSS 3概述和基本语法、美化网页字体和段落样式、美化图片样式、美化背景和边框样式、美化超级链接和鼠标、美化网页菜单、使用CSS 3滤镜美化网页元素、JavaScript编程基础知识、JavaScript程序控制结构和语法、函数、内置对象、HTML 5 + CSS 3 + JavaScript的搭配使用。最后以两个综合网站的设计为例进行讲解,使读者进一步巩固所学的知识,提高综合实战能力。
《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》内容全面、图文并茂、步骤清晰、通俗易懂、专业性强,使读者能理解HTML 5 + CSS 3 + JavaScript网页样式与布局的技术,并能解决实际工作中的问题,真正做到“知其然,更知其所以然”。
《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》涉及面广泛,几乎涵盖了HTML 5 + CSS 3 + JavaScript网页样式与布局的所有重要知识,适合网页设计初学者快速入门,同时也适合想全面了解HTML 5 + CSS 3 + JavaScript网页设计的专业人员阅读。
目录
第1章 初识HTML 5 11.1 HTML 5的基本概念 21.1.1 HTML的发展历程 21.1.2 什么是HTML 5 21.1.3 HTML 5文件的基本结构 31.2 HTML 5的优势 31.2.1 解决了跨浏览器问题 31.2.2 新增了多个新特性 31.2.3 用户优先的原则 41.2.4 化繁为简的优势 51.3 HTML 5文件的编写方法 51.3.1 使用记事本手工编写HTML 5 51.3.2 使用Dreamweaver CS6编写HTML文件 61.4 使用浏览器查看HTML 5文件 111.4.1 查看页面效果 111.4.2 查看源文件 111.5 疑难解惑 12
第2章 HTML 5网页的文档结构 132.1 HTML 5文件的基本结构 142.1.1 HTML 5页面的整体结构 142.1.2 HTML 5新增的结构标记 142.2 HTML 5基本标记详解 152.2.1 文档类型说明 152.2.2 HTML标记 152.2.3 头标记head 162.2.4 网页的主体标记body 182.2.5 页面注释标记 192.3 HTML 5语法的变化 202.3.1 标签不再区分大小写 202.3.2 允许属性值不使用引号 202.3.3 允许部分属性值的属性省略 212.4 综合示例——符合W3C标准的HTML 5网页 212.5 上机练习——简单的HTML 5网页 232.6 疑难解惑 23
第3章 HTML 5网页中的文本和图像 253.1 在网页中添加文本 263.1.1 普通文本的添加 263.1.2 特殊字符文本的添加 263.1.3 使用HTML 5标记添加特殊文本 283.2 文本排版 303.2.1 换行标记3.03.2.2 段落标记3.13.2.3 标题标记3.13.3 文字列表 323.3.1 建立无序列表323.3.2 建立有序列表3.43.3.3 建立不同类型的无序列表 353.3.4 建立不同类型的有序列表 363.3.5 建立嵌套列表 363.3.6 自定义列表 373.4 网页中的图像 383.4.1 在网页中插入图像 383.4.2 设置图像的宽度和高度 403.4.3 设置图像的提示文字 413.4.4 将图片设置为网页背景 423.4.5 排列图像 423.5 综合示例——图文并茂的房屋装饰装修网页 433.6 上机练习——在线购物网站的产品展示效果 443.7 疑难解惑 45
第4章 用HTML 5建立超链接 474.1 URL的概念 484.1.1 URL的格式 484.1.2 URL的类型 484.2 超链接标记 494.2.1 设置文本和图片的超链接 494.2.2 创建指向不同目标类型的超链接 504.2.3 设置以新窗口显示超链接页面 524.2.4 链接到同一页面的不同位置 534.3 创建热点区域 544.4 创建浮动框架 564.5 综合示例——用Dreamweaver精确定位热点区域 574.6 上机练习——创建热点区域 594.7 疑难解惑 60
第5章 用HTML 5创建表格 615.1 表格的基本结构 625.2 创建表格 635.2.1 创建普通表格 635.2.2 创建一个带有标题的表格 645.3 编辑表格 655.3.1 定义表格的边框类型 655.3.2 定义表格的表头 665.3.3 设置表格背景 675.3.4 设置单元格的背景 695.3.5 合并单元格 705.3.6 排列单元格中的内容 745.3.7 设置单元格的行高与列宽 755.4 完整的表格标记 765.5 综合示例——制作计算机报价表 775.6 上机练习——制作学生成绩表 795.7 疑难解惑 82
第6章 使用HTML 5创建表单 856.1 表单概述 866.2 表单基本元素的使用 866.2.1 单行文本输入框text 876.2.2 多行文本输入框textarea 876.2.3 密码域password 886.2.4 单选按钮radio 896.2.5 复选框checkbox 906.2.6 列表框select 916.2.7 普通按钮button 916.2.8 提交按钮submit 926.2.9 重置按钮reset 936.3 表单高级元素的使用 946.3.1 url属性的使用 946.3.2 email属性的使用 956.3.3 date和time属性的使用 966.3.4 number属性的使用 976.3.5 range属性的使用 976.3.6 required属性的使用 986.4 综合示例——创建用户反馈表单 996.5 上机练习——制作用户注册表单 1006.6 疑难解惑 101
第7章 使用HTML 5绘制图形 1037.1 添加canvas的步骤 1047.2 绘制基本形状 1047.2.1 绘制矩形 1057.2.2 绘制圆形 1067.2.3 使用moveTo与lineTo绘制直线 1077.2.4 使用bezierCurveTo绘制贝济埃曲线 1087.3 绘制渐变图形 1097.3.1 绘制线性渐变 1097.3.2 绘制径向渐变 1117.4 绘制变形图形 1127.4.1 绘制平移效果的图形 1127.4.2 绘制缩放效果的图形 1137.4.3 绘制旋转效果的图形 1147.4.4 绘制组合效果的图形 1157.4.5 绘制带阴影的图形 1177.5 使用图像 1187.5.1 绘制图像 1187.5.2 平铺图像 1207.5.3 裁剪图像 1217.5.4 图像的像素化处理 1237.6 绘制文字 1257.7 图形的保存与恢复 1267.7.1 保存与恢复状态 1267.7.2 保存文件 1287.8 综合示例——绘制火柴棒人物 1297.9 上机练习——绘制商标 1327.10 疑难解惑 133
第8章 HTML 5中的音频和视频 1358.1 audio标签概述 1368.1.1 audio标签概述 1368.1.2 audio标签的属性 1378.1.3 audio标签浏览器的支持情况 1378.2 在网页中添加音频文件 1388.2.1 添加自动播放音频文件 1388.2.2 添加带有控件的音频文件 1388.2.3 添加循环播放的音频文件 1398.2.4 添加预播放的音频文件 1398.3 video标签概述 1408.3.1 video标签概述 1408.3.2 video标签的属性 1418.3.3 浏览器对video标签的支持情况 1428.4 在网页中添加视频文件 1428.4.1 添加自动播放的视频文件 1428.4.2 添加带有控件的视频文件 1438.4.3 添加循环播放的视频文件 1438.4.4 添加预播放的视频文件 1448.4.5 设置视频文件的高度与宽度 1458.5 疑难解惑 146
第9章 CSS 3概述与基本语法 1479.1 CSS 3概述 1489.1.1 CSS 3的功能 1489.1.2 浏览器与CSS 3 1489.1.3 CSS 3的基础语法 1499.1.4 CSS 3的常用单位 1499.2 编辑和浏览CSS 3 1549.2.1 手工编写CSS 3 1549.2.2 用Dreamweaver编写CSS 1559.3 在HTML 5中使用CSS 3的方法 1569.3.1 行内样式 1569.3.2 内嵌样式 1579.3.3 链接样式 1599.3.4 导入样式 1609.3.5 优先级问题 1619.4 CSS 3的常用选择器 1639.4.1 标签选择器 1649.4.2 类选择器 1649.4.3 ID选择器 1659.4.4 全局选择器 1669.4.5 组合选择器 1679.4.6 选择器继承 1689.4.7 伪类选择器 1699.5 选择器声明 1709.5.1 集体声明 1709.5.2 多重嵌套声明 1719.6 综合示例——制作炫彩网站Logo 1729.7 上机练习——制作学生信息统计表 1759.8 疑难解惑 176
第10章 使用CSS 3美化网页字体与段落 17910.1 美化网页文字 18010.1.1 设置文字的字体 18010.1.2 设置文字的字号 18110.1.3 设置字体风格 18210.1.4 设置加粗字体 18310.1.5 将小写字母转为大写字母 18410.1.6 设置字体的复合属性 18510.1.7 设置字体颜色 18610.2 设置文本的高级样式 18710.2.1 设置文本阴影效果 18710.2.2 设置文本的溢出效果 18810.2.3 设置文本的控制换行 18910.2.4 保持字体尺寸不变 19010.3 美化网页中的段落 19110.3.1 设置单词之间的间隔 19110.3.2 设置字符之间的间隔 19210.3.3 设置文字的修饰效果 19310.3.4 设置垂直对齐方式 19410.3.5 转换文本的大小写 19610.3.6 设置文本的水平对齐方式 19710.3.7 设置文本的缩进效果 19810.3.8 设置文本的行高 19910.3.9 文本的空白处理 20010.3.10 文本的反排 20110.4 综合示例——设置网页标题 20310.5 上机练习——制作新闻页面 20410.6 疑难解惑 205
第11章 使用CSS 3美化网页图片 20711.1 图片缩放 20811.1.1 通过描述标记width和height缩放图片 20811.1.2 使用CSS 3中的max-width和max-height缩放图片 20811.1.3 使用CSS 3中的width和height缩放图片 20911.2 设置图片的对齐方式 21011.2.1 设置图片的横向对齐 21011.2.2 设置图片纵向对齐 21111.3 图文混排 21311.3.1 设置文字环绕效果 21311.3.2 设置图片与文字的间距 21411.4 综合示例——制作学校宣传单 21611.5 上机练习——制作简单的图文混排网页 21811.6 疑难解惑 219
第12章 使用CSS 3美化网页背景与边框 22112.1 使用CSS 3美化背景 22212.1.1 设置背景颜色 22212.1.2 设置背景图片 22312.1.3 背景图片重复 22412.1.4 背景图片显示 22612.1.5 背景图片的位置 22712.1.6 背景图片的大小 22912.1.7 背景的显示区域 23012.1.8 背景图像的裁剪区域 23212.1.9 背景复合属性 23312.2 使用CSS 3美化边框 23412.2.1 设置边框的样式 23412.2.2 设置边框的颜色 23612.2.3 设置边框的线宽 23712.2.4 设置边框的复合属性 23812.3 设置边框的圆角效果 23912.3.1 设置圆角边框 23912.3.2 指定两个圆角半径 24012.3.3 绘制四个不同角的圆角边框 24112.3.4 绘制不同种类的边框 24312.4 综合示例——制作简单的公司主页 24512.5 上机练习——制作简单的生活资讯主页 24812.6 疑难解惑 249
第13章 使用CSS 3美化超级链接和鼠标 25113.1 使用CSS 3来美化超链接 25213.1.1 改变超级链接的基本样式 25213.1.2 设置带有提示信息的超级链接 25313.1.3 设置超级链接的背景图 25413.1.4 设置超级链接的按钮效果 25513.2 使用CSS 3美化鼠标特效 25613.2.1 使用CSS 3控制鼠标箭头 25613.2.2 设置鼠标变幻式超链接 25813.2.3 设置网页页面滚动条 25913.3 综合示例1——图片版本的超级链接 26113.4 综合示例2——关于鼠标特效 26213.5 上机练习——制作一个简单的导航栏 26413.6 疑难解惑 266
第14章 使用CSS 3美化表格和表单的样式 26714.1 美化表格的样式 26814.1.1 设置表格边框的样式 26814.1.2 设置表格边框的宽度 27014.1.3 设置表格边框的颜色 27114.2 美化表单样式 27214.2.1 美化表单中的元素 27214.2.2 美化提交按钮 27414.2.3 美化下拉菜单 27614.3 综合示例——制作用户登录页面 27714.4 上机练习——制作用户注册页面 27914.5 疑难解惑 281
第15章 使用CSS 3美化网页菜单 28315.1 使用CSS 3美化项目列表 28415.1.1 美化无序列表 28415.1.2 美化有序列表 28515.1.3 美化自定义列表 28715.1.4 制作图片列表 28815.1.5 缩进图片列表 28915.1.6 列表的复合属性 29115.2 使用CSS 3制作网页菜单 29215.2.1 制作无需表格的菜单 29215.2.2 制作水平和垂直菜单 29415.3 综合示例——模拟soso导航栏 29715.4 上机练习——将段落转变成列表 29915.5 疑难解惑 301
第16章 使用CSS 3滤镜美化网页元素 30316.1 滤镜概述 30416.2 基本滤镜 30416.2.1 通道(Alpha)滤镜 30516.2.2 模糊(Blur)滤镜 30716.2.3 色彩(Chroma)滤镜 30816.2.4 投影(DropShadow)滤镜 30916.2.5 水平翻转(FlipH)滤镜 31116.2.6 垂直翻转(FlipV)滤镜 31116.2.7 光晕(Glow)滤镜 31216.2.8 灰度(Gray)滤镜 31316.2.9 反相(Invert)滤镜 31416.2.10 遮罩(Mask)滤镜 31516.2.11 波浪(Wave)滤镜 31516.2.12 阴影(Shadow)滤镜 31716.2.13 X-ray滤镜 31816.3 高级滤镜 31816.3.1 光照(Light)滤镜 31916.3.2 渐隐(BlendTrans)滤镜 32016.3.3 切换(RevealTrans)滤镜 32216.4 疑难解惑 324
第17章 JavaScript编程基本知识 32517.1 认识JavaScript 32617.1.1 什么是JavaScript 32617.1.2 JavaScript的特点 32617.1.3 JavaScript与Java的区别 32717.1.4 JavaScript的版本 32817.2 JavaScript基本语法的应用 32917.2.1 注释的应用 32917.2.2 语句的应用 33117.2.3 语句块的应用 33217.3 JavaScript的数据结构 33317.3.1 认识标识符 33317.3.2 认识关键字 33317.3.3 认识常量 33417.3.4 认识变量及其应用 33417.4 JavaScript数据类型的使用 33617.4.1 typeof运算符的使用 33617.4.2 undefined类型的使用 33817.4.3 null类型的使用 33817.4.4 Boolean类型的使用 33917.4.5 Number类型的使用 34017.4.6 String类型的使用 34117.4.7 Object类型的使用 34217.5 JavaScript运算符的使用 34217.5.1 算术运算符 34217.5.2 比较运算符 34417.5.3 位运算符 34517.5.4 逻辑运算符 34617.5.5 条件运算符 34717.5.6 赋值运算符 34817.5.7 运算符的优先级 35017.6 综合示例——一个简单的JavaScript程序 35117.7 疑难解惑 352
第18章 JavaScript的程序控制结构与语句 35318.1 赋值语句 35418.2 条件判断语句 35418.2.1 if语句 35418.2.2 if-else语句 35518.2.3 if ... else if语句 35618.2.4 if语句的嵌套 35718.2.5 switch语句 35918.3 循环控制语句 36018.3.1 while语句 36018.3.2 do-while语句 36118.3.3 for语句 36318.4 跳转语句 36418.4.1 break语句 36418.4.2 continue语句 36518.5 综合示例——在页面中显示距离2015年元旦的天数 36618.6 上机练习——制作一个简易乘法表 36718.7 疑难解惑 368
第19章 JavaScript中的函数 36919.1 函数的简介 37019.2 调用函数 37019.2.1 函数的简单调用 37019.2.2 在表达式中调用 37119.2.3 在事件响应中调用函数 37219.2.4 通过链接调用函数 37319.3 JavaScript中常用的函数 37419.3.1 嵌套函数 37419.3.2 递归函数 37519.3.3 内置函数 37619.4 综合示例——购物简易计算器 38419.5 上机练习——制作闪烁图片 38619.6 疑难解惑 387
第20章 JavaScript的内置对象 38920.1 字符串对象 39020.1.1 创建字符串对象的方法 39020.1.2 字符串对象常用
网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂(附光盘) 电子书 下载 mobi epub pdf txt