网页设计与制作案例教程PDF电子书下载

第1章 网站的设计与制作概述 1

1.1网站的类型 2

1.1.1门户网站 2

1.1.2媒体信息服务类网站 3

1.1.3电子商务网站 3

1.1.4办公事务管理网站 4

1.1.5商务事务管理网站 5

1.1.6普及型网站 6

1.2基本概念 7

1.3网站的开发流程 8

1.4网页的制作工具 9

1.4.1网页编辑工具 9

1.4.2网页图像制作工具 9

1.4.3网页动画制作工具 10

第2章 网站规划 12

2.1关于网站规划 13

2.2网站规划的基本原则 13

2.2.1整体性和统一性原则 13

2.2.2实用性和便捷性原则 13

2.2.3可靠性和安全性原则 14

2.2.4美观性和协调性原则 14

2.3网站规划的主要内容 14

2.3.1网站的需求分析 14

2.3.2确定网站的主题 14

2.3.3确定网站的风格 14

2.3.4规划网站的结构 15

2.4网站规划说明书 17

2.5创建站点 18

2.5.1认识Dreamweaver 18

2.5.2创建案例站点 19

2.5.3规划网站目录结构的策略 22

第3章 网页版式的设计 24

3.1关于页面版式 25

3.2设计主页的版面 25

3.2.1主页中的页面元素 26

3.2.2规划主页的结构 28

3.2.3布局页面版式 32

3.2.4网页版式设计的策略 34

3.3设计导航页的版面 35

3.3.1导航页的页面元素 36

3.3.2规划导航页的结构 37

3.3.3布局导航页的版式 37

3.3.4导航栏的设计 38

3.4设计链接页的版面 40

3.4.1链接页中的页面元素 41

3.4.2规划链接页的结构 42

3.4.3布局链接页的版式 42

3.4.4链接页的设计策略 43

3.5用Fireworks创建网页模型 43

3.5.1认识Fireworks 44

3.5.2创建链接页的页面模型 45

3.5.3创建导航页的页面模型 51

3.5.4创建主页页面模型 55

3.5.5制作和使用网页模板 58

第4章 网页素材准备 63

4.1关于网页素材 64

4.2制作网页中的图像 66

4.2.1认识Photoshop CS3 66

4.2.2制作网站Logo 67

4.2.3制作导航栏按钮图像 70

4.3制作网页中的动画 73

4.3.1认识Ulead GIF Animator 74

4.3.2制作GIF动画 74

4.3.3优化GIF动画 78

4.4制作Flash网页素材 79

4.4.1认识Flash CS3 79

4.4.2制作Flash相册 80

4.4.3制作Flash导航菜单 88

4.4.4转换Flash视频文件FLV 94

第5章 网页结构的设计与实现 98

5.1关于XHTML 99

5.2创建网页的基本结构 100

5.2.1 XHTML语言基础 100

5.2.2创建XHTML网页 101

5.2.3设置网页文档头部 105

5.2.4设置网页的主体 109

5.2.5设置网页的其他头部信息 114

5.3创建页面框架结构 116

5.3.1关于框架 116

5.3.2创建框架集 117

5.3.3设置框架集的属性 120

5.3.4设置框架属性 122

5.3.5编辑框架中的内容 124

5.3.6浮动框架 126

5.4用表格布局网页的结构 129

5.4.1关于表格 129

5.4.2插入表格 129

5.4.3设置表格的属性 131

5.4.4设置行、列和单元格的属性 134

5.4.5表格的嵌套 136

5.4.6导入和导出表格数据 137

5.5编辑网页的内容 141

5.5.1插入文本 142

5.5.2插入图像 148

5.5.3插入声音、视频和字幕 150

5.5.4插入Flash动画 154

5.5.5插入Flash视频 158

5.5.6插入图像占位符 159

5.6创建超级链接和导航结构 161

5.6.1关于超链接和链接路径 162

5.6.2链接的种类 163

5.6.3创建链接的方法 165

5.6.4创建锚点链接 168

5.6.5创建图像映射链接 169

5.6.6设置框架链接 172

5.6.7检查和修改链接 172

5.6.8插入导航条 173

5.7创建留言页的表单结构 174

5.7.1关于表单 175

5.7.2布局页面 175

5.7.3插入表单域 178

5.7.4插入文本域 181

5.7.5插入单选按钮 184

5.7.6插入复选框 185

5.7.7插入按钮 187

5.7.8插入列表／菜单 188

5.7.9插入单选按钮组、密码域、图像域、标签和字段集 191

第6章 网页表现的设计与实现 199

6.1关于CSS 200

6.2 CSS的基本结构 201

6.2.1外部样式文件 201

6.2.2内嵌的样式单 204

6.2.3内联样式 205

6.2.4使用多个外部CSS文件 206

6.2.5 CSS的优先级 206

6.3定义文本的样式 206

6.3.1关于CSS规则中的单位（一） 207

6.3.2定义字体样式 208

6.3.3定义文本样式 211

6.3.4修改文本样式 213

6.3.5定义列表样式 214

6.3.6使用定义的文本样式 216

6.4美化环境的样式 217

6.4.1关于CSS规则中的单位（二） 218

6.4.2定义网页的背景样式 219

6.4.3定义表格的背景样式 222

6.4.4定义区域的背景样式 223

6.4.5使用定义的背景样式 224

6.4.6定义锚伪类样式 225

6.5规划区域的样式 227

6.5.1关于CSS的Box模型 228

6.5.2定义网页的边界样式 228

6.5.3改变段落间距的样式 229

6.5.4定义表格的边框样式 231

6.5.5定义区域的补白填充样式 232

6.5.6使用定义的样式 234

6.6布局页面的样式 235

6.6.1关于页面布局 236

6.6.2定义网页的块级结构 236

6.6.3设置栏目的标题 238

6.6.4设定区域的样式 238

6.6.5编辑区域中的内容 241

6.6.6常用的网页布局 243

6.7布局下拉菜单的界面 256

6.7.1布局菜单栏面板 257

6.7.2布局菜单项面板 260

6.7.3隐藏和显示菜单项 262

6.7.4设置菜单和菜单项上的鼠标样式 262

6.7.5定义CSS滤镜 264

第7章 网页的行为设计与实现 268

7.1关于JavaScript 269

7.2图像的Flash幻灯特效 270

7.2.1实现图像的Flash幻灯特效 271

7.2.2创建交换图像特效 274

7.2.3 JavaScript基础知识（一） 276

7.2.4解读插入Flash动画和Flash视频的JavaScript脚本 280

7.3图像不间断地滚动特效 284

7.3.1图像不间断地自左向右滚动特效 284

7.3.2使用对象实现图像不间断滚动特效 288

7.3.3 JavaScript基础知识（二） 291

7.4 显示当前时间 298

7.4.1工作着的时钟 298

7.4.2在网页上插入日期 301

7.4.3 JavaScript的内置对象 301

7.4.4随机生成的验证码 305

7.5关闭浏览器窗口 307

7.5.1关闭浏览器窗口 308

7.5.2替代浏览器中的当前页面 309

7.5.3 JavaScript的DOM对象 310

7.5.4返回上次浏览的页面 314

7.6下拉菜单控制 316

7.6.1关于下拉菜单交互设计 316

7.6.2下拉菜单控制 317

7.6.3利用Spry技术快速创建下拉菜单 322

7.6.4 JavaScript的对象事件及事件处理机制 324

7.6.5友情链接中的下拉菜单选择 328

7.7表单检查与验证 331

7.7.1实现表单检查与验证 332

7.7.2 Dreamweaver检查表单的行为 337

7.7.3表单对象与交互性 339

7.7.4下拉列表项的选择 344

第8章 网站的测试、发布和维护 349

8.1网站发布的基本概念 350

8.2网站的测试 351

8.2.1网站测试的内容 351

8.2.2测试过程 351

8.2.3提高网页浏览速度的策略 353

8.3网站的发布 353

8.3.1 Internet上的空间 353

8.3.2发布前准备 354

8.3.3发布网站 356

8.3.4域名的申请与使用 359

8.4网站的维护 362

8.4.1网站的维护内容 362

8.4.2站点推广的方法 362

参考文献 366