网页设计与制作-基于计算思维

第1章 网页设计与制作基础 001
1.1 网站与网页 001
1.1.1 网站 001
1.1.2 网页 003
1.1.3 网页的基本构成元素 004
1.2 网页相关的概念 005
1.2.1 internet、ip和域名 005
1.2.2 www和ftp 006
1.2.3 http和html 006
1.2.4 浏览器和web服务器 006
1.2.5 静态网页和动态网页 009
1.3 网站制作基本流程 012
1.4 网页设计制作工具 017
1.4.1 原型设计工具 017
1.4.2 图形图像制作工具 018
1.4.3 网页编辑工具 020
本章小结 021
课后习题 021
第2章 html基础 023
2.1 标记语言的作用 023
2.2 html基础 024
2.2.1 html和xhtml 024
2.2.2 html5 025
2.2.3 html的基本语法 025
2.2.4 xhtml的语法 026
2.3 html的结构 027
2.3.1 基本结构 027
2.3.2 文档类型定义 028
2.3.3 头部内容 029
2.3.4 主体内容 029
2.4 标题与段落 030
2.4.1 标题 030
2.4.2 段落 030
2.5 文字格式 031
2.6 建立和使用列表 032
2.6.1 无序列表 032
2.6.2 有序列表 033
2.6.3 定义列表 033
2.7 特殊字符和注释 034
2.8 html5中的新增结构元素 034
2.9 使用dreamweaver编写网页 035
2.9.1 新建网页 036
2.9.2 设置网页标题 037
2.9.3 设置文章中的标题 038
2.9.4 设置无序列表和有序列表 039
2.9.5 设置文字格式 040
2.9.6 特殊字符的输入 040
本章小结 041
课后习题 041
第3章 css基础 043
3.1 css基本概念 043
3.1.1 css的概述 043
3.1.2 css的基本语法 043
3.2 css选择器 045
3.2.1 基本选择器 045
3.2.2 其他选择器 048
3.3 在html中应用css 052
3.3.1 行内样式 052
3.3.2 内部样式 052
3.3.3 外部样式 052
3.4 使用css控制文字样式 053
3.4.1 文字字体 054
3.4.2 web字体 055
3.4.3 文字大小 056
3.4.4 文字粗细 056
3.4.5 斜体 056
3.4.6 文字修饰 057
3.4.7 字间距 057
3.4.8 英文字母的大小写 058
3.4.9 阴影效果 058
3.5 使用css控制段落样式 059
3.5.1 首行缩进 059
3.5.2 段落水平对齐 059
3.5.3 行高 059
3.5.4 分栏 060
3.6 继承性和层叠性 061
3.6.1 css的继承性 061
3.6.2 css的层叠性 062
3.7 使用dreamweaver编辑css 063
3.7.1 css样式面板 063
3.7.2 创建与应用css规则 064
3.7.3 编辑和移动css规则 069
3.7.4 附加样式表 071
本章小结 072
课后习题 072
第4章 网页中的颜色、图像和多媒体 074
4.1 颜色的基础知识 074
4.1.1 三原色 074
4.1.2 色相、明度、饱和度 075
4.1.3 冷暖色 076
4.2 网页中的颜色 076
4.2.1 网页中颜色的表示 077
4.2.2 网页安全色 078
4.2.3 网页配色基础 079
4.2.4 dreamweaver中颜色的操作 081
4.3 网页中的图像 082
4.3.1 图像在网页中的应用 082
4.3.2 网页中的图像类型 083
4.3.3 网页中的图像标签 085
4.4 使用dreamweaver操作图像 086
4.4.1 网页图像的添加 086
4.4.2 网页图像属性的设置 087
4.4.3 网页图像占位符 090
4.4.4 网页中的背景图像设置 090
4.5 在网页中添加多媒体对象 095
4.5.1 在网页中插入声音对象 095
4.5.2 在网页中插入视频对象 098
4.5.3 在网页中插入flash对象 100
4.5.4 在网页中插入其他媒体对象 101
本章小结 102
课后习题 102
第5章 网页中表格的使用 104
5.1 表格概述 104
5.1.1 表格的基本功能 104
5.1.2 表格的基本标签 104
5.1.3 表格的基本属性 105
5.2 dreamweaver中有关表格的操作 111
5.2.1 表格的创建 111
5.2.2 在表格中添加内容 113
5.2.3　选择表格元素 114
5.2.4 复制、粘贴表格 116
5.2.5 调整表格 117
5.2.6 插入和删除表格行或列 117
5.2.7 删除表格和清除表格内容 118
5.2.8 合并和拆分单元格 119
5.2.9 表格属性的设置 119
5.2.10 导入和导出表格的数据 121
5.2.11 排序表格 123
5.3 使用表格布局网页 124
5.3.1 表格布局技术的产生 124
5.3.2 用表格布局网页的基本原理 126
5.3.3 表格布局的优缺点 127
5.3.4 使用表格布局网页的基本步骤 127
5.3.5 表格布局应用实例 129
本章小结 134
课后习题 134
第6章 超链接 136
6.1 超链接概述 136
6.1.1 超链接的概念 136
6.1.2 超链接的种类 136
6.1.3 链接路径 138
6.2 超链接的标签及常用属性 139
6.3 超链接的css样式 140
6.3.1 超链接属性控制 140
6.3.2 超链接特效 143
6.4 dreamweaver中有关超链接的操作 146
6.4.1 创建文本超链接 146
6.4.2 创建图像超链接 149
6.4.3 创建热点超链接 149
6.4.4 鼠标经过图像超链接 150
6.4.5 电子邮件超链接 151
6.4.6 创建锚点超链接 152
6.4.7 创建下载文件超链接 153
6.4.8 创建空链接 153
6.4.9 创建脚本超链接 154
6.4.10 超链接的编辑和更新 154
本章小结 156
课后习题 156
第7章 css布局基础 157
7.1 基础知识 157
7.1.1 网页中的块级元素和行内元素 157
7.1.2 盒模型 158
7.1.3 外边距的叠加 162
7.1.4 元素的内容溢出 163
7.2 浮动定位 164
7.2.1 设置浮动 164
7.2.2 浮动的清除 165
7.3 位置定位 168
7.3.1 静态定位 168
7.3.2 相对定位 168
7.3.3 绝对定位 169
7.3.4 固定定位 171
7.3.5 z-index 172
本章小结 173
课后习题 173
第8章 css布局及应用 174
8.1 网页整体布局 174
8.1.1 固定宽度布局 174
8.1.2 流动布局 177
8.2 网站中的导航 178
8.2.1 垂直导航 179
8.2.2 水平导航 180
8.2.3 下拉菜单 181
8.3 首字下沉效果 183
8.4 自定义符号列表 184
8.5 图文混排 185
8.6 全图排版 186
8.7 dreamweaver中的页面组件 188
8.7.1 spry菜单栏 189
8.7.2 spry选项卡式面板 190
8.7.3 spry折叠式面板 191
本章小结 193
课后习题 193
第9章 模板和库项目 194
9.1 模板的概念 194
9.2 模板的创建和使用 194
9.2.1 创建模板 194
9.2.2 创建模板的区域 196
9.2.3 应用模板 200
9.2.4 管理模板 204
9.2.5 创建嵌套模板 206
9.3 库项目的创建和使用 206
9.3.1 关于库项目 206
9.3.2 创建库项目 206
9.3.3 应用库项目 207
9.3.4 管理库项目 207
本章小结 208
课后习题 208
第10章 表单 211
10.1 表单 211
10.1.1 表单基本概念 211
10.1.2 创建表单 211
10.2 表单元素 212
10.3 使用dreamweaver编辑表单网页 216
10.3.1 在dreamweaver中创建表单 216
10.3.2 在dreamweaver中插入表单元素 216
10.4 表单网页的页面布局 221
10.4.1 案例1：利用div+css布局实现论坛登录页面 221
10.4.2 案例2：用表格布局实现论坛注册页面 225
10.5 spry表单元素 229
10.5.1 spry验证文本域 230
10.5.2 spry验证文本区域 231
10.5.3 spry验证复选框 231
10.5.4 spry验证选择 232
10.5.5 spry验证密码 232
10.5.6 spry验证确认 233
10.5.7 spry验证单选按钮组 233
本章小