HTML＋CSS＋DIV网页设计与布局PDF|Epub|txt|kindle电子书版本网盘下载

HTML＋CSS＋DIV网页设计与布局PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一篇 网站和网页1

第1章 认识网站开发1

1.1 网站开发概述2

1.1.1 网页概述2

1.1.2 网页构成元素2

1.1.3 网站建设流程3

1.1.4 网站开发软件4

1.2 HTML基本概念5

1.2.1 HTML简介5

1.2.2 HTML基本结构5

1.3 一个简单的HTML实例6

1.3.1 编写HTML代码6

1.3.2 运行HTML文件查看效果7

1.4 HTML基本标记8

1.4.1 文件类型标记8

1.4.2 HTML头标记8

1.4.3 HTML主体标记8

1.4.4 页面标题9

1.5 HTML页面的元信息META9

1.5.1 页面的关键字9

1.5.2 页面的对外说明10

1.5.3 网页的作者信息10

1.5.4 网页的开发语言10

1.5.5 网页的定时跳转10

1.6 小结10

本章习题11

上机指导11

实验一11

实验二11

实验三12

第二篇 HTML学习篇14

第2章 网页文字和图片14

2.1 文字格式14

2.1.1 设置文字大小14

2.1.2 设置字体15

2.1.3 设置字体颜色17

2.1.4 加粗与斜体19

2.1.5 下画线与删除线20

2.1.6 上标与下标21

2.1.7 等宽字22

2.2 与文字排版相关的元素22

2.2.1 文本缩进22

2.2.2 换行23

2.2.3 段落24

2.2.4 段落居中24

2.2.5 预定义格式25

2.2.6 水平分隔线26

2.3 文字闪烁27

2.4 设置网页背景颜色28

2.5 在网页中插入图像29

2.6 设置背景图像30

2.7 小结31

本章习题31

上机指导31

实验一31

实验二32

实验三33

第3章 超链接34

3.1 创建超链接34

3.1.1 超链接标记34

3.1.2 链接地址35

3.1.3 打开链接的方式36

3.2 锚点37

3.2.1 创建锚点37

3.2.2 链接到本页锚点38

3.2.3 链接到其他网页的锚点39

3.3 图像的超链接39

3.3.1 将整个图像设为链接40

3.3.2 设置图像热点区域40

3.4 小结41

本章习题41

上机指导42

实验一42

实验二43

实验三44

第4章 表格46

4.1 创建表格46

4.2 表格属性47

4.2.1 表格宽度47

4.2.2 表格高度48

4.2.3 表格背景图片50

4.2.4 单元格间距51

4.2.5 表格内单元格与文字的距离52

4.3 表格边框54

4.3.1 边框宽度54

4.3.2 边框颜色56

4.3.3 亮边框颜色56

4.3.4 暗边框颜色57

4.4 设置表格行的对齐方式58

4.4.1 垂直对齐方式58

4.4.2 水平对齐方式59

4.5 行和列的合并60

4.5.1 列的合并60

4.5.2 行的合并61

4.6 表格结构62

4.6.1 表头62

4.6.2 主体63

4.6.3 表尾65

4.7 表格标题66

4.8 表格嵌套67

4.9 小结69

本章习题69

上机指导70

实验一71

实验二71

实验三72

第5章 多媒体、滚动字幕和列表74

5.1 多媒体元素74

5.1.1 插入多媒体元素74

5.1.2 循环播放75

5.1.3 自动播放75

5.1.4 隐藏多媒体元素76

5.2 插入背景音乐77

5.3 滚动字幕78

5.3.1 添加滚动字幕78

5.3.2 滚动方向79

5.3.3 滚动方式80

5.3.4 滚动字幕背景颜色80

5.3.5 滚动速度81

5.3.6 滚动延迟82

5.3.7 滚动次数83

5.3.8 滚动字幕空白空间84

5.3.9 设置鼠标经过效果84

5.4 无序列表85

5.4.1 无序列表结构85

5.4.2 无序列表的列表项样式86

5.5 有序列表87

5.5.1 有序列表结构88

5.5.2 有序列表的列表项样式88

5.6 嵌套列表90

5.7 定义列表91

5.8 目录列表92

5.9 菜单列表92

5.10 小结93

本章习题94

上机指导94

实验一95

实验二95

实验三96

第6章 表单97

6.1 添加表单97

6.1.1 链接跳转97

6.1.2 链接跳转方式98

6.1.3 表单名称98

6.2 输入标签99

6.2.1 文本框99

6.2.2 密码框99

6.2.3 单选框100

6.2.4 复选框101

6.2.5 提交按钮102

6.2.6 重置按钮102

6.2.7 图像按钮103

6.2.8 文件域104

6.2.9 隐藏域105

6.3 下拉列表106

6.4 文本域107

6.5 小结107

本章习题108

上机指导109

实验一109

实验二110

实验三110

第7章 框架112

7.1 创建框架112

7.2 分割窗口112

7.2.1 上下分割112

7.2.2 左右分割115

7.2.3 窗口的嵌套116

7.3 设置框架边框117

7.3.1 设置框架边框显示或隐藏117

7.3.2 设置框架边框宽度118

7.3.3 设置框架边框颜色118

7.4 框架属性119

7.4.1 设置框架滚动条显示119

7.4.2 固定框架120

7.4.3 不支持框架标记121

7.5 在框架中使用链接122

7.6 浮动框架125

7.6.1 插入浮动框架125

7.6.2 浮动框架大小126

7.6.3 浮动框架对齐方式126

7.6.4 浮动框架页面的链接127

7.7 小结129

本章习题129

上机指导130

实验一130

实验二131

实验三132

第三篇 CSS学习篇134

第8章 认识CSS134

8.1 CSS简介134

8.2 CSS样式表的设置方法134

8.2.1 内联样式表135

8.2.2 内部样式表135

8.2.3 外部样式表136

8.2.4 引用多个样式表137

8.2.5 使用@import引用外部样式表138

8.2.6 CSS注释139

8.3 选择符140

8.3.1 类型选择符140

8.3.2 类选择符141

8.3.3 ID选择符145

8.3.4 包含选择符145

8.3.5 选择符分组149

8.3.6 通用选择符150

8.3.7 子选择符151

8.3.8 相邻选择符153

8.3.9 属性选择符154

8.4 伪类和伪元素158

8.4.1 超链接的伪类158

8.4.2 伪元素159

8.5 CSS优先级160

8.6 CSS中的单位163

8.6.1 颜色单位163

8.6.2 长度单位163

8.6.3 时间单位164

8.6.4 角度单位164

8.6.5 频率单位164

8.7 小结164

本章习题164

上机指导166

实验一166

实验二166

实验三167

第9章 设置文字和文本样式168

9.1 设置文字样式168

9.1.1 字体设置168

9.1.2 文字大小169

9.1.3 设置粗体170

9.1.4 设置文字颜色171

9.1.5 设置斜体172

9.1.6 综合设置173

9.2 设置文本样式174

9.2.1 设置阴影效果174

9.2.2 大小写转换175

9.2.3 文本缩进176

9.2.4 文本的水平对齐方式177

9.2.5 文本的垂直对齐方式178

9.2.6 设置文本流入方向180

9.2.7 设置文本修饰181

9.3 空白与换行182

9.3.1 空格的处理方式182

9.3.2 字内换行184

9.4 设置间距186

9.4.1 行间距186

9.4.2 字间距188

9.4.3 词间距190

9.5 小结191

本章习题191

上机指导192

实验一192

实验二193

实验三193

第10章 设置背景、边框、边距和补白195

10.1 背景颜色195

10.2 背景图像196

10.2.1 背景图像196

10.2.2 设置固定背景图像197

10.2.3 设置背景图像平铺方式199

10.2.4 背景图像定位201

10.3 边框203

10.3.1 设置边框样式203

10.3.2 设置不同的边框样式205

10.3.3 设置边框宽度206

10.3.4 设置不同的边框宽度208

10.3.5 设置边框颜色210

10.3.6 设置不同的边框颜色211

10.3.7 综合设置边框效果213

10.4 边距214

10.4.1 设置上边距214

10.4.2 设置下边距215

10.4.3 设置左边距216

10.4.4 设置右边距217

10.4.5 综合设置边距218

10.5 补白219

10.5.1 设置顶端补白219

10.5.2 设置底部补白220

10.5.3 设置左侧补白220

10.5.4 设置右侧补白221

10.5.5 综合设置补白221

10.6 小结223

本章习题223

上机指导223

实验一223

实验二224

实验三225

第11章 设置表格、列表和滚动条样式227

11.1 表格227

11.1.1 合并表格边框227

11.1.2 定义表格边框间距229

11.1.3 定义表格标题位置230

11.1.4 设置表格布局232

11.2 列表234

11.2.1 设置列表符号样式235

11.2.2 使用图片设置列表样式237

11.2.3 列表符号显示位置238

11.2.4 综合设置列表样式239

11.3 滚动条241

11.3.1 设置滚动条颜色241

11.3.2 设置滚动条亮边框颜色242

11.3.3 设置滚动条暗边框颜色242

11.3.4 设置滚动条方向箭头颜色244

11.3.5 设置滚动条基准色245

11.4 小结246

本章习题246

上机指导247

实验一247

实验二248

实验三249

第12章 CSS滤镜250

12.1 滤镜概述250

12.2 常用CSS滤镜250

12.2.1 透明层次滤镜251

12.2.2 颜色透明滤镜254

12.2.3 模糊滤镜255

12.2.4 固定阴影滤镜257

12.2.5 移动阴影滤镜258

12.2.6 光晕滤镜259

12.2.7 灰度滤镜259

12.2.8 反色滤镜260

12.2.9 镜像滤镜261

12.2.10 遮罩滤镜262

12.2.11 X射线滤镜263

12.2.12 波纹滤镜263

12.3 小结264

本章习题265

上机指导265

实验一265

实验二266

第四篇 布局学习篇268

第13章 控制元素布局268

13.1 块级元素和内联元素268

13.1.1 块级元素和内联元素的概念268

13.1.2 ＜div＞元素和＜span＞元素268

13.2 定位270

13.2.1 定位方式270

13.2.2 偏移271

13.2.3 综合运用271

13.2.4 定位元素的层叠次序274

13.3 浮动276

13.3.1 浮动的概念276

13.3.2 设置浮动276

13.3.3 清除浮动277

13.4 溢出与剪切278

13.4.1 溢出内容的设置279

13.4.2 设置水平方向超出范围的处理方式280

13.4.3 设置垂直方向超出范围的处理方式281

13.4.4 内容的剪切282

13.5 对象的显示与隐藏283

13.6 小结285

本章习题285

上机指导285

实验一285

实验二286

实验三287

第14章 网页布局与设计技巧289

14.1 网页布局289

14.1.1 网页大小289

14.1.2 网页栏目划分290

14.1.3 表格布局291

14.1.4 CSS布局293

14.2 CSS布局技巧294

14.2.1 一栏布局295

14.2.2 二栏布局296

14.2.3 多栏布局297

14.3 CSS盒子模型299

14.3.1 盒子模型的定义299

14.3.2 外边距的控制300

14.3.3 设置边框的样式301

14.3.4 内边距的设置303

14.4 小结304

本章习题304

上机指导305

实验一305

实验二306

实验三306

第15章 网页布局综合案例——宝贝屋网上商店308

15.1 案例分析308

15.2 内容分析309

15.3 原型设计309

15.4 布局设计310

15.4.1 整体样式设计311

15.4.2 页头部分311

15.4.3 内容部分316

15.4.4 页脚部分321

15.5 交互效果设计321

15.5.1 顶部导航栏322

15.5.2 主导航栏322

15.5.3 账号区322

15.5.4 图像边框323

15.5.5 产品分类323

15.6 小结324