网页设计制作基础与应用PDF电子书下载

第一部分　基础篇 3

第1章　网站设计基础 3

1.1　网站相关知识 3

1.1.1 网站分类 3

1.1.2 网页、主页与网站 4

1.1.3　网页主要元素 4

1.2　网站建设 5

1.2.1　建立网站的流程 5

1.2.2　网站设计的原则 8

1.2.3　网站设计的技巧 10

1.2.4　网页版面布局 13

1.2.5　网页色彩搭配 19

思考练习与上机实训 20

第2章 网页制作三剑客 21

2.1　三剑客简介 21

2.2 Adobe Dreamweaver CS3的工作界面 22

2.2.1　工作区布局 22

2.2.2　插入栏 23

2.2.3　文档窗口 25

2.2.4　文档工具栏 26

2.2.5　状态栏 26

2.2.6　属性面板 27

2.2.7　面板组 27

思考练习与上机实训 29

第二部分　应用篇 33

第3章　“北京欢迎您”网站规划与设计 33

3.1　项目1：“北京欢迎您”网站初期规划 33

3.1.1 网站的主题和内容 33

3.1.2 网站的风格、色彩和布局 34

3.1.3　创建网站结构并绘制网页效果图 34

3.2　项目2：用Fireworks制作网站Logo 35

3.2.1　项目描述 35

3.2.2　我试身手 35

3.3 项目3：用Fireworks和Flash制作网站Banner 37

3.3.1　项目描述 37

3.3.2　我试身手 38

3.4　项目4：用Fireworks制作网站栏目“北京2008”的Banner 43

3.4.1　项目描述 43

3.4.2　我试身手 43

3.5　项目5：用Fireworks制作网站导航栏背景图 45

3.5.1　项目描述 45

3.5.2　我试身手 46

3.6　项目6：用Fireworks制作网站的背景图 46

3.6.1　项目描述 46

3.6.2　我试身手 46

3.7　项目7：用Fireworks制作网站的子栏目图标 47

3.7.1　项目描述 47

3.7.2　我试身手 47

3.8　项目8：用Fireworks制作网站中用到的图像 49

3.8.1　项目描述 49

3.8.2　我试身手 49

3.9　项目9：用Fireworks制作网站“留言板”的标题图像 52

3.9.1　项目描述 52

3.9.2　我试身手 52

3.10　项目10：在Dreamweaver中定义“北京欢迎您”站点并创建首页 53

3.10.1　项目描述 53

3.10.2　我试身手 54

3.10.3　知识解析 62

3.10.4　拓展训练：规划、创建一个班级网站，制作首页 66

思考练习与上机实训 67

第4章 网页文本的应用 68

4.1 项目11：制作栏目“关于北京”网页和子栏目“市花市树”网页 68

4.1.1　项目描述 69

4.1.2　我试身手 69

4.1.3　知识解析 77

4.1.4 拓展训练：在Dreamweaver中制作子栏目“北京概况”、“自然环境”、“历史溯源”网页 86

4.2 项目12：为“市花市树”网页设置固定背景图像和文本段落行高——应用CSS样式 88

4.2.1　项目描述 88

4.2.2　我试身手 89

4.2.3　知识解析 92

4.2.4　拓展训练：为“北京欢迎您”网站中的网页设置活动的超级链接 99

思考练习与上机实训 102

第5章 网页图像的应用 104

5.1　项目13：北京之春风光欣赏——创建网站相册 104

5.1.1　项目描述 104

5.1.2　我试身手 105

5.1.3　知识解析 108

5.1.4　拓展训练：继续完善“北京风光”栏目 108

5.2　项目14：制作栏目“北京风光”网页 110

5.2.1　项目描述 110

5.2.2　我试身手 111

5.2.3　知识解析 113

5.2.4　拓展训练：制作栏目“名胜古迹”网页 121

思考练习与上机实训 123

第6章　表格和布局表格的应用 124

6.1　项目15：制作子栏目“山水园林”之“北海公园”网页 124

6.1.1　项目描述 125

6.1.2　我试身手 125

6.1.3　知识解析 128

6.1.4　拓展训练：应用表格布局，制作子栏目“山水园林”、“古建遗址”的其他网页 135

6.2　项目16：应用布局表格布局制作子栏目“民俗风情”网页 137

6.2.1　项目描述 137

6.2.2　我试身手 138

6.2.3　知识解析 141

6.2.4 拓展训练：应用布局表格布局，制作“民俗风情”的各个子栏目网页 145

思考练习与上机实训 148

第7章　AP元素和框架的应用 149

7.1 项目17：应用AP元素布局制作栏目“美食小吃”的子栏目“特色名菜”网页 149

7.1.1　项目描述 150

7.1.2　我试身手 150

7.1.3　知识解析 152

7.1.4 拓展训练：应用AP元素布局制作栏目“美食小吃”的子栏目“京味小吃”、“异国风味”网页 157

7.2　项目18：应用框架布局制作栏目“美食小吃”网页 158

7.2.1　项目描述 159

7.2.2　我试身手 160

7.2.3　知识解析 165

7.2.4　拓展训练：修改框架结构，完善栏目“美食小吃”网页 168

思考练习与上机实训 170

第8章　库项目和模板的应用 172

8.1 项目19：应用库项目制作栏目“北京2008”网页 172

8.1.1　项目描述 173

8.1.2　我试身手 174

8.1.3　知识解析 180

8.1.4 拓展训练：应用库项目制作栏目“留言板”网页的布局结构 181

8.2　项目20：应用模板制作栏目“北京2008”的子栏目网页 182

8.2.1　项目描述 183

8.2.2　我试身手 184

8.2.3　知识解析 190

8.2.4　拓展训练：制作“留言板”模板 198

思考练习与上机实训 199

第9章　行为和时间轴的应用 200

9.1　项目21：制作拼图游戏网页“美丽的北京”——拖动AP元素 200

9.1.1　项目描述 200

9.1.2　我试身手 201

9.1.3　知识解析 205

9.2　项目22：设置首页浏览器状态栏中的文本信息——设置状态栏文本 207

9.2.1　项目描述 208

9.2.2　我试身手 209

9.3　项目23：设置栏目“名胜古迹”网页在浏览器中打开或离开此页面时的弹出信息 210

9.3.1　项目描述 210

9.3.2　我试身手 210

9.4　项目24：四季风光欣赏——设置容器的文本 212

9.4.1　项目描述 212

9.4.2　我试身手 212

9.5　项目25：北京欢迎您——打开浏览器窗口 217

9.5.1　项目描述 217

9.5.2　我试身手 218

9.6　项目26：北京之花——交换图像 220

9.6.1　项目描述 220

9.6.2　我试身手 221

9.7　项目27：北京2008年奥运会专用色彩——显示-隐藏元素 224

9.7.1　项目描述 225

9.7.2　我试身手 225

9.8　项目28：志愿者的微笑——检查插件 229

9.8.1　项目描述 229

9.8.2　我试身手 231

9.9　项目29：摄影欣赏——转到URL 238

9.9.1　项目描述 238

9.9.2　我试身手 239

9.10　项目30：飘动的广告 243

9.10.1　项目描述 243

9.10.2　我试身手 243

9.10.3　知识解析 247

9.11　项目31：修改“飘动的广告” 250

9.11.1　项目描述 250

9.11.2　我试身手 250

9.12　项目32：制作“形象景观”网页 252

9.12.1　项目描述 253

9.12.2　我试身手 253

思考练习与上机实训 256

第10章　表单的应用 257

10.1　项目33：应用表单制作“留言板”系统的“发表留言”网页 257

10.1.1　项目描述 257

10.1.2　我试身手 258

10.1.3　知识解析 264

10.1.4　拓展训练：应用表单制作“留言板”系统的“管理员登录”网页 270

10.2　项目34：验证“发表留言”网页的表单内容 271

10.2.1　项目描述 271

10.2.2　我试身手 272

10.2.3　知识解析 273

10.2.4　拓展训练：验证“管理员登录”网页的表单内容 274

思考练习与上机实训 274

第11章　创建动态网站 275

11.1 项目35：应用表单和动态技术制作“北京欢迎您”网站的“留言板”系统 275

11.1.1　项目描述 275

11.1.2　知识解析 325

11.2 项目36：完善“北京欢迎您”网站 338

11.2.1　项目描述 339

11.2.2　我试身手 339

11.3　项目37：为“北京欢迎您”网站创建非DSN（DSN-less）连接 342

11.3.1　项目描述 342

11.3.2　我试身手 342

思考练习与上机实训 344

第三部分　提高篇第12章　发布与推广网站 349

12.1　项目38：发布“北京欢迎您”网站到Internet上 349

12.1.1　项目描述 350

12.1.2　我试身手 350

12.1.3　知识解析 357

12.2　项目39：推广“北京欢迎您”网站 359

12.2.1　项目描述 359

12.2.2　我试身手 359

12.2.3　知识解析 360

思考练习与上机实训 362

第13章　精彩网站赏析 363

13.1　精彩个人网站赏析 363

13.2　精彩学校网站赏析 366

13.3　精彩公司宣传网站赏析 370

13.4　精彩小型商务网站赏析 372

13.5　精彩大型企业网站赏析 376

思考练习 379

第14章　课业设计 380

14.1　网站建设项目计划书 380

14.2　课业设计要求 383

14.3　课业设计评价标准 384

思考练习与上机实训 385

参考文献 386