网页制作案例教程

第1章 从零开始构建HTML5 Web页面1.1 HTML5新语法1.1.1基本语法1.1.2页面标记的语法1.1.3个HTML5页面1.2 HTML5的页面结构1.2.1结构元素1.2.2页面元素1.2.3表单元素1.2.4其他属1.3设计页面的基本结构1.4改善为符合HTML5的结构.本章实例：设计一个文章评论列表本章小结课后练p>第2章 使用HTML5结构元素构建网站2.1 html根元素.2.2文档头部元素2.3页面交互2.3.1 details元素2.3.2summary元素2.3.3menu元素2.3.4command元素2.3.5progress元素2.3.6 meter元素2.4页面节点2.4.ection元素2.4.2nav元素2.4.3 hgroup元素2.4.4 ress元素2.5列表元素2.5.1ul元素2.5.2ol元素2.5.3dl元素2.6文本层次语义2.6.1 time元素2.6.2 mark元素2.6.3 cite元素2.7公共属2.7.1 draggable属2.7.2 hen属2.7.3 spellcheck属2.7.4 contenteditable属本章案例：构建一个企业网站首页。本章小结课后练p>第3章 基于HTML5的表单3.1 HTML5表单属3.1.1 required属3.1.2 placeholder属3.1.3 pattern属3.1.4 diled属3.1.5 readonly属3.1.6 multiple属3.1.7 form属3.1.8 autocomplete属3.1.9 datalist元素 和list属3.1.10 autofocus属3.2 HTML5表单输入类型3.2.earch类型3.2.2 e类型3.2.3 ur类型3.2.4__number类型3.2.5 tel类型3.2.6 range类型3.2.7 color类型3.2.8 date日期类型3.3 HTML5其他的表单元素3.3.1 output元素3.3.2 keygen元素3.3.3 optgroup元素本章实例：实现用户注能本章小结课后练p>第4章HTML5的绘图技术4.1创建画布.4.1.1 添加canvas元素4.1.2 canvas元素的基本用法4.2绘制基础.4.2.1绘制带边框矩形4.2.2绘制渐变图形4.2.3绘制圆形4.2.4绘制直线4.2.5绘制文字4.3对画布中图形的操作4.3.1组合多个图形4.3.2为图形添加阴影4.3.3变换坐标4.3.4变换矩阵4.4.在画布中使用图像4.4.1绘制图像4.4.2平铺图像4.4.3 裁剪图像4.5其他操作.4.5.1保存和恢复图形4.5.2输出图形本章实例1：将彩色图像转换成黑白图像……103本章实例2：绘制指针式动画时钟..本章实例3：绘制弹球动画本章小结课后练p>第5章 HTML5处理和音频5.1 HTML5中音频和概述5.1.1容器5.1.2音频和编解码器5.2使用video元素显示.5.2.1 video元素的属5.2.2 video元素的事件5.3使用audio元素显示音频5.3.1 audio元素的属5.3.2 audio元素的事件本章实例：制作属于自己的网页播放器本章小结课后练p>第6章 HTML5与文件6.1选择文件6.1.1选择一个文件6.1.2选择多个文件6.1.3对文件类行限制6.2读取文件6.2.1 FileReader接口简介6.2.2读取文本文件内容6.2.3读取制文件内容6.2.4读取图像文件内容6.2.5监听读取事件6.2.6错误案本章实例1：实现文件上传本章实例2：通过拖放实现文件上传本章小结课后练p>第7章 CSS3样式入门7.1 CSS背景知识7.1.1CSS简介7.1.2CSS特点7.1.3使用CSS的优势7.2CSS3基能7.3CSS3的颜色7.3.1RGBA7.3.2HSL和HSLA7.3.3opacity属7.4CSS 3文本与字体样式7.4.1text-shadow属7.4.2text-overflow属7.4.3word-wrap属7.4.4@font-face属本章实例1：设计网页色调本章实例2：制作个的图书列表本章小结课后练p>第8章使用CSS3选择器8.1 CSS3的选择器8.1.1属选择器8.1.2结构化伪类选择器8.1.3伪元素选择器8.1.4U1元素状态伪类选择器8.1.5通用兄弟元素选择器8.2使用选择器来插入文字8.2.1使用选择器来插入内容8.2.2个别元素行插入8.3插入图像文件8.3.1在标题前插入图像文件8.3.2插入图像文件的好处8.3.3将al属的值作为图像的标题来显示8.4 使用content属插入项目编号8.4.1在多个标题前加上连续编号8.4.2在项目编号中追加文字8.4.3编号的样式8.4.4编号的种类8.4.5编号嵌套8.4.6中编号中嵌入大编号8.4.7 在字符串两边添加族套文字符号…198本章实例：设计窗内网网站首页本章小结课后练p>第9章 CSS3边框和背景样式9.1边框样式9.1.1 border-image属9.1.2 border-radius属9.1.3 box-shadow属9.1.4 border-color属9.2背景样式9.2.1 background-clip属9.2.2 background-origin属L00-9L909.2_3 background-sizel属9_2.4 background-break属9.3渐变9.3.1 线渐变9.3.2 径向断变9.3.3重复渐变本章实例1：中央图像的自动拉伸本章实例2：绘制不同半径四个角的閦角边框本章实例3：在一个元素中显示多个背景图像本章实例4：为元素或模块设计背景图像…….233本章小结，课后练p>第10章 CSS3布局样式10.1单个盒子样式10.1.1 盒子模型简介10.1.2 overflow属10.1.3 overflow-xnoverflow-y属10.1.4 box-sizing.属10.2多列美布局，10.2.1 column-count属10.2.2 column-gap属10.2.3 column-width属10.2.4 column-rule属10.2.5 column-span属10.2.6 column-fill属10.2.7 columns属.10.3 outline属本章实例：创建相册图片列表页面本章小结课后练p>第11章 JavaScript语言基本概念11.1 JavaScript语法11.1.1大小写敏感11.1.2空格、制表符和换行11.1.3 分号为语句分隔符11.1.4 常量11.1.5安量11.1.6 标识符11.1.7保留字11.1.8 注释11.2 JavaScript中的数据类型11.3运算符和表达式11.3.1. 运算符概述11.3.2算术运算符1日.3.3 关系运算符11.3.4 逻辑运算符11.3.5 赋值运算符11.3:6字符串运算符11.3.7条件运算符（？：）11.3.8类型运算符11.3.9运算符的优先级11.3.10 表达式11.4 JavaScript对象11.4.1 JavaScript面向对象概念11.4.2 对象的创建11.4.3 属的设置和读取11.4.4 对象的方法11.4.5 对象的继承11.5数组11.5.1 创建一个数组11.5.2绘数组元素赋值11.5.3 使用length属获取数组的长度11.5.4 多维数组11.6 流程控制11.6.1 判断语句11.6.2 循环语句11.7函数11.7.1定义语数11.7.2 调用函数11.7.3函数的返回值11.8变量的作用域11.8.1 局部变量11.8.2 全局变量11.9事件11.9.1 事件类型事件句柄11.9.3事件处理11.9.4 HTML标签与事件11.9.5常用事件本章小结课后练p>第12章浏览器对象模型与窗口内置对象12.1浏览器对象模型12.1.1窗口对象window概述12.1.2打开和关闭窗口12.1.3使用延时设定12.1.4使用时间间隔设定12.1.5窗口的移动12.1.6改变窗口尺12.1.7使用状态栏12.2窗口内置对象12.2.1location对象12.2.2history对象12.2.3navigator对象12.2.4screen对象本章小结课后练p>第13章表单13.1 FORM对象13.1.1标签13.1.2表单对象13.1.3表单对象的方法和事件13.2表单元素13.2.1给表单元素命名13.2.2标签13.2.3文本框13.2.4按钮13.2.5单选框13.2.6复选框13.2.7多行文本域13.2.8选择列表本章实例：表单验证本章小结课后练p>参考文献