基于WEB标准的网页设计与制作PDF电子书下载

第1章 网页设计概述 1

1.1网页设计的两个基本问题 1

1.2网页与网站 2

1.2.1什么是网页 2

1.2.2网页设计语言——HTML简介 3

1.2.3网页和网站的开发工具介绍 4

1.2.4网站的含义和特点 5

1.3 Web服务器和浏览器 8

1.3.1 Web服务器的作用 8

1.3.2浏览器的种类和作用 9

1.4静态网页和动态网页 10

1.5域名与主机的关系 12

1.6 URL的含义和结构 12

习题 13

第2章 HTML、XHTML和Web标准 14

2.1 HTML文档的基本结构 14

2.1.1使用记事本编辑一个HTML文件 14

2.1.2认识Dreamweaver CS3 15

2.1.3使用DW新建一个HTML文件 16

2.2标记和元素 16

2.2.1标记的概念 16

2.2.2标记带有属性时的结构 16

2.2.3 HTML标记的分类 17

2.2.4常见的HTML标记 17

2.2.5常见的HTML标记的属性 17

2.2.6元素的概念 18

2.2.7行内元素和块级元素 18

2.3从HTML到XHTML的转变 19

2.3.1 HTML存在的问题 19

2.3.2 Web标准的含义 19

2.3.3文档类型的含义和选择 21

2.3.4 XHTML与HTML的重要区别 21

习题 23

第3章 HTML标记 25

3.1文本格式标记 25

3.1.1文本排版 25

3.1.2文本的换行和空格 27

3.1.3文本中的特殊字符 28

3.2文本修饰标记（字体标记） 29

3.3列表标记 30

3.4利用DW代码视图提高效率 32

3.4.1代码提示 32

3.4.2代码折叠 33

3.4.3拆分视图和代码快速定位 33

3.4.4 DW中的常用快捷键 33

3.5图像标记＜img＞ 34

3.5.1网页中插入图像的两种方法 34

3.5.2网页中支持的图像格式 35

3.5.3在单元格中插入图片的方法 36

3.5.4 ＜ img＞插入图像的对齐方式 36

3.6超链接标记＜a＞ 37

3.6.1绝对URL和相对URL 37

3.6.2超链接的源对象：文本、图像、热区 38

3.6.3超链接的种类（href属性的取值） 40

3.6.4超链接目标的打开方式 41

3.6.5超链接制作的原则 41

3.6.6 DW中超链接属性面板的使用 42

3.7 Flash及媒体元素的插入 43

3.7.1插入Flash的两种方法 43

3.7.2在图像上放置透明Flash 43

3.7.3插入视频或音频文件 44

3.8表格标记（＜table＞、＜tr＞、＜td＞） 46

3.8.1表格标记（＜ table＞、＜ tr＞、＜ td＞）及其属性 46

3.8.2在DW中操作表格的方法 51

3.8.3制作固定宽度的表格 53

3.8.4用普通表格与布局表格分别进行网页布局 54

3.8.5特殊效果表格的制作 56

3.9表单标记（＜form＞、＜ input＞、＜select＞） 59

3.9.1表单标记＜form＞ 59

3.9.2＜input＞标记 61

3.9.3＜select＞和＜option＞标记 64

3.9.4多行文本域标记＜textarea＞ 64

3.9.5表单中的按钮 65

3.9.6表单数据的传递过程 66

3.9.7表单的辅助标记 67

3.9.8利用行为检查表单的输入 68

3.10框架标记 68

3.10.1框架的作用 68

3.10.2＜frameset＞标记 69

3.10.3＜frame／＞标记 70

3.10.4用DW制作框架网页 71

3.10.5嵌入式框架标记＜iframe＞ 71

3.11容器标记（div、span） 72

3.12头部标记 73

习题 74

第4章 CSS 77

4.1 CSS基础 77

4.1.1 CSS的语法 77

4.1.2在HTML中引入CSS的方法 78

4.1.3选择器的分类 79

4.1.4 CSS的层叠性 82

4.1.5 CSS的继承性 84

4.1.6选择器的组合 86

4.1.7 CSS 2.1新增加的选择器简介 91

4.1.8 CSS样式的总体设计原则 96

4.1.9 DW对CSS的可视化编辑支持 97

4.2应用CSS修饰文本和超链接 99

4.2.1 CSS文本修饰 99

4.2.2 CSS动态超链接 100

4.3 CSS属性的值和单位 101

4.4 CSS的滤镜属性 103

4.5盒子模型及标准流下的定位 105

4.5.1盒子模型基础 106

4.5.2盒子模型的应用 110

4.5.3盒子在标准流下的定位原则 112

4.6背景的控制 118

4.6.1 CSS的背景属性 118

4.6.2背景的基本运用技术 119

4.6.3滑动门技术——背景的高级运用 123

4.6.4背景图案的翻转——控制背景的显示区域 127

4.6.5 CSS圆角设计 128

4.7盒子的浮动 133

4.7.1盒子浮动后的特点 133

4.7.2浮动的清除 135

4.7.3浮动的浏览器解释问题 136

4.7.4浮动的应用举例 141

4.8相对定位和绝对定位 147

4.8.1定位属性和偏移属性 147

4.8.2相对定位 147

4.8.3相对定位的应用举例 148

4.8.4绝对定位 150

4.8.5绝对定位的应用举例 152

4.8.6 DW中定位属性面板介绍 164

4.8.7与position属性有关的CSS属性 164

4.8.8 hover伪类的应用总结 170

4.9 CSS ＋ div布局 171

4.9.1分栏布局的种类 171

4.9.2固定宽度布局 171

4.9.3可变宽度布局 172

4.10解决CSS浏览器兼容问题的基本方法 177

4.11 CSS 3新增功能和属性一瞥 179

习题 180

第5章 Fireworks 183

5.1 Fireworks基础 183

5.1.1矢量图和位图的概念 183

5.1.2认识Fireworks的界面 184

5.1.3新建、打开和导入文件 185

5.1.4画布和图像的调整 187

5.1.5辅助设计工具的使用 190

5.2操作对象 191

5.2.1对象和图层的概念 191

5.2.2选择、移动和对齐对象 192

5.2.3变形和扭曲 192

5.2.4改变对象的叠放次序 194

5.2.5设置对象的不透明度 194

5.2.6操作对象的快捷键 195

5.3编辑位图 195

5.3.1创建和取消选区 195

5.3.2编辑选区中的像素区域 200

5.4绘制矢量图形 201

5.4.1创建矢量图形 202

5.4.2调整矢量线条 207

5.4.3路径的切割和组合 209

5.4.4路径和选区的相互转换 212

5.5文本对象的使用 214

5.5.1文本编辑和修饰的过程举例 214

5.5.2特殊文字效果制作举例 216

5.5.3将文本附加到路径 217

5.6蒙板 218

5.6.1使用“粘贴于内部”创建矢量蒙板 218

5.6.2创建位图蒙板 225

5.7简单GIF动画的制作 228

5.7.1使用补间实例制作动画 228

5.7.2制作蒙板动画 229

5.8切片及导出 230

5.8.1切片的作用 230

5.8.2切片的基本操作 231

5.8.3切片的实例 233

习题 236

第6章 网站开发和网页设计的过程 238

6.1网站开发的过程 238

6.1.1基本任务和角色 238

6.1.2网站开发过程的各环节 239

6.2遵循Web标准的网页设计步骤 243

6.2.1网页设计步骤概述 243

6.2.2内容分析 244

6.2.3 HTML结构设计 245

6.2.4原型设计 248

6.2.5网页效果图设计 250

6.2.6布局设计 252

6.2.7视觉设计 258

6.2.8交互效果设计 268

6.2.9总结CSS布局的优点 270

6.3网站的风格设计 271

6.3.1网站风格设计的基本原则 271

6.3.2网页色彩的搭配 272

6.3.3网页版式设计 282

6.4网站的栏目规划和目录结构设计 286

6.4.1网站的栏目规划 286

6.4.2网站的目录结构设计 287

6.5网站的导航设计 289

6.5.1导航的实现方法 289

6.5.2导航的设计策略 290

6.6网站的环境准备 290

6.6.1架设网站的基本条件 290

6.6.2购买主机空间和域名 291

6.6.3配置主机空间和域名 292

6.6.4上传网站 293

6.7网站费用估算 293

习题 294

第7章 JavaScript 296

7.1 JavaScript简介 296

7.1.1JavaScript的特点 296

7.1.2 JavaScript的用途 297

7.1.3网页中插入JavaScript脚本的方法 298

7.2 JavaScript语言基础 301

7.2.1 JavaScript的变量 301

7.2.2 JavaScript的运算符 302

7.2.3 JavaScript数据类型 306

7.2.4 JavaScript的保留字 312

7.2.5 JavaScript语句 313

7.2.6函数 318

7.3对象 321

7.3.1 JavaScript对象 322

7.3.2 with语句 323

7.3.3 this关键字 324

7.3.4 JavaScript内置对象 325

7.4浏览器对象模型BOM 328

7.4.1 window对象 329

7.4.2 location对象 334

7.4.3 history对象 335

7.4.4 navigator对象 336

7.4.5 document对象 336

7.4.6 screen对象 341

7.5文档对象模型DOM 342

7.5.1网页中的DOM模型 343

7.5.2使用DOM模型 343

7.5.3访问CSS样式 352

7.5.4用DOM控制表单 353

7.6事件处理 358

7.6.1事件流 358

7.6.2处理事件的两种方法 358

7.6.3浏览器中的常用事件 361

7.6.4事件对象 365

7.6.5制作隔行和动态变色的表格 367

7.6.6 DOM和事件编程实例 368

7.7 DW CS3对JavaScript的支持 374

7.7.1行为面板 374

7.7.2时间轴特效 375

7.7.3 Spry框架 375

7.8 jQuery框架使用入门 380

7.8.1 jQuery框架的功能 380

7.8.2下载并使用jQuery 381

7.8.3 jQuery中的“＄”及其作用 382

7.8.4 jQuery中的选择器 386

7.8.5 jQuery中的常用方法 391

7.8.6 jQuery的应用举例 392

7.8.7 jQuery的插件应用举例 400

习题 403

参考文献 405