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

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

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

第一篇 认识网站和网页2

第1章 认识网站开发2

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简介6

1.2.2 HTML基本结构6

1.3一个简单的HTML实例6

1.3.1编写HTML代码6

1.3.2运行HTML文件查看效果8

1.4 HTML基本标记8

1.4.1文件类型标记8

1.4.2 HTML头标记9

1.4.3 HTML主体标记9

1.4.4页面标题9

1.5小结10

本章习题10

第二篇 HTML学习篇12

第2章 网页文字和图片12

2.1文字格式12

2.1.1设置文字大小12

2.1.2设置字体13

2.1.3设置字体颜色15

2.1.4加粗与斜体18

2.1.5下划线与删除线19

2.1.6上标与下标20

2.1.7等宽字21

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

2.2.1文本缩进21

2.2.2换行22

2.2.3段落23

2.2.4段落居中23

2.2.5预定义格式24

2.2.6水平分隔线25

2.3文字闪烁26

2.4设置网页背景颜色27

2.5在网页中插入图像28

2.6设置背景图片29

2.7小结30

本章习题30

上机指导31

实验一：练习使用〈FONT〉元素来设置文字的大小、颜色和字体31

实验二：练习使用与文字排版相关的元素来设置文字的段落的样式31

实验三：练习使用BACKGROUND属性来设置网页的背景图片32

第3章 超链接34

3.1创建超链接34

3.1.1超链接标记34

3.1.2链接地址35

3.1.3打开链接的方式37

3.2锚点37

3.2.1创建锚点38

3.2.2链接到本页锚点38

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

3.3图像的超链接40

3.3.1将整个图像设为超链接40

3.3.2设置图像热点区域41

3.4小结43

本章习题43

上机指导44

实验一：练习使用〈A〉标记创建一个以新窗口打开的超链接44

实验二：练习使用〈A〉标记创建一个链接到其他网页的锚点链接44

实验三：练习使用〈A〉标记设置一个矩形的图像热点区域46

第4章 表格47

4.1创建表格47

4.2表格属性48

4.2.1表格宽度48

4.2.2表格高度49

4.2.3表格背景图片51

4.2.4单元格间距52

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

4.3表格边框55

4.3.1边框宽度55

4.3.2边框颜色57

4.3.3亮边框颜色58

4.3.4暗边框颜色58

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

4.4.1垂直对齐方式59

4.4.2水平对齐方式60

4.5行和列的合并61

4.5.1列的合并62

4.5.2行的合并63

4.6表格结构64

4.6.1表头64

4.6.2主体65

4.6.3表尾66

4.7表格标题68

4.8表格嵌套69

4.9小结70

本章习题71

上机指导72

实验一：练习使用〈TABLE〉元素创建一个表格72

实验二：练习使用〈TABLE〉元素中的各种属性创建一个课程表73

实验三：练习使用〈TABLE〉元素创建嵌套表格74

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

5.1多媒体元素76

5.1.1插入多媒体元素76

5.1.2循环播放77

5.1.3自动播放77

5.1.4隐藏多媒体元素78

5.2插入背景音乐80

5.3滚动字幕80

5.3.1添加滚动字幕81

5.3.2滚动方向81

5.3.3滚动方式82

5.3.4滚动字幕背景颜色83

5.3.5滚动速度84

5.3.6滚动延迟84

5.3.7滚动次数86

5.3.8滚动字幕空白空间86

5.3.9设置鼠标经过效果87

5.4无序列表88

5.4.1无序列表结构88

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

5.5有序列表90

5.5.1有序列表结构91

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

5.6嵌套列表93

5.7定义列表94

5.8目录列表96

5.9菜单列表96

5.10小结98

本章习题98

上机指导99

实验一：练习使用〈EMBED〉元素插入一个多媒体元素99

实验二：练习使用〈MARQUEE〉元素添加一个滚动字幕100

实验三：练习使用〈UL〉元素和〈OL〉元素创建一个嵌套列表100

第6章 表单102

6.1添加表单102

6.1.1链接跳转102

6.1.2链接跳转方式103

6.1.3表单名称103

6.2输入标签104

6.2.1文本框104

6.2.2密码框105

6.2.3单选框105

6.2.4复选框107

6.2.5提交按钮107

6.2.6重置按钮108

6.2.7图像按钮109

6.2.8文件域110

6.2.9隐藏域111

6.3下拉列表112

6.4文本域113

6.5小结114

本章习题114

上机指导115

实验一：练习使用〈FORM〉元素插入一个表单115

实验二：练习在表单元素中添加不同的表单控件116

实验三：练习使用在表单元素中添加下拉列表117

第7章 框架118

7.1创建框架118

7.2分割窗口118

7.2.1上下分割118

7.2.2左右分割121

7.2.3窗口的嵌套122

7.3设置框架边框123

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

7.3.2设置框架边框宽度124

7.3.3设置框架边框颜色125

7.4框架属性126

7.4.1设置框架滚动条显示126

7.4.2固定框架126

7.4.3不支持框架标记128

7.5在框架中使用链接128

7.6浮动框架132

7.6.1插入浮动框架132

7.6.2浮动框架大小133

7.6.3浮动框架对齐方式133

7.6.4浮动框架页面的链接134

7.7小结135

本章习题136

上机指导137

实验一：练习使用〈FRAMESET〉元素创建一个框架137

实验二：练习使用〈FRAMESET〉元素创建一个嵌套框架138

实验三：练习使用〈IFRAME〉元素创建一个浮动框架138

第三篇 CCS学习篇141

第8章 认识CSS141

8.1 CSS简介141

8.2 CSS样式表的设置方法141

8.2.1内联样式表141

8.2.2内部样式表142

8.2.3外部样式表143

8.2.4引用多个样式表144

8.2.5使用＠import引用外部样式表145

8.2.6 CSS注释146

8.3选择符147

8.3.1类型选择符147

8.3.2类选择符148

8.3.3 ID选择符151

8.3.4包含选择符152

8.3.5选择符分组156

8.3.6通用选择符157

8.3.7子选择符159

8.3.8相邻选择符161

8.3.9属性选择符162

8.4伪类和伪元素166

8.4.1超链接的伪类167

8.4.2伪元素168

8.5 CSS优先级169

8.6 CSS中的单位172

8.6.1颜色单位172

8.6.2长度单位172

8.6.3时间单位173

8.6.4角度单位173

8.6.5频率单位173

8.7小结173

本章习题173

上机指导175

实验一：练习使用CSS内部样式表设置网页样式175

实验二：练习使用CSS外部样式表设置网页样式175

实验三：练习使用CSS伪类设置超链接的样式176

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

9.1设置文字样式178

9.1.1字体设置178

9.1.2设置文字大小179

9.1.3设置粗体181

9.1.4设置文字颜色181

9.1.5设置斜体183

9.1.6综合设置183

9.2设置文本样式184

9.2.1设置阴影效果185

9.2.2大小写转换185

9.2.3文本缩进187

9.2.4文本的水平对齐方式188

9.2.5文本的垂直对齐方式189

9.2.6设置文本流入方向191

9.2.7设置文本修饰192

9.3空白与换行193

9.3.1空格的处理方式194

9.3.2字内换行195

9.4设置间距197

9.4.1行间距197

9.4.2字间距199

9.4.3词间距201

9.5小结203

本章习题203

上机指导203

实验一：练习使用font属性综合设置文字样式204

实验二：练习使用不同的属性设置文本的样式204

实验三：练习使用不同的属性设置文本的间距205

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

10.1背景颜色206

10.2背景图像207

10.2.1设置背景图像207

10.2.2设置固定背景图像209

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

10.2.4背景图像定位213

10.3边框215

10.3.1设置边框样式215

10.3.2设置不同的边框样式217

10.3.3设置边框宽度218

10.3.4设置不同的边框宽度220

10.3.5设置边框颜色222

10.3.6设置不同的边框颜色224

10.3.7综合设置边框效果225

10.4边距226

10.4.1设置上边距227

10.4.2设置下边距227

10.4.3设置左边距228

10.4.4设置右边距229

10.4.5综合设置边距230

10.5补白231

10.5.1设置顶端补白231

10.5.2设置底部补白232

10.5.3设置左侧补白233

10.5.4设置右侧补白234

10.5.5综合设置补白234

10.6小结235

本章习题235

上机指导235

实验一：练习使用背景图像属性综合设置背景图像的样式237

实验二：练习使用边框属性综合设置元素边框的样式237

实验三：练习使用margin属性和padding属性综合设置元素的边距和补白238

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

11.1表格240

11.1.1合并表格边框240

11.1.2定义表格边框间距242

11.1.3定义表格标题位置244

11.1.4设置表格布局246

11.2列表248

11.2.1设置列表符号样式248

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

11.2.3列表符号显示位置252

11.2.4综合设置列表样式253

11.3滚动条254

11.3.1设置滚动条颜色254

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

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

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

11.3.5设置滚动条基准色258

11.4小结260

本章习题260

上机指导260

实验一：练习使用CSS中的表格属性设置表格的样式261

实验二：练习使用CSS中的列表属性设置列表的样式261

实验三：练习使用CSS中的滚动条属性设置滚动条的样式262

第四篇 布局学习篇265

第12章 控制元素布局265

12.1块级元素和内联元素265

12.1.1块级元素和内联元素的概念265

12.1.2 〈div〉元素和〈span〉元素265

12.2定位267

12.2.1定位方式267

12.2.2偏移268

12.2.3综合运用268

12.2.4定位元素的层叠次序272

12.3浮动273

12.3.1浮动的概念274

12.3.2设置浮动274

12.3.3清除浮动275

12.4溢出与剪切276

12.4.1溢出内容的设置277

12.4.2设置水平方向超出范围的处理方式278

12.4.3设置垂直方向超出范围的处理方式279

12.4.4内容的剪切281

12.5对象的显示与隐藏282

12.6小结283

本章习题283

上机指导284

实验一：练习使用定位设置元素的位置284

实验二：练习使用浮动设置元素的位置285

实验三：练习使用清除浮动清除元素的浮动效果286

第13章 网页布局与设计技巧287

13.1网页布局287

13.1.1网页大小287

13.1.2网页栏目划分288

13.1.3表格布局289

13.1.4 CSS布局292

13.2 CSS布局技巧293

13.2.1一栏布局293

13.2.2二栏布局295

13.2.3多栏布局296

13.3小结298

本章习题298

上机指导299

实验一：利用表格设计网页299

实验二：利用CSS设计网页300

实验三：利用CSS对网页进行布局301

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

14.1案例分析302

14.2内容分析303

14.3原型设计303

14.4布局设计305

14.4.1整体样式设计305

14.4.2页头部分306

14.4.3内容部分310

14.4.4页脚部分315

14.5交互效果设计316

14.5.1顶部导航栏316

14.5.2主导航栏317

14.5.3账号区317

14.5.4图像边框317

14.5.5产品分类318

14.6小结318