Web站点和页面设计起步PDF电子书下载

第一部分 准备进行Web开发 3

第1章 理解媒介 3

1．1 Web站点剖析 4

1．1．1 URL 4

1．1．2 Web服务器 6

1．1．3 Internet服务提供商 10

1．1．4 Web站点 13

1．1．5 Web页面 13

1．2 Web浏览器 13

1．2．1 其他浏览器 14

1．2．2 测试的重要性 15

1．3 常用Web技术和语言概述 16

1．3．1 超文本标记语言（HTML）/可扩展超文本标记语言（XHTML） 16

1．3．2 可扩展标记语言（XML） 18

1．3．3 JavaScript 21

1．3．4 级联样式单（CSS） 23

1．3．5 动态HTML（DHTML） 25

1．3．6 动态服务页面（ASP） 28

1．3．7 CGIPerl 31

1．4 编码 33

1．5 设计和产品工具 35

1．5．1 Adobe Photoshop/ImageReady 36

1．5．2 Macromedia Fireworks 38

1．5．3 Jasc的Paint Shop Pro 39

1．5．4 项目1-1：贸易工具 39

1．6 小测验 40

第2章 分析和计划 42

2．1 组织队伍 44

2．1．1 管理角色 45

2．1．2 开创性和编辑角色 46

2．1．3 技术角色 46

2．1．4 队伍动态 46

2．2 编写项目文档 47

2．3 开发生命期 48

2．4 分析项目 49

2．4．1 设置站点目标 49

2．4．2 认识目标用户 51

2．4．3 评估目标用户 53

2．5 计划结构、内容和导航 62

2．5．1 组织内容 62

2．5．2 开发导航 64

2．5．3 项目2-1：创建一个新的微型站点 69

2．6 小测验 71

第二部分 设计和制作 75

第3章 页面设计 75

3．1 页面大小 76

3．1．1 精确确定Web页面的可用空间 76

3．1．2 处理不一致的可用屏幕区域的方法 86

3．2 页面结构 99

3．2．1 导航 99

3．2．2 页面的内容层次 103

3．3 创建模型 106

项目3-1：开始设计阶段 110

3．4 小测验 111

第4章 为Web准备内容 113

4．1 运用颜色 114

4．1．1 Web安全调色板的诞生 115

4．1．2 Web安全调色板的终结 117

4．1．3 现在如何做 120

4．2 定义字体 121

4．2．1 字体 121

4．2．2 字体大小 122

4．2．3 字型 124

4．3 将图形内容放到Photoshop 126

4．3．1 尺寸 127

4．3．2 分辨率（解析度） 128

4．3．3 色彩模式 129

4．4 设计页面 131

4．4．1 页面背景 136

4．4．2 确保屏幕上的可读性 145

4．4．3 创建有效链接 147

4．5 可访问性 149

4．5．1 打印机 150

4．5．2 对国际用户 152

4．5．3 项目4-1：设计模型 155

4．6 小测验 156

第5章 静态图形制作 157

5．1 图形文件格式 158

5．1．1 术语 159

5．1．2 GIF 161

5．1．3 JPEG 164

5．1．4 PNG 166

5．1．5 其他文件类型 169

5．2 将设计分片 171

5．2．1 使用准线 173

5．2．2 确定切片 175

5．3 为作业选择最好的文件格式 177

项目5-1：为制作准备模型 179

5．4 小测验 181

第6章 超越静态图形 183

6．1 为站点确定最合适的多媒体 184

6．1．1 GIF 186

6．1．2 Flash(.swf) 189

6．1．3 Director/Shockwave 192

6．1．4 Java 193

6．1．5 JavaScript 194

6．1．6 DHTML 195

6．1．7 QuickTime 197

6．1．8 RealMedia 198

6．1．9 MP3 199

6．1．10 比较 202

6．2 将多媒体部件集成到模型中 203

6．2．1 链接的部件 203

6．2．2 嵌入部件 203

6．3 检查多媒体的可用性 204

项目6-1：加强Web站点 204

6．4 小测验 206

第三部分 集成和测试 209

第7章 为页面结构编码 209

7．1 熟悉服务器 210

7．1．1 服务器端包含 211

7．1．2 单斜杠别名 212

7．2 定义头标内容 214

7．2．1 必需标记 216

7．2．2 标题 217

7．2．3 元数据 220

7．2．4 脚本 222

7．2．5 样式单 223

7．3 body内容概括 225

7．3．1 背景和颜色 225

7．3．2 定位和结构 229

7．4 结合所有功能 240

7．4．1 头标内容 240

7．4．2 体内容 241

7．4．3 页面布局 242

7．4．4 代码开发状态 243

7．4．5 项目7-1：处理页面内容 245

7．5 小测验 246

第8章 格式化文本内容 249

8．1 段落和文本结构 250

8．1．1 段落 250

8．1．2 头标 252

8．1．3 引用块和文本框 253

8．1．4 基本对齐方式 255

8．2 加入强调和额外的格式化 256

8．2．1 使用HTML 256

8．2．2 使用CSS 259

8．2．3 特殊字符 261

8．3 列表 261

8．4 链接 264

8．4．1 链接路径 265

8．4．2 内部链接 265

8．4．3 电子邮件、新闻组和FTP链接 266

8．4．4 链接可访问性 267

8．4．5 链接target 268

8．5 结合在一起 271

8．5．1 文本格式化 271

8．5．2 链接 272

8．5．3 颜色 272

8．5．4 代码开发状态 273

8．5．5 项目8-1：加入文本内容和链接 275

8．6 小测验 276

第9章 图形和多媒体 279

9．1 集成静态图形 280

9．1．1 大小和显示的考虑 280

9．1．2 可替换文本 283

9．1．3 基本对齐 285

9．1．4 使用图形做链接 286

9．2 集成多媒体 291

9．2．1 嵌入 291

9．2．2 链接 296

9．3 结合使用 299

9．3．1 代码开发状态 301

9．3．2 项目9-1：加入图形和多媒体 303

9．4 小测验 306

第10章 交互式元素 307

10．1 窗体 308

10．1．1 内容可用性 308

10．1．2 布局 310

10．1．3 处理窗体 321

10．2 动态内容 324

10．2．1 自动向页面加入日期 326

10．2．2 每次页面载入时改变页面元素 326

10．2．3 根据光标位置改变页面元素 328

10．2．4 加入第三方内容 331

10．2．5 允许用户查找你的站点 333

10．3 将上述内容结合在一起 335

10．3．1 滚动 335

10．3．2 随机化图形 336

10．3．3 当天日期 337

10．3．4 代码开发状态 338

10．3．5 项目10-1：开发Web窗体 343

10．4 小测验 345

第11章 测试和发布 347

11．1 过程 348

11．1．1 测试 348

11．1．2 上载到发布服务器 349

11．2 修改文档 355

11．2．1 创建一个式样指南 356

11．2．2 查阅站点日志 356

11．3 维护和升级 359

11．4 将上述内容结合在一起 362

11．4．1 代码开发状态 363

11．4．2 项目11-1：练习测试和发布 369

11．5 小测验 370

附录A 小测验答案 373

附录B HTML4参照表 381

附录C 特殊字符 393

附录D 级联样式单参考 395