网页设计与制作实例教程PDF电子书下载

第1章 HTML概述 1

1.1 HTML简介 1

1.2 HTML编写规范 2

1.2.1 标签及其属性 2

1.2.2 HTML代码规范 2

1.2.3 HTML文档结构 3

1.3 创建HTML文件 4

1.4 网页的摘要信息 5

1.4.1 ＜title＞标签 5

1.4.2 ＜meta＞标签 5

1.4.3 案例——制作兴宇书城页面摘要信息 6

1.5 HTML页面中的块和行 6

1.6 注释和特殊符号 7

1.6.1 注释 7

1.6.2 特殊符号 8

1.7 实训——制作力天商务网的版权信息 8

习题1 9

第2章 块级标签 10

2.1 基本块级标签 10

2.1.1 标题标签＜h#＞…＜/h#＞ 10

2.1.2 段落标签＜p＞…＜/p＞ 10

2.1.3 水平线标签＜hr/＞ 11

2.1.4 案例——制作兴宇书城积分说明页面 13

2.2 用于布局的块级标签 14

2.2.1 无序列表 14

2.2.2 有序列表 15

2.2.3 表格 16

2.2.4 表单 25

2.2.5 分区 26

2.3 实训——制作力天科技简介页面 27

习题2 28

第3章 行级标签 30

3.1 超链接 30

3.1.1 超链接的基本概念 30

3.1.2 超链接的应用 31

3.1.3 案例——制作兴宇书城购物指南 34

3.2 图像 36

3.2.1 Web上常用的图像格式 36

3.2.2 图像标签＜img＞ 36

3.2.3 用图像作为超链接热点 38

3.2.4 案例——制作兴宇书城图文简介 38

3.3 表单元素 39

3.3.1 ＜input＞元素 40

3.3.2 选择栏＜select＞ 44

3.3.3 多行文本域 ＜textarea＞…＜/textarea＞ 46

3.3.4 表单的高级用法 46

3.3.5 案例——制作兴宇书城会员注册表单 47

3.3.6 表单布局 48

3.4 范围标签＜span＞ 50

3.5 换行标签＜br/＞ 51

3.6 实训——制作力天商务网“联系我们”表单 51

习题3 53

第4章 CSS样式表 54

4.1 CSS概述 54

4.1.1 CSS的基本概念 54

4.1.2 CSS的发展历史 55

4.1.3 CSS的代码规范 55

4.1.4 CSS的工作环境 56

4.1.5 体验CSS 57

4.2 样式表语法 57

4.2.1 CSS规则 58

4.2.2 常用的选择符 58

4.3 CSS的属性单位 71

4.3.1 长度、百分比单位 71

4.3.2 色彩单位 72

4.4 网页中插入CSS的方法 73

4.4.1 定义内部样式表 73

4.4.2 定义行内样式表 75

4.4.3 链入外部样式表 76

4.4.4 导入外部样式表 78

4.4.5 案例——制作兴宇书城图书详细信息 79

4.5 样式表的层叠、特殊性与重要性 81

4.5.1 样式表的层叠 81

4.5.2 特殊性 83

4.5.3 重要性 83

4.6 元素分类 84

4.7 实训——制作力天商务网商机发布信息区 84

习题4 86

第5章 Div＋CSS布局方法 88

5.1 Div布局理念 88

5.1.1 Div布局页面的优点 88

5.1.2 使用嵌套的Div容器实现页面排版 88

5.2 CSS盒模型 89

5.2.1 盒模型的概念 90

5.2.2 盒模型的属性 90

5.2.3 盒模型的宽度与高度 96

5.2.4 外边距的叠加 97

5.2.5 盒模型综合案例 98

5.3 盒子的定位 100

5.3.1 静态定位 100

5.3.2 相对定位 102

5.3.3 绝对定位 102

5.3.4 相对定位与绝对定位的混合使用 103

5.3.5 固定定位 103

5.4 盒子的浮动 105

5.4.1 浮动 105

5.4.2 清除浮动 109

5.4.3 定位与浮动综合案例 110

5.5 CSS常用布局样式 115

5.5.1 两列布局样式 115

5.5.2 三列布局样式 119

5.6 Div＋CSS布局综合案例 123

5.6.1 页面布局规划 123

5.6.2 页面的制作过程 124

5.7 实训——力天商务网博客页面的布局 129

5.7.1 页面布局规划 130

5.7.2 页面的制作过程 130

习题5 136

第6章 使用CSS实现常用的样式修饰 138

6.1 设置文字的样式 138

6.1.1 设置文字的字体 138

6.1.2 设置字体的大小 139

6.1.3 设置字体的粗细 140

6.1.4 设置字体的倾斜 141

6.1.5 设置字体的修饰 142

6.1.6 设置文本的颜色 144

6.2 设置段落的样式 145

6.2.1 设置文字的对齐方式 145

6.2.2 设置首行缩进 146

6.2.3 设置首字下沉 146

6.2.4 设置行高 147

6.2.5 设置字间距 148

6.2.6 设置字符间距 149

6.2.7 设置文本的大、小写 150

6.3 设置图片样式 151

6.3.1 图片的边框 151

6.3.2 图片的缩放 153

6.4 设置背景 154

6.4.1 设置背景颜色 154

6.4.2 设置背景图像 155

6.4.3 设置背景重复 155

6.4.4 设置背景定位 157

6.4.5 设置背景大小 159

6.4.6 案例——制作兴宇书城购物车统计信息 160

6.5 图文混排 162

6.6 用CSS设置常用样式修饰的综合案例 165

6.6.1 页面布局规划 165

6.6.2 页面的制作过程 166

6.7 实训——制作力天商务网商务安全中心页面 172

习题6 179

第7章 使用CSS设置链接与导航菜单 181

7.1 使用CSS设置链接 181

7.1.1 超链接伪类 181

7.1.2 改变文字链接的外观 182

7.1.3 创建按钮式超链接 184

7.1.4 图文链接 186

7.2 使用CSS设置列表 186

7.2.1 设置列表类型 188

7.2.2 设置列表项图像 191

7.2.3 设置列表项位置 192

7.2.4 图文信息列表 193

7.3 创建导航菜单 197

7.3.1 普通的超链接导航菜单 197

7.3.2 纵向列表模式的导航菜单 199

7.3.3 横向列表模式的导航菜单 203

7.4 使用CSS设置链接与导航菜单综合案例 207

7.4.1 页面布局规划 207

7.4.2 页面的制作过程 208

7.5 实训——制作力天商务网技术支持页面 215

习题7 226

第8章 使用JaVaScript制作网页特效 227

8.1 JavaScript简介 227

8.2 在网页中插入JavaScript的方法及定义 227

8.2.1 在HTML文档中嵌入脚本程序 227

8.2.2 链接脚本文件 229

8.2.3 在标签内添加脚本 229

8.3 常见的网页特效 230

8.3.1 循环滚动的图文字幕 230

8.3.2 幻灯片切换的广告 234

8.4 实训——制作二级纵向列表模式的导航菜单 236

习题8 239

第9章 兴宇书城首页和列表页 241

9.1 网站的开发流程 241

9.1.1 规划站点 241

9.1.2 网站制作 243

9.1.3 测试网站 243

9.1.4 发布站点 243

9.2 设计首页布局 243

9.2.1 使用Dreamweaver创建站点 243

9.2.2 页面布局规划 246

9.3 首页的制作 246

9.4 制作列表页 256

习题9 258

第10章 图书详细信息页面和查看购物车页面 260

10.1 制作图书详细信息页面 260

10.2 制作查看购物车页面 266

习题10 269

第11章 兴宇书城后台管理页面 270

11.1 后台管理登录页面的制作 270

11.2 查询图书页面的制作 274

11.3 添加图书页面的制作 283

11.4 会员管理页面的制作 287

11.5 页面的整合 289

习题11 289

参考文献 291