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

第1章 网页设计概述 1

1.1 初识网页设计 1

1.1.1 什么是网页 1

1.1.2 网页设计的两个基本问题 3

1.1.3 网页设计语言——HTML简介 4

1.1.4 网页制作软件 4

1.2 网站的建立 5

1.2.1 网站的特征 6

1.2.2 在Dreamweaver中建立站点 6

1.3 Web服务器与浏览器 8

1.3.1 Web服务器的作用 8

1.3.2 浏览器的种类和作用 9

1.4 静态网页和动态网页 10

1.5 URL的含义和结构 12

1.6 域名与主机的关系 13

习题 14

第2章 HTML 15

2.1 HTML概述 15

2.1.1 HTML文档的结构 15

2.1.2 Dreamweaver的开发界面 16

2.1.3 使用DW新建HTML文件 17

2.1.4 HTML标记 17

2.1.5 常见的HTML标记及属性 18

2.2 在网页中添加文本 19

2.2.1 文本格式标记 19

2.2.2 文本的换行和空格 21

2.2.3 文本中的字符实体 22

2.2.4 字体标记 23

2.2.5 创建列表 24

2.3 利用DW代码视图提高效率 25

2.3.1 代码提示 25

2.3.2 拆分视图和代码快速定位 26

2.3.3 DW中的常用快捷键 27

2.4 插入图像 28

2.4.1 〈img〉标记 28

2.4.2 网页中支持的图像格式 29

2.5 创建超链接 30

2.5.1 超链接标记〈a〉 30

2.5.2 绝对URL与相对URL 32

2.5.3 超链接的种类 34

2.5.4 超链接目标的打开方式 35

2.5.5 超链接制作的原则 36

2.5.6 DW中超链接“属性”面板的使用 36

2.6 插入Flash及多媒体元素 37

2.6.1 插入Flash的方法 37

2.6.2 插入视频或音频文件 38

2.6.3 HTML 5新增的多媒体标记 39

2.7 创建表格 42

2.7.1 表格标记〈table〉 42

2.7.2 行标记〈tr〉和单元格标记〈td〉、〈th〉 44

2.7.3 在DW中操作表格的方法 47

2.7.4 制作固定宽度的表格 49

2.7.5 特殊效果表格的制作 50

2.7.6 用普通表格与布局表格进行网页布局 52

2.7.7 表格布局综合案例——制作太阳能网站 55

2.8 创建表单 57

2.8.1 〈form〉标记及其属性 57

2.8.2 〈input/〉标记 60

2.8.3 〈select〉和〈option〉标记 63

2.8.4 多行文本域标记〈textarea〉 63

2.8.5 表单数据的传递过程 64

2.8.6 表单中的按钮 65

2.8.7 表单的辅助标记 66

2.8.8 HTML 5新增的表单标记和属性 67

2.9 框架标记 70

2.9.1 框架的作用 70

2.9.2 〈frameset〉标记 70

2.9.3 〈frame/〉标记 72

2.9.4 嵌入式框架标记〈iframe〉 73

2.10 头部标记 74

习题 75

第3章 XHTML与Web标准 78

3.1 XHTML与HTML的区别 78

3.1.1 文档类型的含义和选择 78

3.1.2 XHTML与HTML的重要区别 79

3.2 Web标准 81

3.2.1 传统HTML的缺点 81

3.2.2 Web标准的含义 82

3.2.3 Web标准的优势 84

3.3 HTML元素的概念 84

3.3.1 行内元素和块级元素 85

3.3.2 〈div〉和〈span〉标记 85

3.4 HTML 5简介 86

3.4.1 HTML 5新增的标记 86

3.4.2 HTML 5语法的改进 88

习题 89

第4章 CSS 90

4.1 CSS基础 90

4.1.1 CSS的语法 90

4.1.2 在HTML中引入CSS的方法 91

4.1.3 选择器的分类 93

4.1.4 CSS文本修饰 95

4.1.5 伪类选择器及其应用 96

4.2 CSS的特性 98

4.2.1 CSS的层叠性 98

4.2.2 CSS的继承性 100

4.2.3 选择器的组合 102

4.2.4 CSS 2.1新增选择器简介 107

4.3 CSS设计和书写技巧 112

4.3.1 CSS样式总体设计原则 112

4.3.2 DW对CSS的可视化编辑支持 113

4.3.3 CSS属性的值和单位 115

4.3.4 浏览器的私有CSS属性 116

4.4 盒子模型及标准流下的定位 117

4.4.1 盒子模型基础 118

4.4.2 盒子模型的应用 123

4.4.3 盒子在标准流下的定位原则 125

4.5 背景的控制 129

4.5.1 CSS的背景属性 129

4.5.2 背景的基本运用技术 131

4.5.3 滑动门技术——背景的高级运用 134

4.5.4 背景图案的翻转——控制背景的显示区域 139

4.5.5 CSS圆角设计 140

4.6 盒子的浮动 143

4.6.1 盒子浮动后的特点 143

4.6.2 浮动的清除 146

4.6.3 浮动的浏览器解释问题 146

4.6.4 浮动的应用举例 151

4.7 相对定位和绝对定位 157

4.7.1 定位属性和偏移属性 157

4.7.2 相对定位 158

4.7.3 相对定位的应用举例 159

4.7.4 绝对定位 160

4.7.5 绝对定位的应用举例 162

4.7.6 DW中定位属性面板介绍 173

4.7.7 与position属性有关的CSS属性 173

4.8 CSS+DIV布局 178

4.8.1 分栏布局的种类 179

4.8.2 固定宽度布局 179

4.8.3 CSS布局的案例——重构太阳能网站 180

4.8.4 可变宽度布局 184

4.8.5 HTML 5新增的文档结构标记 189

4.8.6 CSS 3新增功能和属性一瞥 191

4.9 CSS浏览器的兼容问题 192

习题 194

第5章 Fireworks 197

5.1 Fireworks基础 197

5.1.1 矢量图和位图的概念 197

5.1.2 认识Fireworks的界面 198

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

5.1.4 画布和图像的调整 200

5.2 操作对象 203

5.2.1 选择、移动和对齐对象 204

5.2.2 变形和扭曲 204

5.2.3 改变对象的叠放次序 206

5.2.4 设置对象的不透明度 206

5.2.5 操作对象的快捷键 207

5.3 编辑位图 207

5.3.1 创建和取消选区 207

5.3.2 复制和移动选区中的内容 211

5.3.3 编辑选区中的像素区域 212

5.4 绘制矢量图形 214

5.4.1 创建矢量图形 214

5.4.2 填充和笔触属性 215

5.4.3 自由形状工具 218

5.4.4 调整矢量线条 220

5.4.5 路径的切割和组合 222

5.4.6 路径和选区的相互转换 224

5.5 文本对象的使用 226

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

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

5.5.3 将文本附加到路径 230

5.6 蒙版 231

5.6.1 使用“粘贴于内部”创建矢量蒙版 231

5.6.2 创建图层蒙版 237

5.7 简单GIF动画的制作 240

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

5.7.2 制作遮罩动画 241

5.8 切片及导出 242

5.8.1 切片的作用 242

5.8.2 切片的基本操作 243

5.8.3 切片的实例 245

习题 249

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

6.1 网站开发的过程 251

6.1.1 基本任务和角色 251

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

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

6.2.1 网页设计步骤概述 257

6.2.2 内容分析 259

6.2.3 HTML结构设计 259

6.2.4 原型设计 262

6.2.5 网页效果图设计 265

6.2.6 布局设计 267

6.2.7 视觉设计 272

6.2.8 交互效果设计 282

6.2.9 CSS布局的优点 284

6.3 网站的风格设计 285

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

6.3.2 网页色彩的搭配 286

6.3.3 网页版式设计 295

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

6.4.1 网站的栏目规划 300

6.4.2 网站的目录结构设计 301

6.5 网站的导航设计 302

6.5.1 导航的实现方法 303

6.5.2 导航的设计策略 304

6.6 网站的环境准备 304

6.6.1 架设网站的基本条件 304

6.6.2 购买主机空间和域名 305

6.6.3 配置主机空间和域名 305

6.6.4 上传网站 306

习题 307

第7章 JavaScript 308

7.1 JavaScript简介 308

7.1.1 JavaScript的特点 308

7.1.2 JavaScript的用途 309

7.1.3 JavaScript的代码结构 309

7.1.4 事件监听程序 311

7.1.5 开发和调试JavaScript的工具 313

7.2 JavaScript语言基础 314

7.2.1 JavaScript的变量 314

7.2.2 JavaScript的运算符 314

7.2.3 JavaScript数据类型 318

7.2.4 数组 321

7.2.5 JavaScript语句 324

7.2.6 函数 328

7.3 对象 330

7.3.1 JavaScript对象 330

7.3.2 with语句 332

7.3.3 this关键字 332

7.3.4 JavaScript的内置对象 333

7.4 浏览器对象模型BOM 334

7.4.1 window对象 334

7.4.2 定时操作函数 337

7.4.3 location对象 341

7.4.4 history对象 342

7.4.5 document对象 342

7.4.6 screen对象 345

7.5 文档对象模型DOM 345

7.5.1 网页中的DOM模型 346

7.5.2 DOM编程引例 346

7.5.3 访问指定节点 351

7.5.4 访问和设置元素的HTML属性 354

7.5.5 访问和设置元素的内容 356

7.5.6 访问和设置元素的CSS属性 357

7.5.7 创建和替换元素节点 360

7.5.8 用DOM控制表单 361

7.6 事件处理 363

7.6.1 事件流 364

7.6.2 处理事件的两种方法 364

7.6.3 浏览器中的常用事件 367

7.6.4 事件对象 370

7.6.5 DOM和事件编程实例 373

7.7 JavaScript插件应用举例 379

7.7.1 使用Highslide制作Lightbox效果 379

7.7.2 使用pxiviewer制作图片轮显效果 381

7.8 jQuery框架使用入门 383

7.8.1 jQuery框架的功能 383

7.8.2 下载并使用jQuery 384

7.8.3 jQuery中的“＄” 384

7.8.4 jQuery对象与DOM对象 388

7.8.5 jQuery的选择器 390

7.8.6 jQuery中的常用方法 394

7.8.7 jQuery的应用举例 395

7.8.8 jQuery的插件应用举例 402

习题 405

参考文献 407