基于新信息技术的HTML5和CSS3网页设计基础教程

第1章 初识HTML 1 1.1 HTML概述 1 1.1.1 HTML思想 1 1.1.2 基本的HTML页面 2 1.2 HTML的基本概念 5 1.2.1 元素(element) 5 1.2.2 属性(attribute)和值(value) 6 1.2.3 父元素和子元素 8 1.3 HTML的开发工具 9 1.3.1 Dreamweaver CS6 9 1.3.2 Sublime Text 3 10 第2章 HTML的基本构造 12 2.1 规划网站 12 2.2 头部元素 14 2.3 结构元素 15 2.3.1 页眉：header元素 17 2.3.2 导航：nav元素 19 2.3.3 主区域：main元素 22 2.3.4 区块：section元素 22 2.3.5 附注：aside元素 23 2.3.6 页脚：footer元素 23 2.3.7 通用容器：div元素 23 2.4 元素的ID和类别 24 2.5 注释 25 第3章 HTML中的文本 27 3.1 分级标题 27 3.2 段落 29 3.3 文本格式 30 3.3.1 文本对齐方式 30 3.3.2 文字的字体、大小、颜色 32 3.3.3 特殊文字标签 32 3.4 换行与分隔线 33 3.5 特殊字符元素 34 3.6 列表元素 35 3.6.1 有序列表 35 3.6.2 无序列表 36 3.6.3 自定义列表 38 3.7 span元素 39 第4章 HTML中的图像 41 4.1 插入图像 41 4.2 绝对路径与相对路径 43 4.2.1 绝对路径 43 4.2.2 相对路径 43 4.3 修改图像大小 44 4.4 制作图像链接 45 4.5 图像与文字的对齐方式 46 4.6 创建图像映射 47 第5章 HTML中的表格 49 5.1 简单表格 49 5.1.1 表格的基本语法、属性 49 5.1.2 简单表格举例 51 5.2 跨行、跨列表格 53 5.2.1 跨列 53 5.2.2 跨行 55 5.2.3 跨行跨列 56 5.3 表格的美化 57 第6章 HTML中的表单 59 6.1 创建表单 59 6.2 文本框/密码框 61 6.3 单选按钮 62 6.4 复选框 63 6.5 文本域 64 6.6 按钮 66 6.7 下拉列表 68 6.8 标题框 70 6.9 选项组 71 6.10 HTML5对表单的改进 72 第7章 CSS概述 75 7.1 样式规则 75 7.2 样式的继承 79 7.3 样式的层叠 83 7.4 属性的值 90 7.4.1 inherit 90 7.4.2 预定义的值 90 7.4.3 长度和百分数 91 7.4.4 纯数字 91 7.4.5 URL 92 7.5 CSS颜色 93 7.5.1 16种基本颜色关键字 93 7.5.2 RGB颜色 94 7.5.3 RGBA颜色 94 7.5.4 HEX颜色 95 7.5.5 HSL和HSLA颜色 96 第8章 CSS选择器 97 8.1 元素选择器 97 8.2 类选择器 98 8.3 ID选择器 99 8.4 属性选择器 100 8.4.1 简单属性选择器 100 8.4.2 属性值选择器 101 8.4.3 子串匹配属性选择器 102 8.5 后代选择器 102 8.6 子元素选择器 104 8.7 相邻兄弟选择器 105 8.8 伪类选择器 106 8.8.1 锚伪类 106 8.8.2 :first-child 伪类 107 8.9 伪元素选择器 109 8.9.1 :first-line 伪元素 110 8.9.2 :first-letter 伪元素 110 8.9.3 :before和:after伪元素 110 8.10 分组选择器 111 第9章 CSS常用属性 112 9.1 背景 112 9.1.1 背景色 113 9.1.2 背景图像 113 9.1.3 背景重复 114 9.1.4 背景定位 117 9.1.5 背景关联 117 9.1.6 背景简记 118 9.2 文本 118 9.2.1 文本颜色 118 9.2.2 文本尺寸 119 9.2.3 文本字体 120 9.2.4 文本缩进 121 9.2.5 水平对齐 122 9.2.6 词间隔 122 9.2.7 字间隔 123 9.2.8 字符转换 124 9.2.9 文本装饰 126 9.2.10 行高 127 9.3 表格 127 9.3.1 表格边框 127 9.3.2 折叠边框 129 9.3.3 表格尺寸 130 9.3.4 文本对齐 131 9.3.5 内边距 133 第10章 CSS框模型 135 10.1 框的基本属性 135 10.1.1 宽度与高度：width和height 135 10.1.2 内边距：padding 136 10.1.3 边框：border 136 10.1.4 外边距：margin 137 10.2 框的分类 138 10.2.1 块级元素 138 10.2.2 行级元素 139 10.2.3 行内块元素 141 第11章 CSS定位机制 143 11.1 普通流定位 143 11.2 相对定位 144 11.3 绝对定位 145 11.4 浮动定位 147 11.5 清除 149 第12章 项目实战案例 152 12.1 需求分析 152 12.1.1 用例图 152 12.1.2 页面一览 153 12.2 页面设计 154 12.2.1 页面跳转设计 154 12.2.2 页面效果图 155 12.2.3 页面尺寸定义 158 12.2.4 页面颜色定义 159 12.3 代码实现 160 12.3.1 总体布局 160 12.3.2 头部编码 168 12.3.3 导航栏编码 172 12.3.4 注脚栏编码 174 12.3.5 主区域编码 175 参考文献 176