网页设计与制作教程（HTML+CSS+JavaScript）第3版

张兵义张博

扉页
版权信息
+书签
前言
第1章网页设计与制作基础
1.1 网页与网站的概念
1.2 Web前端开发技术简介
1.2.1 HTML5简介
1.2.2 CSS3简介
1.2.3 JavaScript简介
1.3 HTML5的基本结构和编码规范
1.3.1 HTML5语法结构
1.3.2 HTML5文档结构
1.3.3 HTML5编码规范
1.4 编辑HTML文件
1.4.1 常见的网页编辑工具
1.4.2 HTML文件的创建
1.5 案例——制作“馨美装修”公司介绍页面
习题1
第2章编辑HTML5元素
2.1 HTML5元素的分类
2.1.1 元信息元素
2.1.2 语义元素
2.1.3 无语义元素
2.2 注释和特殊符号
2.2.1 注释
2.2.2 特殊符号
2.3 HTML5的颜色表示
2.4 文本元素
2.4.1 字体样式元素
2.4.2 短语元素
2.5 文本层次语义元素
2.5.1 mark元素
2.5.2 cite元素
2.5.3 time元素
2.6 基本排版元素
2.6.1 标题元素
2.6.2 段落元素和换行元素
2.6.3 缩排元素
2.6.4 水平线元素
2.6.5 案例——制作“馨美装修”网购向导页面
2.7 图像元素
2.7.1 常用的Web图像格式
2.7.2 图像元素的基本用法
2.8 超链接元素
2.8.1 a元素
2.8.2 页面转向链接
2.8.3 书签链接
2.8.4 下载文件链接
2.8.5 电子邮件链接
2.8.6 JavaScript链接
2.8.7 图像链接
2.8.8 空链接
2.8.9 案例——制作“馨美装修”服务资源页面
2.9 列表元素
2.9.1 无序列表
2.9.2 有序列表
2.9.3 定义列表
2.9.4 嵌套列表
2.9.5 案例——制作“馨美装修”广告联盟页面
2.10 HTML5多媒体元素
2.10.1 HTML5对音频和视频的支持
2.10.2 audio元素
2.10.3 video元素
习题2
第3章网页布局与交互
3.1 iframe框架元素
3.1.1 基本格法
3.1.2 使用iframe框架元素布局页面
3.1.3 使用iframe框架元素实现页面间的跳转
3.2 分区元素
3.2.1 基本语法
3.2.2 使用div元素布局页面内容
3.3 范围元素
3.3.1 基本语法
3.3.2 span元素与div元素的异同
3.3.3 案例——布局“馨美装修”技术支持页面
3.4 HTML5文档结构元素
3.4.1 section元素
3.4.2 nav元素
3.4.3 header元素
3.4.4 footer元素
3.4.5 article元素
3.4.6 aside元素
3.4.7 分组元素
3.4.8 案例—制作“馨美装修”人才招聘页面
3.5 HTML5页面交互元素
3.5.1 details元素和summary元素
3.5.2 progress元素
3.6 表格元素
3.6.1 表格的组成
3.6.2 基本表格
3.6.3 不规范表格
3.6.4 数据分组
3.6.5 调整列的格式
3.6.6 案例—使用表格布局“馨美装修”案例页面
3.7 表单
3.7.1 表单元素form
3.7.2 输入元素input
3.7.3 标签元素label
3.7.4 选择栏元素select
3.7.5 多行文本元素textarea
3.7.6 表单分组
3.7.7 案例——制作“馨美装修”联系我们表单
习题3
第4章 CSS3样式基础
4.1 CSS3简介
4.1.1 初识CSS3
4.1.2 CSS3的优点
4.1.3 CSS3的局限性
4.1.4 CSS3编写规范
4.1.5 CSS3的工作环境
4.2 在HTML中引入CSS3样式表
4.2.1 行内样式
4.2.2 内部样式表
4.2.3 链入外部样式表
4.2.4 导入外部样式表
4.3 CSS3的基本语法和属性值单位
4.3.1 基本语法
4.3.2 注意事项
4.3.3 长度、百分比单位
4.3.4 色彩单位
4.4 CSS3的选择符
4.4.1 基本选择符
4.4.2 复合选择符
4.4.3 通配符选择符
4.4.4 伪类选择符
4.4.5 伪元素选择符
4.4.6 案例——制作“馨美装修”网站使用条款页面
4.5 文档结构与元素类型
4.5.1 文档结构的基本概念
4.5.2 元素类型
4.6 继承性、层叠性和优先级
4.6.1 继承性
4.6.2 层叠性
4.6.3 优先级
4.7 综合案例——制作“馨美装修”帮助中心局部页面
习题4
第5章使用CSS3修饰网页元素
5.1 CSS3字体属性
5.1.1 字体类型属性font-family
5.1.2 字体尺寸属性font-size
5.1.3 字体倾斜属性font-style
5.1.4 小写字体属性font-variant
5.1.5 字体粗细font-weight
5.2 CSS3文本属性
5.2.1 文本颜色属性color
5.2.2 行高属性line-height
5.2.3 文本水平对齐方式属性text-align
5.2.4 为文本添加修饰属性text-decoration
5.2.5 段落首行缩进属性text-indent
5.2.6 文本的阴影属性text-shadow
5.2.7 元素内部的空白属性white-space
5.2.8 文本的截断效果属性text-overflow
5.3 CSS3背景属性
5.3.1 背景颜色属性background-color
5.3.2 背景图像属性background-image
5.3.3 重复背景图像属性background-repeat
5.3.4 固定背景图像属性background-attachment
5.3.5 背景图像位置属性background-position
5.3.6 背景图像大小属性background-size
5.3.7 背景属性background
5.3.8 背景图像起点属性background-origin
5.4 CSS3尺寸属性
5.4.1 宽度属性width
5.4.2 高度属性height
5.4.3 最小宽度属性min-width
5.4.4 最大宽度属性max-width
5.4.5 最小高度属性min-height
5.4.6 最大高度属性max-height
5.5 CSS3列表属性
5.5.1 图像作为列表项的标记属性list-style-image
5.5.2 列表项标记的位置属性list-style-position
5.5.3 标记的类型属性list-style-type
5.5.4 列表简写属性list-style
5.6 CSS3表格属性
5.6.1 合并边框属性border-collapse
5.6.2 边框间隔属性border-spacing
5.6.3 标题位置属性caption-side
5.6.4 单元格无内容显示方式属性empty-cells
5.6.5 案例——使用斑马线表格制作装修工程年度排行榜
5.7 CSS3属性的应用
5.7.1 设置图像样式
5.7.2 设置表单样式
5.7.3 设置链接
5.7.4 创建导航菜单
5.8 综合案例——制作“馨美装修”网购学堂页面
5.8.1 网购学堂页面布局规划
5.8.2 网购学堂页面的制作过程
习题5
第6章 CSS3盒模型
6.1 盒模型概述
6.1.1 盒子的组成
6.1.2 盒子的大小
6.1.3 块级元素与行级元素的宽度和高度
6.2 盒模型的属性
6.2.1 内边距属性padding
6.2.2 外边距属性margin
6.2.3 边框属性border
6.2.4 圆角边框属性border-radius
6.2.5 盒模型的阴影属性box-shadow
6.2.6 调整大小属性resize
6.3 CSS3布局属性
6.3.1 元素的布局方式概述
6.3.2 CSS浮动属性float
6.3.3 清除浮动属性clear
6.3.4 裁剪属性clip
6.3.5 元素显示方式属性display
6.3.6 元素可见性属性visibility
6.4 CSS3盒子定位属性
6.4.1 定位位置属性top、right、bottom、left
6.4.2 定位方式属性position
6.4.3 层叠顺序属性z-index
6.5 CSS3多列属性
6.6 综合案例——“馨美装修”登录页面整体布局
习题6
第7章 Div+CSS布局页面
7.1 Div+CSS布局技术简介
7.1.1 Div+CSS布局的优点
7.1.2 使用嵌套的Div实现页面排版
7.2 典型的Div+CSS整体页面布局
7.2.1 CSS布局类型
7.2.2 CSS布局样式
7.3 典型的局部布局
7.3.1 <div>-<ul>-<li>局部布局
7.3.2 <div>-<dl>-<dt>-<dd>局部布局
7.4 综合案例——制作“馨美装修”商务服务中心页面
7.4.1 商务服务中心页面布局规划
7.4.2 商务服务中心页面的制作过程
练习7
第8章 JavaScript基础
8.1 JavaScript概述
8.2 在HTML文件中使用JavaScript
8.2.1 在HTML文档中嵌入脚本程序
8.2.2 链接脚本文件
8.2.3 在HTML标签内添加脚本
8.3 数据类型
8.3.1 数据类型的分类
8.3.2 基本数据类型
8.3.3 数据类型的转换
8.4 常量和变量
8.4.1 常量
8.4.2 变量
8.5 运算符和表达式
8.5.1 基本概念
8.5.2 运算符和表达式的分类
8.6 流程控制语句
8.6.1 顺序结构语句
8.6.2 条件选择结构语句
8.6.3 循环结构语句
8.7 函数
8.7.1 函数的声明
8.7.2 函数的调用
8.7.3 变量的作用域
8.7.4 内置函数
习题8
第9章 JavaScript DOM编程
9.1 DOM概述
9.2 window对象
9.2.1 window对象的属性
9.2.2 window对象的方法
9.3 document对象
9.3.1 document对象的属性
9.3.2 document对象的方法
9.4 location对象
9.4.1 location对象的属性
9.4.2 location对象的方法
9.5 history对象
9.6 screen对象
9.7 navigator对象
9.8 form对象
9.8.1 form对象的属性
9.8.2 form对象的方法
9.9 DOM节点
9.9.1 node对象
9.9.2 element对象
9.9.3 nodeList对象
9.10 对象事件处理程序
9.10.1 对象的事件
9.10.2 常用的事件及处理
9.10.3 表单对象与交互性
9.11 综合案例——“馨美装修”工程复选框全选效果
习题9
第10章 HTML5的高级应用
10.1 拖放API
10.1.1 draggable属性
10.1.2 拖放事件
10.1.3 数据传递对象dataTransfer
10.2 绘图API
10.2.1 创建canvas元素
10.2.2 构建绘图环境
10.2.3 通过JavaScript绘制图形
习题10
第11章 “馨美装修”网站的制作
11.1 网站的开发流程
11.2 网站结构
11.2.1 创建站点目录
11.2.2 网站页面的组成
11.3 网站技术分析
11.4 制作首页
11.4.1 页面结构代码
11.4.2 页面样式设计
11.4.3 页面交互与网页特效的实现
11.5 制作合作案例页面
11.5.1 页面结构代码
11.5.2 页面样式设计
11.6 网站的整合
习题11
参考文献
内容简介

简介

版权

网页设计与制作教程（HTML+CSS+JavaScript）第3版