高等院校计算机教育系列教材 HTML+DIV+CSS网页设计与布局实用教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

第1章 HTML入门1

1.1什么是HTML1

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定义网页背景色：bgcolor14

2.1.2设置背景图片：background15

2.1.3设置文字颜色：text16

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标题字对齐属性：align32

3.2插入其他标记33

3.2.1输入空格符号33

3.2.2输入特殊符号34

3.3设置段落的格式35

3.3.1段落标签：＜p＞35

3.3.2段落的对齐属性：align36

3.3.3不换行标签：＜nobr＞37

3.3.4换行标签：＜br＞38

3.4水平线标签39

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

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

3.4.3设置水平线的颜色：color41

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

3.4.5水平线去掉阴影：noshade43

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设置无序列表类型的属性type54

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

4.1.4目录列表：＜dir＞56

4.2使用有序列表58

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

4.2.2有序列表类型的属性：type59

4.2.3有序列表的起始数值：start60

4.3列表条目元素＜li＞61

4.3.1项目符号的类型：type61

4.3.2条目编号：value62

4.4定义列表标签＜dl＞63

本章小结65

练习题65

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

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

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

5.2.1图像标签：＜img＞68

5.2.2图像的源文件：src69

5.2.3图像的提示文字：alt70

5.2.4图像的宽度和高度：width、height71

5.3添加多媒体文件72

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

5.3.2设置自动运行：autostart73

5.4添加背景音乐74

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

5.4.2设置循环播放次数：loop75

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-Mail96

6.5.3链接到FTP97

6.5.4链接到Telnet98

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、height104

7.1.3表格的标题：＜caption＞105

7.1.4表格的表头：＜th＞107

7.1.5表格对齐方式：align109

7.1.6表格的边框宽度：border110

7.1.7表格边框颜色：bordercolor111

7.1.8单元格间距：cellspacing112

7.1.9单元格边距：cellpadding113

7.1.10表格的背景色：bgcolor114

7.1.11表格的背景图像：background115

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处理动作：action128

8.1.2表单名称：name129

8.1.3传送方法：method129

8.1.4编码方式：enctype130

8.1.5目标显示方式：target131

8.2表单控件：＜input＞132

8.2.1文本字段：text132

8.2.2密码域：password134

8.2.3单选按钮：radio135

8.2.4复选框：checkbox136

8.2.5普通按钮：button138

8.2.6提交按钮：submit139

8.2.7重置按钮： reset140

8.2.8图像域：image142

8.2.9隐藏域：hidden143

8.2.10文件域：file144

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

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

8.4.1高度属性：size147

8.4.2多项选择属性：multiple148

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

本章小结151

练习题151

第9章 HTML 5的结构153

9.1认识HTML 5153

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为什么要在网页中加入CSS169

10.1.1什么是CSS169

10.1.2使用CSS的好处170

10.1.3如何编写CSS171

10.1.4 CSS的基本语法171

10.1.5浏览器与CSS172

10.2基本CSS选择器172

10.2.1标签选择器173

10.2.2 class选择器173

10.2.3 ID选择器174

10.3在HTML中使用CSS176

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-color199

12.1.2背景图像：background-image200

12.2设置背景图像的属性202

12.2.1设置背景重复：background-repeat202

12.2.2设置固定背景：background-attachment203

12.2.3设置背景定位：background-position204

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∶link231

14.1.2 a∶visited232

14.1.3 a∶active233

14.1.4 a∶hover234

14.2创建按钮式超链接235

14.3控制鼠标指针237

14.4设置项目列表样式238

14.4.1列表符号类型：list-style-type238

14.4.2列表符号的混用241

14.4.3列表图像属性：list-style-image242

14.4.4 列表综合属性：list-style243

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边框：border257

16.2.1边框宽度：border-width257

16.2.2边框颜色：border-color258

16.2.3边框样式：border-style259

16.3设置内边距∶padding261

16.3.1顶部属性：padding-top261

16.3.2右侧属性：padding-right262

16.3.3底部属性：padding-bottom263

16.3.4左侧属性：padding-left264

16.4设置外边距∶margin265

16.4.1顶部边界属性：margin-top266

16.4.2右侧边界属性：margin-right267

16.4.3底部边界属性：margin-bottom268

16.4.4左侧边界属性：margin-left268

本章小结269

练习题270

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

17.1盒子的浮动271

17.1.1元素的浮动属性：float271

17.1.2清除浮动属性：clear275

17.2元素的定位277

17.2.1元素的定位属性：position277

17.2.2上边偏移属性top、下边偏移属性bottom279

17.2.3左边偏移属性left、右边偏移属性right280

17.3盒子的定位281

17.3.1绝对定位：absolute282

17.3.2固定定位：fixed284

17.3.3相对定位：relative286

17.3.4静态定位：static288

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 3310

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