HTML+CSS+DIV网页设计与布局从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML+CSS+DIV网页设计与布局从入门到精通PDF格式电子书版下载

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

第1篇 网页结构与Web标准2

第1章 网页的构成与Web标准2

1.1什么是网页2

1.2网页的构成2

1.2.1页面显示的信息3

1.2.2构成页面的结构HTML3

1.2.3显示效果的控制5

1.3 Web标准的概念5

1.3.1什么是Web标准6

1.3.2页面的内容6

1.3.3页面的结构7

1.3.4页面的表现7

1.3.5 Web标准的优势7

1.4 Web标准网站欣赏7

1.5小结9

1.6习题10

第2章 使用CSS构建页面的原理11

2.1什么是CSS11

2.2 CSS应该定义在哪里12

2.3 CSS的优先等级12

2.3.1元素内部的CSS12

2.3.2页面头部的CSS13

2.3.3外部的CSS14

2.4调用CSS样式的优先级15

2.5使用CSS控制表现效果带来的好处17

2.6实例演练——一个简单的登录页面17

2.6.1效果图的分析18

2.6.2页面结构部分的制作18

2.6.3 CSS部分的编写19

2.7小结23

2.8习题23

第3章 CSS布局的一般步骤25

3.1分析和切割效果图25

3.1.1分析效果图26

3.1.2切分效果图26

3.1.3整理切分图像27

3.2制作页面的结构和内容27

3.2.1确定页面的内容27

3.2.2制作页面的结构28

3.3添加表现部分28

3.4完成简单的交互行为29

3.5整站布局的步骤29

3.6小结30

3.7习题30

第2篇 结构语言HTML32

第4章 HTML基础32

4.1 HTML页面结构32

4.2元素的书写格式和属性34

4.2.1元素的书写格式35

4.2.2元素的属性36

4.3 HTML语法规范37

4.4选择文档类型39

4.4.1什么是文档类型39

4.4.2选择什么样的DOCTYPE39

4.5名字空间40

4.6小结41

4.7习题41

第5章 定义页面头部信息42

5.1页面基础元素——＜html＞42

5.1.1控制文本的显示方向42

5.1.2指定页面的语言43

5.2页面头部元素——＜head＞43

5.3显示页面标题——＜title＞43

5.4基本设置元素——＜base＞44

5.5定义页面的信息——＜meta＞45

5.6创建页面的样式——＜style＞48

5.7链接元素——＜link＞50

5.7.1指定链接路径50

5.7.2链接样式文件50

5.7.3制作收藏夹图标51

5.8脚本元素——＜script＞52

5.9小结53

5.10习题53

第6章 页面主体元素的设置55

6.1页面主体元素——＜body＞55

6.2定义主体元素的背景和文本属性56

6.3定义页面主体元素的边界58

6.3.1定义左边界58

6.3.2定义上边界59

6.4定义页面主体元素的链接属性60

6.4.1定义未访问过的链接属性60

6.4.2定义已访问过的链接属性60

6.4.3定义激活的链接属性61

6.5设置页面主体元素的样式62

6.5.1在主体元素中使用样式62

6.5.2在主体元素中调用样式62

6.6使用背景音乐63

6.7小结63

6.8习题64

第7章 使用文本元素65

7.1文本元素简介65

7.2使用区域元素——＜div＞65

7.2.1区域元素的对齐66

7.2.2使用样式66

7.2.3定义唯一标记67

7.2.4取消自动换行68

7.3使用段落元素——＜p＞69

7.4使用标题元素69

7.5使用基于内容的文本元素69

7.6使用基于物理样式的文本元素71

7.7使用文本的间隔和布局元素73

7.8使用水平分隔线元素——＜hr＞75

7.9小结75

7.10习题76

第8章 使用图像元素77

8.1图像的格式77

8.1.1 JPEG格式77

8.1.2 GIF格式78

8.2图像元素——＜img＞78

8.2.1定义图像元素的显示大小80

8.2.2定义代替图片的文本81

8.2.3定义图像元素的边框81

8.2.4定义图像元素的对齐81

8.2.5定义图像元素的边距82

8.3小结83

8.4习题83

第9章 使用表格元素84

9.1表格元素的基本构成84

9.2表格元素的显示效果87

9.2.1定义边框87

9.2.2定义表格的大小88

9.2.3定义内容的对齐88

9.2.4定义背景89

9.2.5定义边框效果90

9.2.6定义单元格间距90

9.2.7定义单元格补白91

9.2.8制作边框为1像素的表格91

9.3定义行元素的显示效果92

9.4定义单元格的显示效果93

9.4.1定义对齐93

9.4.2定义单元格的背景94

9.4.3定义单元格的大小94

9.4.4定义单元格的边框95

9.4.5行和列的合并95

9.5表格中使用的其他元素96

9.6小结98

9.7习题98

第10章 使用链接元素100

10.1链接元素简介100

10.2定义链接元素101

10.2.1指定路径101

10.2.2显示链接目标103

10.2.3定义链接的热键104

10.2.4定义当前文档中的链接104

10.3图像中的链接104

10.3.1创建链接区域元素——＜map＞105

10.3.2定义图像内链接的示例105

10.4小结107

10.5习题107

第11章 使用列表和表单元素109

11.1列表元素的分类109

11.1.1无序列表元素——＜ul＞109

11.1.2有序列表元素——＜ol＞110

11.1.3列表条目元素——＜li＞111

11.1.4定义列表元素——＜dl＞111

11.2表单元素概述112

11.3表单元素——＜form＞113

11.4表单控件元素——＜input＞114

11.4.1文本域114

11.4.2密码区域115

11.4.3提交按钮115

11.4.4复位按钮116

11.4.5图像按钮116

11.4.6单击按钮117

11.4.7复选框117

11.4.8单选按钮118

11.4.9隐藏区域119

11.5定义表单控件的效果119

11.5.1设置只读属性119

11.5.2设置不可用属性120

11.6选择列表元素——＜select＞120

11.7按钮元素——＜button＞122

11.8文本区域元素——＜textarea＞122

11.9表单标记元素——＜label＞123

11.10小结123

11.11习题124

第3篇 表现语言CSS126

第12章 CSS的语法基础126

12.1 CSS的基本写法126

12.2选择符128

12.2.1 id选择符128

12.2.2类选择符130

12.2.3类型选择符130

12.2.4伪类131

12.2.5子选择符132

12.2.6群组选择符133

12.2.7选择符的优先级134

12.3属性135

12.4属性值136

12.4.1长度值136

12.4.2百分比值137

12.4.3颜色值137

12.4.4 URL值138

12.5默认值139

12.6继承139

12.7小结140

12.8习题141

第13章 控制元素的显示效果142

13.1盒子模型的概念142

13.1.1块元素和内联元素143

13.1.2元素宽度的计算145

13.2元素内容的大小147

13.2.1定义宽度147

13.2.2定义高度148

13.2.3内容与宽度、高度属性的关系149

13.2.4定义最大和最小宽度150

13.2.5定义最大和最小高度151

13.3元素的背景153

13.3.1定义背景颜色153

13.3.2定义背景图片155

13.3.3定义背景图片的重复156

13.3.4定义背景图片位置157

13.3.5定义背景图片滚动159

13.3.6定义背景的综合效果161

13.3.7背景颜色和背景图片的优先级162

13.4元素的补白163

13.4.1定义顶部补白163

13.4.2定义右侧补白164

13.4.3定义底部补白165

13.4.4定义左侧补白166

13.4.5定义综合补白167

13.4.6补白与背景的关系169

13.5元素的边框170

13.5.1定义单侧边框样式170

13.5.2定义单侧边框颜色172

13.5.3定义单侧边框宽度172

13.5.4统一定义边框样式173

13.5.5统一定义边框颜色174

13.5.6统一定义边框宽度174

13.5.7单侧边框综合设置175

13.5.8定义边框综合效果176

13.6元素的边界177

13.6.1定义单侧边界177

13.6.2定义边界综合效果178

13.6.3边界与背景的关系180

13.7小结180

13.8习题180

第14章 控制元素的位置182

14.1元素的定位182

14.1.1元素的定位属性182

14.1.2边偏移属性183

14.2绝对定位185

14.2.1绝对定位与父元素185

14.2.2绝对定位与相邻元素186

14.3相对定位188

14.3.1相对定位元素位置的确定188

14.3.2相对定位与相邻元素190

14.4定位元素的层叠192

14.4.1层叠定位属性192

14.4.2简单嵌套元素中的层叠定位194

14.4.3包含子元素的复杂层叠定位195

14.5定位属性的优势和问题196

14.5.1定位属性的优势197

14.5.2绝对定位的问题198

14.5.3相对定位的问题199

14.6小结201

14.7习题201

第15章 控制元素的布局202

15.1元素的浮动202

15.1.1定义元素的浮动效果202

15.1.2浮动元素和固定元素的关系204

15.1.3浮动的顺序205

15.2浮动的清除207

15.3内容的剪切210

15.4溢出内容的控制212

15.4.1总体溢出212

15.4.2单向溢出213

15.5元素的显示方式215

15.5.1定义显示方式215

15.5.2元素的隐藏216

15.6元素的可视性218

15.6.1定义可视性218

15.6.2可视性属性与显示方式属性的关系219

15.7小结220

15.8习题220

第16章 控制文本的显示221

16.1控制字体的显示221

16.1.1选择字体221

16.1.2设置字体颜色222

16.1.3定义字体大小224

16.1.4定义字体样式226

16.1.5加粗显示227

16.1.6修饰字体229

16.1.7使用小型大写字母232

16.1.8转换大小写233

16.1.9设置字母间隔234

16.1.10定义单词间隔235

16.1.11定义行高236

16.1.12定义字体综合显示效果240

16.2控制文本的显示241

16.2.1控制文本缩进241

16.2.2控制文本空白244

16.2.3控制文本溢出245

16.2.4设置水平对齐247

16.2.5设置垂直对齐248

16.2.6定义文本流向250

16.2.7定义文本方向252

16.2.8对文本排序253

16.2.9设置单词换行254

16.2.10设置文本断开换行256

16.3小结257

16.4习题257

第17章 控制列表和表格元素的显示258

17.1控制列表元素的显示258

17.1.1定义列表符号258

17.1.2使用列表图片260

17.1.3定义标记位置262

17.1.4标记位置属性与列表高度263

17.1.5综合定义列表的显示效果266

17.2列表元素的补白和边界267

17.3控制表格元素的显示270

17.3.1合并边框270

17.3.2定义表格边框间距272

17.3.3定义表格标题位置274

17.3.4设置表格的布局277

17.4小结278

17.5习题279

第18章 控制其他元素的显示280

18.1控制滚动条的显示280

18.1.1定义滚动条三角箭头的颜色280

18.1.2定义滑块颜色281

18.1.3定义滚动条亮边框颜色282

18.1.4定义滚动条的高亮颜色283

18.1.5定义滚动条阴影颜色284

18.1.6定义滚动条暗部阴影颜色285

18.1.7定义滚动条背景颜色285

18.1.8定义滚动条基准色286

18.1.9定义滚动条的颜色287

18.2控制光标的显示288

18.3控制打印的显示291

18.3.1对象后插入分页符号属性291

18.3.2对象前插入分页符号属性291

18.4控制元素的缩放292

18.5控制链接的显示294

18.5.1定义链接未访问的显示效果294

18.5.2定义链接鼠标悬停的显示效果295

18.5.3定义链接激活的显示效果296

18.5.4定义链接访问后的显示效果297

18.5.5定义链接效果的顺序298

18.6小结300

18.7习题300

第4篇 CSS布局302

第19章 关于整站样式表的分析302

19.1站点页面的分析302

19.1.1规划样式表的原则302

19.1.2规划样式表的方法302

19.1.3实例分析303

19.2站点二级页面的制作304

19.2.1日志内容页面结构的规划304

19.2.2日志内容页面CSS部分的制作305

19.2.3日志列表页的制作308

19.3小结310

19.4习题311

第20章 关于标准的校验312

20.1为什么要进行标准的校验312

20.2怎样进行标准的校验312

20.2.1 XHTML校验的方法312

20.2.2 CSS校验的方法316

20.2.3 XHTML校验常见错误317

20.2.4 CSS校验常见错误317

20.3实例页面的校验318

20.3.1实例首页的校验318

20.3.2一个二级页面的校验319

20.4小结320

20.5习题321

第21章 制作企业宣传类网页322

21.1企业宣传类网页介绍322

21.1.1企业宣传类网页的作用322

21.1.2企业宣传类网页的构成及特点322

21.2效果图的分析323

21.2.1界面设计分析323

21.2.2规划页面布局324

21.3切图与划分页面内容325

21.3.1隐藏页面中的文本内容325

21.3.2切取页面中的背景326

21.3.3切取页面中的内容326

21.3.4保存各种图片327

21.4页面头部及导航栏的布局327

21.4.1制作头部的结构代码327

21.4.2定义页面的相关信息328

21.4.3导入样式表文件329

21.4.4头部内容结构分析329

21.4.5对头部文件整体添加样式329

21.4.6制作页面logo和菜单部分331

21.4.7制作页面的导航栏332

21.4.8制作页面的Banner335

21.5制作新闻列表部分336

21.5.1制作新闻列表的结构代码336

21.5.2新闻列表的修饰337

21.5.3制作侧栏栏目339

21.6页面底部的布局设计340

21.6.1制作底部的结构代码340

21.6.2制作底部信息的显示效果341

21.7制作二级页面（公司新闻）343

21.7.1二级页面效果图的分析344

21.7.2切图并制作素材图片344

21.7.3分析二级页面结构和样式345

21.7.4制作侧栏栏目345

21.7.5制作新闻列表347

21.8小结350

21.9习题350