HTML+CSS+JavaScript网页设计与布局

作品简介

本书主要介绍使用HTML5、CSS3和JavaScript进行网站图像、网页动画、设计以及网页制作的方法和实践经验，并从网站开发的角度，详细介绍开发不同类型静态网站的经验与过程。全书共分21章，内容包括网页基础、HTML5概述、创建文本和图像、创建表格、创建超链接、应用多媒体、绘制图形、创建表单、Web应用技术、揭秘CSS3、美化字体与段落、美化菜单和图片、美化背景与边框、美化表格、美化表单、使用变形与动画、盒样式与用户界面、JavaScript概述、JavaScript核心语句与事件处理、JavaScript内置对象、JavaScript核心对象等。

本书图文并茂，秉承了基础知识与实例相结合的特点，其内容简单易懂，结构清晰，实用性强，案例经典，适合网页设计初学者、大中院校师生及计算机培训人员使用，同时也是网页设计爱好者的必备参考书。

作品目录

• 内容简介
• 前言
• 第1章　网页基础
• 1.1　初识网页
• 1.1.1　网页的构成
• 1.1.2　静态网页
• 1.1.3　动态网页
• 1.1.4　数据库
• 1.2　W3C概述
• 1.2.1　了解W3C
• 1.2.2　W3C的结构
• 1.2.3　W3C的表现
• 1.2.4　W3C的行为
• 1.3　网站设计概述
• 1.3.1　网站整体策划
• 1.3.2　网页设计任务
• 1.3.3　网页设计实现
• 1.4　网页配色
• 1.4.1　色彩的基础概念
• 1.4.2　色彩的模式
• 1.4.3　自定义网页颜色
• 1.4.4　色彩推移
• 1.5　网页的艺术表现与风格设计
• 1.5.1　网页形式的艺术表现
• 1.5.2　网页构成的艺术表现
• 1.5.3　网页纹理的艺术表现
• 1.5.4　网页设计风格类型
• 第2章　HTML5概述
• 2.1　HTML5基本概念
• 2.1.1　HTML5简介
• 2.1.2　HTML5文档类型
• 2.1.3　页面构成
• 2.2　HTML5的优势
• 2.2.1　HTML5优点
• 2.2.2　HTML5的特性
• 2.2.3　HTML5新功能
• 2.3　HTML5的主体结构
• 2.3.1　HTML5结构性标签体系
• 2.3.2　新增的主体结构标签
• 2.3.3　新增的非主体结构标签
• 2.4　HTML5文件的编写方法
• 2.4.1　手工编写HTML5
• 2.4.2　使用Dreamweaver编写
• 2.5　练习：创建HTML5文档
• 2.6　练习：制作第一个HTML5网页
• 2.7　新手训练营
• 第3章　创建文本和图像
• 3.1　添加网页文本
• 3.1.1　添加普通文本
• 3.1.2　添加特殊字符
• 3.2　设置文本格式
• 3.2.1　设置文本样式
• 3.2.2　设置对齐方式
• 3.2.3　设置段落样式
• 3.3　设置文字列表
• 3.3.1　设置单个列表
• 3.3.2　设置多个列表
• 3.3.3　设置嵌套列表
• 3.3.4　自定义列表
• 3.4　使用图像
• 3.4.1　网页图像格式
• 3.4.2　插入图像
• 3.4.3　编辑图像
• 3.5　练习：制作数学试题网页
• 3.6　练习：制作导航条
• 3.7　新手训练营
• 第4章　创建表格
• 4.1　使用表格
• 4.1.1　创建表格
• 4.1.2　创建嵌套表格
• 4.1.3　创建标题表格
• 4.2　编辑单元格
• 4.2.1　调整单元格
• 4.2.2　设置单元格背景
• 4.2.3　合并单元格
• 4.3　设置表格
• 4.3.1　定义表格
• 4.3.2　设置边框类型
• 4.3.3　设置表格背景
• 4.4　处理表格数据
• 4.4.1　排序数据
• 4.4.2　导入／导出表格数据
• 4.5　练习：制作个人简历
• 4.6　练习：制作购物车页
• 4.7　新手训练营
• 第5章　创建超链接
• 5.1　链接与路径
• 5.1.1　网页中的链接
• 5.1.2　网页中的路径
• 5.2　使用超链接
• 5.2.1　创建文本超链接
• 5.2.2　创建图像超链接
• 5.2.3　创建其他超链接
• 5.3　应用IFrame框架
• 5.3.1　插入IFrame框架
• 5.3.2　链接IFrame框架页面
• 5.4　练习：制作水果页面
• 5.5　练习：制作水墨画页面
• 5.6　新手训练营
• 第6章　应用多媒体
• 6.1　插入Flash
• 6.1.1　插入Flash动画
• 6.1.2　插入Flash视频
• 6.2　使用音频文件
• 6.2.1　了解audio标签
• 6.2.2　添加音频文件
• 6.3　使用视频文件
• 6.3.1　了解video标签
• 6.3.2　添加视频文件
• 6.4　音频与视频相关的属性、方法和事件
• 6.4.1　音频与视频相关的属性
• 6.4.2　音频与视频相关的方法
• 6.4.3　音频与视频相关的事件
• 6.5　练习：制作音乐播放网页
• 6.6　练习：制作在线视频网页
• 6.7　新手训练营
• 第7章　使用HTML图形
• 7.1　认识HTML5 Canvas元素
• 7.1.1　Canvas元素概述
• 7.1.2　浏览器的支持与替代内容
• 7.1.3　在页面中放置Canvas元素
• 7.2　绘制基本形状
• 7.2.1　绘制矩形
• 7.2.2　绘制圆形
• 7.2.3　绘制直线
• 7.2.4　绘制三角形
• 7.2.5　绘制曲线
• 7.3　绘制渐变图形
• 7.3.1　绘制线性渐变
• 7.3.2　绘制径向渐变
• 7.4　绘制变形图形
• 7.4.1　绘制平移效果图形
• 7.4.2　绘制缩放效果图形
• 7.4.3　绘制旋转效果图形
• 7.5　编辑图形
• 7.5.1　组合图形
• 7.5.2　裁切路径
• 7.5.3　设置描边样式
• 7.5.4　设置图形的透明度
• 7.5.5　设置阴影
• 7.5.6　保存图形状态
• 7.6　使用图像
• 7.6.1　绘制图像
• 7.6.2　平铺图像
• 7.6.3　裁剪图像
• 7.6.4　px化处理图像
• 7.7　绘制文字
• 7.7.1　绘制填充文字
• 7.7.2　绘制轮廓文字
• 7.7.3　设置文字宽度
• 7.8　练习：制作风景推荐线路
• 7.9　练习：制作校园简介
• 7.10　新手训练营
• 第8章　创建表单
• 8.1　添加表单
• 8.1.1　表单概述
• 8.1.2　插入表单
• 8.2　添加文本和网页元素
• 8.2.1　添加文本元素
• 8.2.2　添加网页元素
• 8.3　添加选择和按钮元素
• 8.3.1　添加选择元素
• 8.3.2　添加按钮元素
• 8.4　添加表单高级元素
• 8.4.1　新增input元素属性
• 8.4.2　新增form元素及其属性
• 8.5　练习：制作用户登录页面
• 8.6　练习：制作用户注册页面
• 8.7　新手训练营
• 第9章　Web应用技术
• 9.1　本地存储
• 9.1.1　Web Storage概述
• 9.1.2　Web Storage的优势
• 9.1.3　判断浏览器
• 9.1.4　Web Storage方法
• 9.2　离线Web应用程序
• 9.2.1　离线Web应用程序概述
• 9.2.2　Cache Manifest文件
• 9.2.3　在线状态检测
• 9.2.4　applicationCache对象
• 9.3　通信应用
• 9.3.1　WebSocket通信概述
• 9.3.2　跨文档消息传输
• 9.3.3　使用WebSocket
• 9.4　线程应用
• 9.4.1　Web Workers概述
• 9.4.2　工作线程与多线程
• 9.4.3　线程事件处理模型
• 9.4.4　浏览器与线程
• 9.5　获取地理位置信息
• 9.5.1　使用方法
• 9.5.2　position对象
• 9.6　练习：制作简单留言簿
• 9.7　练习：制作个人博客
• 9.8　新手训练营
• 第10章　揭秘CSS3
• 10.1　CSS3简介
• 10.1.1　了解CSS样式
• 10.1.2　CSS的发展史
• 10.1.3　CSS的缺点和使用陷阱
• 10.2　应用CSS3
• 10.2.1　CSS3的基础语法
• 10.2.2　CSS的应用分类
• 10.2.3　CSS3的新特性
• 10.2.4　CSS里的单位
• 10.2.5　CSS编写规则
• 10.3　使用CSS3选择器
• 10.3.1　认识CSS3选择器
• 10.3.2　非伪类型选择器
• 10.3.3　伪类选择器
• 10.3.4　结构性伪类选择器
• 10.3.5　UI元素状态伪类选择器
• 10.3.6　其他关系选择器
• 10.4　练习：制作多彩时尚页
• 10.5　练习：制作图片新闻页
• 10.6　新手训练营
• 第11章　美化字体与段落
• 11.1　设置字体格式
• 11.1.1　使用选择器插入字体
• 11.1.2　设置字体和字号
• 11.1.3　设置字体样式
• 11.1.4　设置字体颜色
• 11.1.5　设置复合属性
• 11.2　设置段落格式
• 11.2.1　设置段落的基本样式
• 11.2.2　设置段落的高级样式
• 11.2.3　设置列表样式
• 11.3　设置高级样式
• 11.3.1　设置阴影效果
• 11.3.2　省略标记
• 11.3.3　设置自动换行
• 11.3.4　调用服务端字体
• 11.4　练习：制作企业新闻列表
• 11.5　练习：制作节日简介页面
• 11.6　新手训练营
• 第12章　美化图片与列表
• 12.1　插入图像文件
• 12.1.1　在标题前插入图像文件
• 12.1.2　attr属性应用
• 12.2　设置图片格式
• 12.2.1　缩放图片
• 12.2.2　设置对齐方式
• 12.3　图文混排
• 12.3.1　设置文字环绕
• 12.3.2　设置图文间距
• 12.4　设置项目列表
• 12.4.1　设置无序列表
• 12.4.2　设置有序列表
• 12.4.3　设置自定义列表
• 12.4.4　设置图片列表
• 12.5　练习：制作在线调查页
• 12.6　练习：制作产品说明页面
• 12.7　新手训练营
• 第13章　美化背景与边框
• 13.1　设置背景格式
• 13.1.1　设置背景颜色
• 13.1.2　设置背景图片
• 13.1.3　设置背景区域
• 13.2　设置边框格式
• 13.2.1　设置边框样式
• 13.2.2　设置图片边框
• 13.3　设置圆角效果
• 13.3.1　设置圆角边框
• 13.3.2　指定两个半径
• 13.3.3　绘制4个不同半径的圆角边框
• 13.3.4　设置隐藏边框
• 13.4　练习：制作企业网站首页
• 13.5　练习：制作图书列表
• 13.6　新手训练营
• 第14章　美化表格、表单与超链接
• 14.1　美化表格
• 14.1.1　设置边框样式
• 14.1.2　设置边框粗细
• 14.1.3　设置边框颜色
• 14.2　美化表单
• 14.2.1　设置表单背景
• 14.2.2　设置表单按钮
• 14.2.3　设置菜单效果
• 14.3　美化超链接
• 14.3.1　设置超链接样式
• 14.3.2　设置超链接说明
• 14.3.3　设置超链接背景
• 14.3.4　设置按钮超链接
• 14.4　练习：制作问卷调查表
• 14.5　练习：制作商品列表
• 14.6　新手训练营
• 第15章　CSS3变形与动画
• 15.1　2D变形
• 15.1.1　使用2D变形
• 15.1.2　自定义变形
• 15.2　设计动画
• 15.2.1　使用Transitions属性
• 15.2.2　同时平滑过渡多个属性值
• 15.2.3　使用Animations属性
• 15.2.4　实现动画的方法
• 15.3　渐变效果
• 15.3.1　使用Webkit渐变
• 15.3.2　使用Gecko渐变
• 15.4　练习：制作不规则形状
• 15.5　练习：制作动态菜单
• 15.6　新手训练营
• 第16章　盒样式与用户界面
• 16.1　使用盒相关样式
• 16.1.1　盒的基本类型
• 16.1.2　内容溢出
• 16.1.3　插入内容
• 16.1.4　控制浏览器行为
• 16.1.5　区域可缩放
• 16.2　用户界面模块
• 16.2.1　设置边框阴影
• 16.2.2　绘制轮廓
• 16.2.3　nav开头属性
• 16.3　设置分栏效果
• 16.3.1　设置多栏布局
• 16.3.2　设置多栏样式
• 16.4　练习：制作传媒公司首页
• 16.5　练习：制作新年贺词页
• 16.6　新手训练营
• 第17章　JavaScript概述
• 17.1　JavaScript简介
• 17.1.1　认识JavaScript
• 17.1.2　JavaScript与Java的区别
• 17.2　JavaScript语法基础
• 17.2.1　语法概述
• 17.2.2　JavaScript语句
• 17.2.3　JavaScript注释
• 17.3　JavaScript数据结构和类型
• 17.3.1　JavaScript数据结构
• 17.3.2　JavaScript数据类型
• 17.4　JavaScript运算符
• 17.4.1　运算符的优先级
• 17.4.2　算术运算符
• 17.4.3　比较运算符
• 17.4.4　位运算符
• 17.4.5　逻辑运算符
• 17.4.6　条件运算符
• 17.4.7　赋值运算符
• 17.5　练习：制作海湾度假村网页
• 17.6　练习：制作花品展示页
• 17.7　新手训练营
• 第18章　JavaScript核心语法
• 18.1　条件判断语句
• 18.1.1　if类语句
• 18.1.2　switch语句
• 18.2　循环和跳转语句
• 18.2.1　循环语句
• 18.2.2　跳转语句
• 18.3　函数
• 18.3.1　函数简介
• 18.3.2　参数传递
• 18.3.3　定义函数
• 18.3.4　内置函数
• 18.4　事件驱动和事件处理
• 18.4.1　事件与事件驱动
• 18.4.2　关联事件与处理代码
• 18.4.3　调用事件
• 18.5　练习：制作在线调查页
• 18.6　练习：制作动画转动特效
• 18.7　新手训练营
• 第19章　JavaScript的内置对象
• 19.1　面向对象概述
• 19.1.1　什么是面向对象
• 19.1.2　创建对象
• 19.1.3　属性和方法
• 19.2　字符串对象
• 19.2.1　创建字符串对象
• 19.2.2　应用对象属性
• 19.2.3　应用对象方法
• 19.3　数值对象
• 19.3.1　应用对象属性
• 19.3.2　应用对象方法
• 19.4　日期对象
• 19.4.1　创建日期对象
• 19.4.2　应用对象属性
• 19.4.3　应用对象方法
• 19.4.4　运算日期
• 19.5　数组对象
• 19.5.1　创建数组对象
• 19.5.2　应用属性
• 19.5.3　应用方法
• 19.6　练习：制作图片展示
• 19.7　练习：制作弹出对话框
• 19.8　新手训练营
• 第20章　JavaScript核心对象
• 20.1　窗口对象
• 20.1.1　应用窗口
• 20.1.2　应用对话框
• 20.1.3　应用状态栏
• 20.1.4　窗口操作
• 20.2　文档对象
• 20.2.1　应用文档对象
• 20.2.2　操作文档元素
• 20.3　表单和图像对象
• 20.3.1　应用表单对象
• 20.3.2　应用图像对象
• 20.4　练习：制作网页导航
• 20.5　练习：制作动态首页
• 20.6　新手训练营
• 第21章　网站后台管理页面
• 21.1　后台管理页设计分析
• 21.1.1　后台管理系统的分类
• 21.1.2　后台管理系统的功能
• 21.1.3　后台框架集管理页
• 21.2　设置登录页面
• 21.3　创建主框架集页
• 21.4　框架集顶部文件
• 21.5　框架集左侧文件
• 21.6　练习：框架集主文件
• 附录CD