网页设计与制作【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

网页设计与制作PDF格式电子书版下载

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

第1章 网页设计基础1

1.1 全面认识网页1

1.1.1 网站、网页和主页1

1.1.2 网页设计的基本原则2

1.2 网页的基本组成元素3

1.2.1 网页中的文本3

1.2.2 网页中的图片与动画4

1.2.3 网页中的动画4

1.3 网页制作工具5

1.3.1 网页布局软件Dreamweaver5

1.3.2 图形图像处理软件Photoshop5

1.3.3 动画制作软件Flash6

1.3.4 软件间的相互关系6

第2章 网页标记语言HTML8

2.1 HTML概述8

2.1.1 HTML的基本概念8

2.1.2 HTML的历史9

2.1.3 HTML的基本结构10

2.1.4 HTML的语法规则11

2.2 文字与段落标记12

2.2.1 标题标记12

2.2.2 文字格式标记13

2.2.3 字型设置标记14

2.2.4 段落标记和换行标记15

2.2.5 水平线标记16

2.2.6 其他标记16

2.3 清单标记18

2.3.1 无序清单标记18

2.3.2 有序清单标记19

2.3.3 自定义清单标记20

2.4 表格标记20

2.5 图形和多媒体标记23

2.5.1 图形标记23

2.5.2 音频标记24

2.5.3 Embed标记24

2.6 超链接标记26

2.7 表单标记26

2.8 框架标记30

第3章 Web标准概述33

3.1 理解Web标准33

3.1.1 什么是Web标准33

3.1.2 Web标准的历史33

3.2 Web标准的构成34

3.2.1 结构35

3.2.2 表现35

3.2.3 行为35

3.3 为什么选择Web标准36

3.4 量化Web标准37

3.4.1 大部分通过W3C校验的网站只是伪标准37

3.4.2 Web标准要求一览表38

3.4.3 是追求标准还是理解标准39

第4章 XHTML与CSS入门40

4.1 XHTML与CSS40

4.1.1 XHTML与HTML40

4.1.2 XHTML与CSS42

4.1.3 定义文档类型44

4.2 CSS语法基础44

4.2.1 CSS属性与选择符44

4.2.2 样式表中的注释45

4.2.3 通配选择符46

4.2.4 类型选择符46

4.2.5 群组选择符46

4.2.6 包含选择符46

4.2.7 id及class选择符47

4.2.8 组合选择符48

4.2.9 伪类及伪对象49

4.3 CSS数值单位52

4.4 应用CSS到网页53

4.4.1 外联样式表54

4.4.2 嵌入样式表54

4.4.3 内联样式表55

4.5 CSS的应用原则56

4.5.1 CSS的继承特性56

4.5.2 CSS的层叠特性59

4.5.3 ！important语法61

第5章 网页中的元素62

5.1 XHTML文档结构62

5.2 Xhtml元素的分类62

5.2.1 顶级元素63

5.2.2 块级元素63

5.2.3 行内元素64

5.2.4 可变元素64

5.3 块级元素和行内元素的区别64

第6章 DIV+CSS与盒子模型66

6.1 理解DIV+CSS66

6.1.1 认识DIV66

6.1.2 DIV+CSS的实质66

6.1.3 DIV+CSS布局页面的优劣67

6.2 盒子模型69

6.2.1 盒子模型的结构69

6.2.2 Border71

6.2.3 margin（外边距）77

6.2.4 padding（内边距）79

6.2.5 background（背景）80

6.2.6 盒子尺寸相关问题89

6.2.7 行内元素的盒子模型94

6.2.8 display属性96

6.2.9 盒子模型的调试102

第7章 页面的布局与定位109

7.1 标准文档流109

7.2 标准流下盒子的定位原则109

7.2.1 包含块109

7.2.2 标准流下定位分析110

7.2.3 匿名框（Anonymous boxes）113

7.2.4 水平属性设为“auto”114

7.2.5 垂直属性设为“auto”117

7.2.6 Height和line-height118

7.2.7 标准流下盒子之间的关系125

7.3 盒子的定位133

7.3.1 static（静态定位）133

7.3.2 relative（相对定位）134

7.3.3 absolute（绝对定位）137

7.3.4 fixed（固定定位）145

7.3.5 z-index（堆叠顺序）146

7.4 盒子的浮动146

7.4.1 浮动的定义146

7.4.2 浮动的作用147

7.4.3 浮动的规则147

7.4.4 浮动的理解156

7.4.5 Clear属性159

7.4.6 浮动的清除160

第8章 浏览器兼容与常见问题163

8.1 浏览器兼容性问题163

8.2 CSS hack技术164

8.2.1 CSS hack的顺序164

8.2.2 常用的CSS hack的方法164

8.2.3 CSS hack使用建议170

8.3 IE的条件注释功能170

8.4 IE的特有属性haslayout172

8.4.1 haslayout的定义172

8.4.2 默认haslayout的元素172

8.4.3 触发haslayout的方法173

8.4.4 与haslayout相关的IE常见bug174

8.5 针对IE bug的统计和通用hack177

8.5.1 IE bug统计177

8.5.2 常见的IE bug的解决方法180

第9章 网页布局剖析197

9.1 网页布局原则197

9.2 网页布局方法198

9.3 常见网页布局形式198

9.4 网页布局技术200

9.4.1 网页布局技术相关概念200

9.4.2 网页布局技术的比较201

9.5 固定布局的栅格系统202

9.5.1 栅格系统的设计原理203

9.5.2 栅格系统中的960203

9.5.3 960栅格系统常见的切割分法204

9.5.4 网页栅格化实例206

9.5.5 栅格系统的优劣207

9.5.6 栅格系统的实现208

9.6 网站布局实例211

9.6.1 单列居中211

9.6.2 两列布局217

9.6.3 三列布局229

第10章 网页元素与内容排版235

10.1 文字235

10.1.1 字体分类和设置235

10.1.2 字体的使用原则237

10.1.3 字体粗细238

10.1.4 字体大小239

10.1.5 字体样式240

10.1.6 字体装饰与控制241

10.1.7 字体属性的简写形式241

10.2 段落样式设置242

10.2.1 行高与行长242

10.2.2 对齐与缩进242

10.3 图片的样式和效果243

10.3.1 基本设置243

10.3.2 图片的裁切244

10.3.3 图片代替文字245

10.3.4 图片的投影效果247

10.4 链接249

10.4.1 链接控制249

10.4.2 链接鼠标指针样式250

10.4.3 按钮式链接252

10.4.4 图片翻转链接253

10.4.5 面包屑导航链接254

10.5 项目列表256

10.5.1 基本列表分类257

10.5.2 无序项目列表应用260

10.5.3 有序项目列表应用265

10.6 导航设计266

10.6.1 横向导航266

10.6.2 纵向导航273

10.7 排版控制276

10.7.1 文字排版276

10.7.2 图文混排278

10.8 CSS重置—CSS Reset280

10.8.1 CSS Reset的历史280

10.8.2 CSS Reset的滥用281

10.8.3 CSS Reset的不足281

10.8.4 CSS Reset未必有必要282

第11章 使用Dreamweaver CS5进行网页设计283

11.1 安装Dreamweaver CS5283

11.2 认识Dreamweaver CS5界面287

11.2.1 工作区287

11.2.2 菜单栏288

11.2.3 文档工具栏288

11.2.4 文档窗口289

11.2.5 属性检查器290

11.2.6 面板群组291

11.2.7 状态栏291

11.3 Dreamweaver CS5的首选参数291

11.3.1 常规首选参数292

11.3.2 字体首选参数294

11.3.3 站点文件传输首选参数294

11.3.4 设置默认文档类型和编码296

11.3.5 设置编码首选参数296

11.4 创建和管理站点300

11.4.1 设置新站点300

11.4.2 管理站点304

11.5 创建和管理文件306

11.5.1 创建空白页和空模板306

11.5.2 创建基于现有模板的页面309

11.5.3 创建基于Dreamweaver示例文件的页面309

11.5.4 使用文件面板310

11.5.5 上传和获取文件311

参考文献314