网页设计案例教程PDF电子书下载

第1章 HTML基础 1

1.1 什么是HTML 1

1.1.1 网页的基本概念 1

1.1.2 HTML的工作原理 3

1.1.3 HTML文档的结构 4

1.2 网页制作的工具 7

1.2.1 Dreamweaver CS6的界面 7

1.2.2 Dreamweaver CS6的工具栏 9

1.2.3 文档窗口 10

1.2.4 面板组 12

1.3 页面属性的设置 12

1.3.1 定义网页背景色 13

1.3.2 设置背景图片 13

1.3.3 设置网页文字 14

1.3.4 设置背景音乐 15

1.4 Dreamweaver CS6中的智能代码输入方法 15

1.5 实训——智能代码输入方法练习 18

小结 18

习题 18

第2章 文本及版面控制标记 20

2.1 标题标记 20

2.2 文本基本标记 21

2.3 文本格式化标记 24

2.3.1 文字加大、缩小标记 24

2.3.2 粗体、斜体标记 25

2.3.3 上标与下标标记 26

2.3.4 删除线与下划线标记 27

2.3.5 空格与特殊符号 28

2.4 文本版面风格控制标记 30

2.4.1 文本分段与换行标记 30

2.4.2 水平线标记 31

2.4.3 居中标记 32

2.4.4 预排版标记 33

2.5 列表标记 34

2.5.1 无序列表标记 35

2.5.2 有序列表标记 37

2.6 容器标记 40

2.6.1 ＜div＞标记 41

2.6.2 ＜span＞标记 43

2.7 实训——制作一个简单的文本页面 44

小结 44

习题 45

第3章 图像 46

3.1 网页中常用的图像格式 46

3.2 图像标记 47

3.2.1 图像标记的格式 47

3.2.2 设置图像的宽度和高度 48

3.2.3 设置图像的提示信息 49

3.2.4 设置图像的边框 50

3.2.5 设置图像的水平间距和垂直间距 50

3.2.6 设置图像的对齐方式 51

3.3 实训——制作图文混排页面 53

小结 55

习题 55

第4章 超链接 56

4.1 超链接的基本知识 56

4.2 超链接标记 58

4.3 超链接的种类 59

4.3.1 文本链接 59

4.3.2 锚记链接 60

4.3.3 电子邮件链接 63

4.3.4 图像链接 63

4.3.5 下载文件链接 66

4.3.6 脚本链接 68

4.3.7 空链接 69

4.4 实训——应用链接制作网页 69

小结 69

习题 70

第5章 表格 72

5.1 创建表格 72

5.1.1 表格的基本构成 72

5.1.2 设置表格的标题 73

5.1.3 表格的标题单元格标记 74

5.1.4 表格的结构 75

5.2 设置表格的基本属性 77

5.2.1 设置表格的宽度与高度 77

5.2.2 设置背景 78

5.2.3 设置边框 78

5.2.4 设置对齐方式 79

5.3 编辑表格 81

5.3.1 水平合并单元格 81

5.3.2 垂直合并单元格 82

5.3.3 拆分单元格 83

5.3.4 表格的嵌套 84

5.4 实训——制作新疆行知网 87

小结 92

习题 92

第6章 表单与特殊对象 95

6.1 创建表单 95

6.1.1 表单标记 95

6.1.2 用Dreamweaver CS6创建表单 96

6.2 表单对象 97

6.2.1 文本框 97

6.2.2 密码框 98

6.2.3 单选按钮 100

6.2.4 复选框 101

6.2.5 选择框 102

6.2.6 文本域 105

6.2.7 提交按钮与重置按钮 106

6.2.8 按钮 108

6.2.9 图像域 109

6.2.10 隐藏域 110

6.2.11 文件域 111

6.2.12 电子邮件框 112

6.2.13 URL框 113

6.2.14 搜索框 113

6.2.15 日期时间框 114

6.3 网页中的特殊对象 116

6.3.1 ＜object＞标记 116

6.3.2 ＜marquee＞标记 118

6.4 实训——制作用户注册表 119

小结 120

习题 120

第7章 CSS 124

7.1 构造样式规则 124

7.2 在HTML中使用CSS的方法 125

7.2.1 外部样式表 125

7.2.2 嵌入式样式表 126

7.2.3 内嵌式样式表 127

7.3 CSS选择器 128

7.3.1 简单选择器 129

7.3.2 复合选择器 132

7.4 实训 135

实训1 选择器综合实例 135

实训2 制作圆角矩形 139

小结 142

习题 142

第8章 网页的CSS布局 144

8.1 盒子模型 144

8.1.1 盒子模型结构 144

8.1.2 盒子属性的简写形式 147

8.2 标准流 148

8.2.1 行内元素 149

8.2.2 块级元素 149

8.2.3 行内元素与块级元素的相互转换 150

8.2.4 标准流中盒子间距离的计算 151

8.3 盒子的浮动 154

8.3.1 制作基础页面 155

8.3.2 设置div左浮动 156

8.3.3 设置div右浮动 159

8.3.4 使用clear属性结束浮动 160

8.4 盒子的定位 165

8.4.1 静态定位 165

8.4.2 相对定位 166

8.4.3 绝对定位 168

8.4.4 固定定位 171

8.5 DIV+CSS布局方法 171

8.5.1 CSS排版的观念 171

8.5.2 DIV+CSS布局的主要方法 171

8.6 各种CSS布局方法的分析 176

8.6.1 1-2-1布局 176

8.6.2 1-3-1布局 181

8.6.3 1-2-1全屏布局 185

8.7 实训——鲜花在线销售网站 188

小结 205

习题 205

第9章 综合案例——在线购物网站 208

9.1 在线购物网站设计概述 208

9.1.1 在线购物网站网页组成的特点 208

9.1.2 在线购物网站的设计 209

9.2 在线购物网站的创建 210

9.2.1 创建站点 211

9.2.2 新建样式表并设置通用样式 211

9.2.3 制作首页 213

9.3 在线购物网站二级页面的制作 235

9.3.1 二级页面效果图分析 235

9.3.2 二级页面的制作及样式定义 236

9.4 网站源文件及CSS代码文件 240

小结 276

习题 276

第10章 网站的测试与发布 278

10.1 本地站点的测试 278

10.1.1 检查浏览器的兼容性 278

10.1.2 检查站点中的链接错误 279

10.1.3 在浏览器中预览 280

10.2 网站的发布 280

10.2.1 申请注册域名 281

10.2.2 申请网站空间并上传网页 282

10.2.3 网站的推广宣传 284

小结 285

习题 285

参考文献 286