高等院校计算机教育系列教材 HTML+DIV+CSS网页设计与布局实用教程PDF电子书下载

第1章 HTML入门 1

1.1什么是HTML 1

1.1.1 HTML的特点 1

1.1.2 HTML的历史 2

1.2 HTML文件的基本结构 2

1.2.1 HTML文件结构 2

1.2.2编写HTML文件的注意事项 4

1.3 HTML文件的编写方法 4

1.3.1使用记事本编写HTML页面 4

1.3.2使用Dreamweaver CC编写HTML页面 6

1.4网页设计与开发的过程 7

1.4.1明确网站定位 7

1.4.2收集信息和素材 7

1.4.3规划栏目结构 8

1.4.4设计网页图像 9

1.4.5制作页面 9

1.4.6实现后台功能 10

1.4.7网站的测试与发布 12

本章小结 12

练习题 13

第2章HTML基本标签 14

2.1 HTML页面主体标签 14

2.1.1定义网页背景色：bgcolor 14

2.1.2设置背景图片：background 15

2.1.3设置文字颜色：text 16

2.1.4设置链接文字属性 17

2.1.5设置页面边距 20

2.2 head部分标签 21

2.2.1标题标签：＜title＞ 21

2.2.2定义页面关键字 22

2.2.3定义页面描述 23

2.2.4定义网页编辑工具 24

2.2.5定义作者信息 24

2.2.6定义网页文字及语言 25

2.2.7定义网页的定时跳转 25

2.3综合实例——创建基本的HTML文件 26

本章小结 29

练习题 29

第3章用HTML设置文字、段落与列表 31

3.1标题字 31

3.1.1标题字标签：＜h＞ 31

3.1.2标题字对齐属性：align 32

3.2插入其他标记 33

3.2.1输入空格符号 33

3.2.2输入特殊符号 34

3.3设置段落的格式 35

3.3.1段落标签：＜p＞ 35

3.3.2段落的对齐属性：align 36

3.3.3不换行标签：＜nobr＞ 37

3.3.4换行标签：＜br＞ 38

3.4水平线标签 39

3.4.1插入水平线标签：＜hr＞ 39

3.4.2设置水平线宽度与高度的属性：width、 size 40

3.4.3设置水平线的颜色：color 41

3.4.4设置水平线的对齐方式：align 42

3.4.5水平线去掉阴影：noshade 43

3.5使用＜marquee＞设置滚动效果 44

3.5.1 ＜marquee＞标签及其属性 44

3.5.2使用＜ marquee＞标签插入滚动公告 45

3.6综合实例——设置页面文本及段落 49

本章小结 51

练习题 52

第4章 列表的建立和使用 53

4.1使用无序列表 53

4.1.1无序列表标签：＜ul＞ 53

4.1.2设置无序列表类型的属性type 54

4.1.3菜单列表标签：＜menu＞ 55

4.1.4目录列表：＜dir＞ 56

4.2使用有序列表 58

4.2.1有序列表标签：＜ol＞ 58

4.2.2有序列表类型的属性：type 59

4.2.3有序列表的起始数值：start 60

4.3列表条目元素＜li＞ 61

4.3.1项目符号的类型：type 61

4.3.2条目编号：value 62

4.4定义列表标签＜dl＞ 63

本章小结 65

练习题 65

第5章 用HTML创建精彩的图像和多媒体页面 67

5.1网页中常见的图像格式 67

5.2插入图像并设置图像属性 68

5.2.1图像标签：＜img＞ 68

5.2.2图像的源文件：src 69

5.2.3图像的提示文字：alt 70

5.2.4图像的宽度和高度：width、height 71

5.3添加多媒体文件 72

5.3.1添加多媒体文件标签：＜embed＞ 72

5.3.2设置自动运行：autostart 73

5.4添加背景音乐 74

5.4.1设置背景音乐：＜bgsound＞ 74

5.4.2设置循环播放次数：loop 75

5.5插入Flash动画 76

5.6综合实例 77

综合实例1——创建多媒体网页 78

综合实例2——创建图文混合排版网页 79

本章小结 82

练习题 82

第6章 用HTML创建超链接 84

6.1超链接的基本概念 84

6.2创建基本超链接 84

6.2.1超链接标签 85

6.2.2设置目标窗口 86

6.3创建图像超链接 87

6.3.1设置图像超链接 87

6.3.2设置图像热区链接 88

6.4创建锚点链接 90

6.4.1创建锚点 90

6.4.2锚点链接 92

6.5外部链接 95

6.5.1链接到外部网站 96

6.5.2链接到E-Mail 96

6.5.3链接到FTP 97

6.5.4链接到Telnet 98

6.5.5下载文件 99

6.6综合实例——给网页添加链接 100

本章小结 102

练习题 102

第7章 用HTML创建表格 103

7.1创建并设置表格属性 103

7.1.1表格的基本标签：＜table＞＜tr＞＜td＞ 103

7.1.2表格宽度和高度：width、height 104

7.1.3表格的标题：＜caption＞ 105

7.1.4表格的表头：＜th＞ 107

7.1.5表格对齐方式：align 109

7.1.6表格的边框宽度：border 110

7.1.7表格边框颜色：bordercolor 111

7.1.8单元格间距：cellspacing 112

7.1.9单元格边距：cellpadding 113

7.1.10表格的背景色：bgcolor 114

7.1.11表格的背景图像：background 115

7.2表格的结构标签 117

7.2.1设计表头样式：＜thead＞ 117

7.2.2设计表主体样式：＜tbody＞ 118

7.2.3设计表尾样式：＜tfoot＞ 120

7.3综合实例一一使用表格排版网页 121

本章小结 126

练习题 126

第8章 用表单创建交互式网页 128

8.1插入表单：＜form＞ 128

8.1.1处理动作：action 128

8.1.2表单名称：name 129

8.1.3传送方法：method 129

8.1.4编码方式：enctype 130

8.1.5目标显示方式：target 131

8.2表单控件：＜input＞ 132

8.2.1文本字段：text 132

8.2.2密码域：password 134

8.2.3单选按钮：radio 135

8.2.4复选框：checkbox 136

8.2.5普通按钮：button 138

8.2.6提交按钮：submit 139

8.2.7重置按钮： reset 140

8.2.8图像域：image 142

8.2.9隐藏域：hidden 143

8.2.10文件域：file 144

8.3选择列表条目标签：＜option＞ 145

8.4选择列表标签：＜select＞ 147

8.4.1高度属性：size 147

8.4.2多项选择属性：multiple 148

8.5文本区域标签：＜textarea＞ 150

本章小结 151

练习题 151

第9章 HTML 5的结构 153

9.1认识HTML 5 153

9.2 HTML 5的新特性 154

9.3 HTML 5与HTML4的区别 155

9.3.1 HTML 5的语法变化 155

9.3.2 HTML 5中的标记方法 155

9.3.3 HTML 5语法中的3个要点 156

9.4新增的主体结构标签 157

9.4.1 ＜article＞标签 157

9.4.2 ＜section＞标签 158

9.4.3 ＜nav＞标签 159

9.4.4 ＜aside＞标签 160

9.4.5 ＜time＞标签 161

9.4.6 pubdate属性 162

9.5新增的非主体结构标签 163

9.5.1 ＜header＞标签 163

9.5.2 ＜hgroup＞标签 164

9.5.3 ＜footer＞标签 165

9.5.4 ＜address＞标签 166

本章小结 167

练习题 167

第10章CSS基础知识 169

10.1为什么要在网页中加入CSS 169

10.1.1什么是CSS 169

10.1.2使用CSS的好处 170

10.1.3如何编写CSS 171

10.1.4 CSS的基本语法 171

10.1.5浏览器与CSS 172

10.2基本CSS选择器 172

10.2.1标签选择器 173

10.2.2 class选择器 173

10.2.3 ID选择器 174

10.3在HTML中使用CSS 176

10.3.1链接外部样式表 176

10.3.2行内方式 177

10.3.3嵌入外部样式表 177

10.3.4定义内部样式表 177

本章小结 178

练习题 178

第11章用CSS设计丰富的文字效果 180

11.1设计网页中的文字样式 180

11.1.1字体 181

11.1.2字号 182

11.1.3加粗 183

11.1.4样式 184

11.1.5变体属性 185

11.1.6文字修饰 186

11.2设计文本的段落样式 187

11.2.1行高 187

11.2.2对齐 188

11.2.3缩进 190

11.2.4单词间距 191

11.2.5首字下沉 192

11.2.6大小写转换 192

11.3综合实例——用CSS排版网页文字 193

本章小结 197

练习题 197

第12章用CSS设计图像和背景 199

12.1设置网页的背景 199

12.1.1背景颜色：background-color 199

12.1.2背景图像：background-image 200

12.2设置背景图像的属性 202

12.2.1设置背景重复：background-repeat 202

12.2.2设置固定背景：background-attachment 203

12.2.3设置背景定位：background-position 204

12.3设置网页图像的样式 206

12.3.1设置图像边框 206

12.3.2图文混合排版 208

12.4综合实例——给图片添加边框 209

本章小结 212

练习题 212

第13章用CSS设计表格和表单样式 214

13.1网页中的表格 214

13.1.1表格对象标签 214

13.1.2在Dreamweaver中插入表格 215

13.1.3设置表格的颜色 216

13.1.4设置表格的边框样式 217

13.1.5设置表格的阴影 219

13.2网页中的表单 219

13.2.1表单对象 219

13.2.2表单标签 220

13.2.3表单的布局设计 220

13.2.4设置边框样式 224

13.2.5设置背景样式 224

13.2.6设置输入文本的样式 225

13.3综合实例 225

综合实例1——制作变换背景色的表格 225

综合实例2——设计表单的样式 227

本章小结 229

练习题 230

第14章用CSS制作链接与网站导航 231

14.1链接标签 231

14.1.1 a∶link 231

14.1.2 a∶visited 232

14.1.3 a∶active 233

14.1.4 a∶hover 234

14.2创建按钮式超链接 235

14.3控制鼠标指针 237

14.4设置项目列表样式 238

14.4.1列表符号类型：list-style-type 238

14.4.2列表符号的混用 241

14.4.3列表图像属性：list-style-image 242

14.4.4 列表综合属性：list-style 243

14.5创建简单的导航菜单 244

14.5.1简单的竖直排列菜单 244

14.5.2横竖自由转换导航菜单 246

本章小结 247

练习题 247

第15章CSS+DIV布局定位基础 248

15.1网站与Web标准 248

15.1.1什么是Web标准 248

15.1.2为什么要建立Web标准 249

15.1.3怎样改善现有网站 250

15.2 ＜div＞标签与＜span＞标签 251

15.2.1 ＜div＞概述 251

15.2.2 ＜div＞与＜span＞的区别 252

本章小结 254

练习题 254

第16章CSS盒子模型 255

16.1“盒子”与“模型”的概念 255

16.2边框：border 257

16.2.1边框宽度：border-width 257

16.2.2边框颜色：border-color 258

16.2.3边框样式：border-style 259

16.3设置内边距∶padding 261

16.3.1顶部属性：padding-top 261

16.3.2右侧属性：padding-right 262

16.3.3底部属性：padding-bottom 263

16.3.4左侧属性：padding-left 264

16.4设置外边距∶margin 265

16.4.1顶部边界属性：margin-top 266

16.4.2右侧边界属性：margin-right 267

16.4.3底部边界属性：margin-bottom 268

16.4.4左侧边界属性：margin-left 268

本章小结 269

练习题 270

第17章 盒子的浮动与定位 271

17.1盒子的浮动 271

17.1.1元素的浮动属性：float 271

17.1.2清除浮动属性：clear 275

17.2元素的定位 277

17.2.1元素的定位属性：position 277

17.2.2上边偏移属性top、下边偏移属性bottom 279

17.2.3左边偏移属性left、右边偏移属性right 280

17.3盒子的定位 281

17.3.1绝对定位：absolute 282

17.3.2固定定位：fixed 284

17.3.3相对定位：relative 286

17.3.4静态定位：static 288

17.4 z-index空间位置 289

本章小结 291

练习题 291

第18章CSS+DIV布局方法 292

18.1 CSS布局理念 292

18.2固定宽度布局 293

18.2.1 1列固定宽度 294

18.2.2两列固定宽度 295

18.2.3圆角框 297

18.3可变宽度布局 299

18.3.1 1列自适应 299

18.3.2两列宽度自适应 300

18.3.3两列右列宽度自适应 302

18.3.4 3列浮动中间宽度自适应 302

18.3.5 3行2列居中高度自适应 304

18.4 CSS布局与传统的表格方式布局分析 306

本章小结 309

练习题 309

第19章CSS 3入门基础 310

19.1预览激动人心的CSS 3 310

19.1.1 CSS 3的发展历史 310

19.1.2 CSS 3新增特性 311

19.1.3主流浏览器对CSS 3的支持 315

19.2使用CSS 3实现圆角表格 316

19.3使用CSS 3制作图片滚动菜单 318

19.4使用CSS 3制作文字立体效果 323

19.5使用CSS 3制作多彩的网页图片库 324

本章小结 327

练习题 328

第20章 设计和制作适合手机浏览的网页 329

20.1怎样进行网站策划 329

20.1.1网站策划的原则 329

20.1.2网站策划的关键点 330

20.2网站的定位 331

20.3确定网站的目标用户 332

20.4网站的内容策划 333

20.4.1网站内容策划的重要性 333

20.4.2如何做好网站内容策划 333

20.5手机网页设计 334

20.6整体布局 335

20.6.1设计分析 335

20.6.2排版架构 336

20.7制作首页 339

20.7.1定义页面的整体样式 339

20.7.2 body_header部分制作 340

20.7.3 body_banner部分制作 340

20.7.4 body_main部分制作 342

20.7.5 body_ooter部分制作 344

本章小结 345

练习题 345

第21章 公司宣传网站的布局 347

21.1案例概述 347

21.2内容分析 348

21.3 HTML结构设计 349

21.4页面方案设计 351

21.5定义页面的整体样式 352

21.6制作页面头部 354

21.6.1制作页面头部的结构 355

21.6.2定义页面头部的样式 355

21.7制作左侧导航 356

21.7.1制作左侧导航部分的结构 357

21.7.2定义左侧导航的样式 357

21.8制作联系我们部分 359

21.8.1制作联系我们部分的结构 359

21.8.2定义联系我们内容的样式 359

21.9制作公司介绍部分 360

21.9.1制作公司介绍部分结构 360

21.9.2定义公司介绍部分的样式 360

21.10制作图片展示和新闻动态 361

21.10.1制作页面结构 361

21.10.2定义页面样式 362

21.11制作酒店订购部分 363

21.11.1制作页面结构 363

21.11.2定义页面样式 364

21.12制作底部版权部分 365

本章小结 365

练习题 366