DIV+CSS网页布局实用教程【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

DIV+CSS网页布局实用教程PDF格式电子书版下载

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

第1章 网页制作基础10

1.1 认识网页10

1.1.1 网页和网站10

1.1.2 网页的类型11

1.1.3 动态网页与静态网页11

1.1.4 网页的基本构成元素12

1.2 如何设计网页12

1.2.1 网页设计的基本原则13

1.2.2 网页设计的成功要素13

1.2.3 网页的设计风格和色彩搭配14

1.3 网站设计要点14

1.3.1 为用户考虑14

1.3.2 主题突出15

1.3.3 整体原则16

1.3.4 内容与形式相统一16

1.3.5 更新和维护17

1.4 网站设计流程17

1.4.1 网站项目的定义17

1.4.2 网站策划方案17

1.4.3 网站内容规划17

1.4.4 获得网站资源18

1.5 常用网页编辑软件简介18

1.5.1 Dreamweaver18

1.5.2 FrontPage21

1.5.3 HomeSite21

1.6 本章小结21

1.7 课后习题21

1.7.1 课后习题1-新建Dreamweaver文档22

1.7.2 课后习题2-新建Dreamweaver工作区22

第二章 HTML和XHTML24

2.1 了解浏览器和网页文档的关系24

2.2 初识HTML和XHTML24

2.3 HTML24

2.3.1 HTML概述25

2.3.2 HTML的基本结构25

2.3.3 HTML的基本语法26

2.3.4 HTML的主要功能26

2.3.5 HTML标签26

2.4 XHTML语法32

2.5 初识CSS33

2.6 本章小结35

2.7 课后习题35

2.7.1 课后习题1-创建一个简单的html网页36

2.7.2 课后习题2-使用Dreamweaver创建页面36

第3章 CSS初体验38

3.1 编写XHTML文档38

3.1.1 使用Dreamweaver新建XHTML框架文档38

3.1.2 手工编写XHTML文档39

3.2 使CSS在XHTML文档中生效39

3.2.1 在标签中加入CSS样式39

3.2.2 在〈style〉〈／style〉标签中加入样式41

3.2.3 链入外部CSS样式表42

3.2.4 优先级问题44

3.3 CSS样式表的规则46

3.4 CSS的注释47

3.4.1 单行注释47

3.4.2 整段注释47

3.5 本章小结47

3.6 课后习题47

3.6.1 课后习题1-创建CSS结构的网站页面47

3.6.2 课后习题2-创建外部CSS文件48

第4章 掌握CSS基本语法50

4.1 选择器50

4.1.1 标签选择器50

4.1.2 类选择器52

4.1.3 ID选择器53

4.1.4 全局选择器55

4.1.5 组合选择器56

4.1.6 继承选择器57

4.1.7 伪类选择器57

4.2 声明58

4.2.1 多重声明58

4.2.2 集体声明58

4.3 CSS的层叠原理59

4.3.1 CSS样式来源59

4.3.2 CSS的继承59

4.3.3 选择器的优先级61

4.3.4 important语句64

4.4 CSS的单位65

4.4.1 颜色单位65

4.4.2 长度单位68

4.5 本章小结70

4.6 课后习题70

4.6.1 课后习题1-实现水平菜单条70

4.6.2 课后习题2-通过CSS控制整个页面71

第5章 Div+CSS布局页面72

5.1 初识Div+CSS72

5.1.1 布局的流程72

5.1.2 Div+CSS布局的优势73

5.2 了解盒模型74

5.2.1 基本盒模型74

5.2.2 边距74

5.2.3 填充76

5.2.4 边框77

5.2.5 内容79

5.3 页面元素的布局79

5.3.1 块级元素80

5.3.2 行内元素80

5.4 CSS布局方式——浮动81

5.4.1 两个元素的浮动应用82

5.4.2 多个元素的浮动应用83

5.4.3 清除浮动85

5.5 CSS布局定位87

5.5.1 CSS的定位属性87

5.5.2 相对定位88

5.5.3 绝对定位89

5.5.4 固定定位91

5.6 控制溢出元素92

5.6.1 overfiow93

5.6.2 overflow-x95

5.6.3 overflow-y96

5.7 本章小结97

5.8 课后习题97

5.8.1 课后习题1-制作歌曲专辑列表98

5.8.2 课后习题2-给图片加入信息98

第6章 CSS排版页面100

6.1 固定宽度布局100

6.1.1 一列居中布局100

6.1.2 两列居中布局103

6.2 自适应宽度布局105

6.2.1 一列宽度自适应布局105

6.2.2 两列布局——左侧固定右侧自适应106

6.2.3 两列布局——两列均自适应布局107

6.2.4 三列布局——两侧固定中间自适应108

6.3 复杂的页面排版109

6.3.1 复杂的页面排版——垂直布局109

6.3.2 复杂的页面排版——水平布局112

6.4 本章小结114

6.5 课后习题114

6.5.1 课后习题1-创建复杂的页面114

6.5.2 课后习题2-布局图像展示页面115

第7章 CSS控制页面中的文本116

7.1 字体116

7.2 文字大小概述118

7.2.1 设置文字大小118

7.2.2 定义文字的相对大小119

7.2.3 定义文字的绝对大小120

7.3 字体颜色121

7.4 字体粗细122

7.5 斜体123

7.6 下划线、顶划线和删除线123

7.7 属性的缩写法123

7.8 段落属性125

7.8.1 段落的水平对齐方式125

7.8.2 段落的垂直对齐方式126

7.8.3 首行缩进127

7.8.4 行间距与字间距128

7.8.5 文本转换129

7.8.6 处理空白符129

7.9 文本的高级样式131

7.9.1 阴影文本132

7.9.2 溢出文本132

7.9.3 控制文本换行133

7.10 本章小结135

7.11 课后习题135

7.11.1 课后习题1-制作文章页面135

7.11.2 课后习题2-制作多种文本版面136

第8章 CSS控制页面背景138

8.1 背景控制概述138

8.1.1 背景控制原则138

8.1.2 背景控制属性138

8.2 背景颜色控制139

8.2.1 控制页面背景颜色139

8.2.2 设置区块背景颜色140

8.3 背景图像控制141

8.3.1 控制页面背景图片142

8.3.2 背景图的重复143

8.3.3 背景图的位置144

8.3.4 背景图像的滚动146

8.4 CSS 3.0新增背景属性148

8.4.1 background-origin148

8.4.2 background-clip151

8.4.3 background-size153

8.4.4 multiple background156

8.4.5 实现动态背景158

8.5 本章小结160

8.6 课后习题160

8.6.1 课后习题1-图片评论页面160

8.6.2 课后习题2-创建外部CSS文件161

第9章 CSS控制页面中的图片162

9.1 使用CSS控制图片的样式162

9.1.1 在网页中插入图片162

9.1.2 控制图片的大小164

9.1.3 为图像添加边框165

9.1.4 为图像增加超链接167

9.2 图片对齐168

9.2.1 水平对齐168

9.2.2 垂直对齐168

9.3 图文混排169

9.3.1 文本混排169

9.3.2 设置混排间距170

9.4 图片特殊效果171

9.4.1 圆角图片171

9.4.2 多色边框效果173

9.5 本章小结173

9.6 课后习题173

9.6.1 课后习题1-个人信息页头部174

9.6.2 课后习题2-个人页面图册174

第10章 CSS控制列表176

10.1 列表控制概述176

10.2 列表的类型177

10.2.1 无序列表177

10.2.2 有序列表179

10.2.3 定义列表180

10.3 改变列表符的样式181

10.3.1 使用自带的列表符181

10.3.2 用背景图片改变列表符184

10.3.3 改变列表符的位置185

10.3.4 列表属性的速写法187

10.4 使用列表制作实用菜单189

10.4.1 无需表格的菜单189

10.4.2 菜单的横竖转换191

10.5 本章小结193

10.6 课后习题193

10.6.1 课后习题1-制作滑过菜单193

10.6.2 课后习题2-制作下拉菜单194

第11章 CSS控制页面中的表格196

11.1 关于表格196

11.1.1 表格的整体结构196

11.1.2 表格的边框198

11.1.3 表格的标题199

11.1.4 设置表格列样式200

11.2 单元格对齐201

11.2.1 水平对齐201

11.2.2 垂直对齐202

11.3 表格特效202

11.3.1 隔行变色单元格202

11.3.2 鼠标经过变色表格204

11.4 本章小结205

11.5 课后习题205

11.5.1 课后习题1-制作家居查询表格205

11.5.2 课后习题2-新闻表格效果206

第12章 CSS控制表单208

12.1 表单设计概述208

12.1.1 表单的设计原则208

12.1.2 表单的分类209

12.2 表单的设计210

12.2.1 表单210

12.2.2 表单元素210

12.3 表单输入〈input〉211

12.3.1 文本域和密码域211

12.3.2 文件域213

12.3.3 单选钮和复选框213

12.3.4 按钮和图像域215

12.3.5 隐藏域217

12.3.6 菜单列表217

12.3.7 多行文本域219

12.4 掌握〈label〉标签220

12.5 文本框样式设计221

12.6 下拉列表样式设计223

12.7 复选框和单选钮样式设计224

12.8 本章小结228

12.9 课后习题228

12.9.1 课后习题1-制作会员登录页面229

12.9.2 课后习题2-制作会员注册页面229

第13章 控制页面超链接230

13.1 关于超链接230

13.1.1 什么是超链接230

13.1.2 合理安排超链接231

13.1.3 链接路径232

13.1.4 超链接样式控制原则233

13.1.5 伪类对超链接样式的控制233

13.1.6 链接的打开方式238

13.2 图片映射239

13.3 常见超链接特效240

13.3.1 按钮式超链接240

13.3.2 浮雕式超链接241

13.4 CSS实现鼠标特效242

13.4.1 CSS控制鼠标箭头242

13.4.2 鼠标变化的超链接243

13.4.3 设置页面滚动条244

13.4.4 设置链接定位245

13.5 本章小结246

13.6 课后习题246

13.6.1 课后习题1-使用CSS制作图片链接246

13.6.2 课后习题2-制作导航菜单247

13.6.3 课后习题3-制作列表链接248

第14章 CSS滤镜效果250

14.1 了解CSS滤镜250

14.1.1 滤镜的作用250

14.1.2 滤镜格式和常用滤镜250

14.2 CSS滤镜详解251

14.2.1 Alpha251

14.2.2 BlendTrans253

14.2.3 Blur255

14.2.4 Chroma256

14.2.5 Dropshadow滤镜257

14.2.6 FlipH258

14.2.7 FlipV滤镜259

14.2.8 Glow260

14.2.9 Gray262

14.2.10 Invert263

14.2.11 Light264

14.2.12 Mask265

14.2.13 RevealTrans266

14.2.14 Shadow268

14.2.15 Wave270

14.2.16 Xray272

14.3 本章小结273

14.4 课后习题273

14.4.1 课后习题1-休闲食品页面273

14.4.2 课后习题2-游戏网站页面274

第15章 CSS与JavaScript276

15.1 什么是JavaScript276

15.1.1 了解JavaScript276

15.1.2 JavaScript的特点278

15.1.3 JavaScript的应用范围278

15.1.4 CSS与JavaScript280

15.2 JavaScript的语法基础280

15.2.1 JavaScript的基本架构280

15.2.2 JavaScript的基本语法281

15.3 使用Spry构件282

15.3.1 关于Spry构件282

15.3.2 Spry菜单283

15.3.3 Spry选项卡式面板285

15.3.4 Spry折叠式面板288

15.3.5 Spry可折叠面板288

15.3.6 Spry工具提示288

15.4 本章小结290

15.5 课后习题290

15.5.1 课后习题1-制作网站产品介绍栏290

15.5.2 课后习题2-制作游戏活动大厅291

第16章 制作餐饮类网站292

16.1 网站页面效果分析292

16.2 制作步骤293

16.2.1 制作top部分293

16.2.2 制作main部分296

16.2.3 制作bottom部分305

16.3 本章小结306

16.4 课后习题-制作美容类网站306

第17章 制作娱乐资讯页面308

17.1 网站页面效果分析308

17.2 制作步骤309

17.2.1 制作页面头部内容309

17.2.2 制作页面横幅部分312

17.2.3 制作页面主体部分313

17.2.4 制作页面脚注部分320

17.3 本章小结321

17.4 课后习题-制作个人主页321

第18章 制作游戏门户类网站324

18.1 网站页面效果分析324

18.2 制作步骤325

18.2.1 制作top部分325

18.2.2 制作main部分327

18.2.3 制作bottom部分339

18.3 本章小结341

18.4 课后习题-制作休闲类网站341

第19章 制作儿童教育网页344

19.1 网站页面效果分析344

19.2 制作步骤344

19.2.1 制作页面头部内容345

19.2.2 制作页面主体部分349

19.2.3 制作页面页脚部分356

19.3 本章小结357

19.4 课后习题-制作游戏网站页面357

第20章 制作游戏官方主页360

20.1 网站页面效果分析360

20.2 制作步骤361

20.2.1 制作top部分361

20.2.2 制作main部分364

20.2.3 制作bottom部分380

20.3 本章小结381

20.4 课后习题-制作音乐网站381

第21章 制作游戏下载页面384

21.1 网站页面效果分析384

21.2 制作步骤385

21.2.1 制作top部分385

21.2.2 制作main部分389

21.2.3 制作bottom部分396

21.3 本章小结397

21.4 课后习题-制作音乐网站397