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

第1章 网页设计制作概述 1

1.1网页、网站的概念 1

1.1.1网页、网站和主页 1

1.1.2静态网页和动态网页 1

1.2 Web标准 2

1.2.1 Web标准的概念 2

1.2.2建立Web标准的目的 3

1.2.3采用Web标准的优点 4

1.3网站的规划与设计 4

1.4网站开发工作流程 5

1.4.1规划站点 5

1.4.2设置开发环境 6

1.4.3规划页面设计和布局 6

1.4.4创建内容资源 7

1.4.5组合、测试和部署 7

1.4.6维护和更新站点 8

1.4.7案例：规划曙光大学网站 8

1.5网站策划书撰写要点 9

1.6常用网页制作软件 11

1.6.1网页制作工具 11

1.6.2网页图形图像处理工具 12

1.6.3网页动画制作与特效工具 13

1.6.4网页上传工具 13

1.6.5网页设计工具的发展动向 14

1.7实训：规划爱家美食网站 15

1.8习题 15

第2章 网页版面设计基础 16

2.1网页基础知识 16

2.1.1虚拟界面 16

2.1.2网页界面的特点 16

2.1.3网页的功能 18

2.2网页版面设计 20

2.2.1版面编排原则 20

2.2.2网页排版布局的一般步骤 21

2.2.3版面典型风格 21

2.2.4网页排版布局的常用技术 23

2.2.5色彩搭配 23

2.2.6设计规则 24

2.2.7设计误区 27

2.2.8案例：设计曙光大学网站首页版面 28

2.3实训：设计爱家美食网站首页版面 30

2.4习题 30

第3章 用Dreamweaver CS4创建基本网页 32

3.1 Dreamweaver CS4入门 32

3.1.1 Dreamweaver CS4工作环境 32

3.1.2 Dreamweaver CS4的参数设置 37

3.2制作简单网页 39

3.2.1创建网站站点 39

3.2.2新建与保存网页 42

3.2.3页面属性设置 45

3.2.4网页的基本排版 46

3.2.5插入图像 48

3.2.6 案例1：创建曙光大学网站“学校概况”页面 50

3.3制作图文并茂网页 53

3.3.1图文混排 53

3.3.2案例2：设计曙光大学网站“校园风采”页面 54

3.4网页结构语言XHTML 56

3.4.1 XHTML简介 57

3.4.2 XHTML文档的基木结构 57

3.4.3使用Drearnweaver CS4的代码视图查看XHTML文档 59

3.4.4案例3：了解曙光大学网站“校园风采”网页代码 59

3.5实训 61

3.5.1实训1：制作爱家美食网站“白云豆烧牛肉”页面 61

3.5.2实训2：制作爱家美食网站“美食推荐”页面 61

3.6习题 64

第4章 超链接 65

4.1超链接的基本概念 65

4.2创建内部超链接 66

4.2.1内部超链接的形式 66

4.2.2创建文字超链接 66

4.2.3创建图片超链接 67

4.2.4案例：制作曙光大学网站“招生信息”栏目 68

4.3创建其他类型超链接 73

4.3.1外部链接 73

4.3.2 E-mail超链接 73

4.3.3锚点超链接 74

4.3.4下载链接 75

4.4实训 75

4.4.1实训1：制作爱家美食网站“食尚前沿”系列页面 75

4.4.2实训2：制作爱家美食网站“美味靓汤”系列页面 79

4.5习题 80

第5章 表格 81

5.1表格基本操作 81

5.1.1创建表格 81

5.1.2设置表格属性 82

5.1.3表格的基本操作 83

5.1.4案例1：制作曙光大学网站“就业信息”网页 89

5.2 XHTML表格 93

5.2.1简单表格 93

5.2.2表格内文字的对齐方式 94

5.2.3表格在页面中的对齐方式 94

5.2.4表格的色彩和图像背景 94

5.2.5案例2：分析曙光大学网站“就业信息”栏目主页代码 95

5.3表格布局页面的综合应用 97

5.3.1制作网站首页的技术要点 97

5.3.2案例3：制作曙光大学网站首页 97

5.4实训 110

5.4.1实训1：制作爱家美食网站“美食图库”页面 110

5.4.2实训2：制作爱家美食网站首页 112

5.5习题 113

第6章 网页行为语言——JavaScript 115

6.1 JavaScript简介 115

6.1.1 JavaScript的特点 115

6.1.2在网页中插入JavaScript的方法及定义 115

6.2行为 116

6.2.1行为的基木概念 116

6.2.2“行为”面板 116

6.3页面对象行为 118

6.3.1利用“行为”面板设置弹出窗口页面 118

6.3.2利用“行为”面板设置弹出信息框 119

6.3.3案例1：制作曙光大学网站首页弹出窗口页面 119

6.4基于对象的JavaScript脚本语言 121

6.4.1对象及相关概念 122

6.4.2 DHTML对象模型简介 123

6.5对象事件 125

6.5.1对象事件的分类 125

6.5.2常用的事件及处理程序 126

6.6制作JavaScript特效 128

6.6.1案例2：制作曙光大学网站首页滚动的“友情链接”信息 128

6.6.2案例3：制作曙光大学网站首页循环滚动图片广告 130

6.6.3案例4：制作曙光大学网站首页幻灯切换广告 133

6.7实训 135

6.7.1实训1：制作爱家美食网站菜谱弹出信息框 135

6.7.2实训2：制作爱家美食网站首页幻灯切换广告 136

6.8习题 140

第7章 网页表现语言——CSS 142

7.1 CSS简介 142

7.1.1 CSS的特点和用途 142

7.1.2 CSS规则 143

7.1.3 CSS常用属性 143

7.2 “CSS样式”面板 149

7.2.1“正在”模式下的“CSS样式”面板 149

7.2.2“全部”模式下的“CSS样式”面板 149

7.2.3 “CSS样式”面板视图和按钮 149

7.3创建并使用内部样式表 150

7.3.1创建自定义样式 151

7.3.2创建仅应用于一个HTML元素的样式 152

7.3.3创建重定义HTML标签样式 152

7.3.4创建链接样式 153

7.3.5样式的应用 153

7.3.6案例1：制作曙光大学网站导航条菜单 154

7.4创建并使用外部CSS样式 159

7.4.1创建外部样式文件 160

7.4.2链接外部样式 160

7.4.3案例2：创建曙光大学网站样式 162

7.5实训 164

7.5.1实训1：制作爱家美食网站“奶茶评测”页面 164

7.5.2实训2：创建爱家美食网站样式 165

7.6习题 166

第8章 框架 167

8.1创建框架页 167

8.1.1框架类型和“框架”面板 167

8.1.2新建框架页 168

8.1.3保存框架页 171

8.2框架页面链接 171

8.2.1设置框架属性 171

8.2.2设置框架页面之间的链接 173

8.2.3案例：制作曙光大学网站“对外合作”页面 174

8.3实训：制作爱家美食网站“菜谱大全”页面 179

8.4习题 181

第9章 表单 183

9.1表单简介 183

9.1.1表单的基本概念 183

9.1.2表单对象 184

9.2常用表单对象设置 184

9.2.1表单 184

9.2.2文本域 185

9.2.3隐藏域 186

9.2.4复选框 187

9.2.5单选按钮 187

9.2.6列表／菜单 188

9.2.7跳转菜单 189

9.2.8图像域 190

9.2.9文件域 191

9.2.10按钮 191

9.2.11 Spry框架简介 193

9.2.12案例1：制作曙光大学网站“用户登录”界面 193

9.2.13案例2：制作曙光大学网站“用户注册”页面 197

9.3检查表单 203

9.3.1使用“检查表单”行为 203

9.3.2案例3：检查“用户注册”页面表单数据的合法性 204

9.4实训 205

9.4.1实训1：制作爱家美食网站“美食搜索”页面 205

9.4.2实训2：制作爱家美食网站“用户意见反馈”表单 207

9.5习题 207

第10章 模板与库 209

10.1模板 209

10.1.1模板的基本概念 209

10.1.2创建模板 209

10.2使用模板 213

10.2.1新建基于模板的网页 213

10.2.2案例1：制作曙光大学网站“教育创新”栏目模板 214

10.3库 219

10.3.1库的基本概念 219

10.3.2新建库项目 219

10.3.3编辑库项目 220

10.3.4案例2：创建曙光大学网站“版权信息”库项目 221

10.4使用库项目 222

10.4.1在页面中插入库项目 222

10.4.2设置库项目的属性 223

10.4.3案例3：将“版权信息”库项目插入到曙光大学网站页面中 223

10.5更新模板与库 224

10.5.1更新模板 224

10.5.2更新库 225

10.5.3案例4：更新曙光大学网站“教育创新”栏目模板 226

10.5.4案例5：更新曙光大学网站“版权信息”库项目 227

10.6实训 229

10.6.1实训1：创建爱家美食网站“食出健康”栏目模板 229

10.6.2实训2：创建与更新爱家美食网站Logo库项目 232

10.7习题 232

第11章多媒体对象 235

11.1多媒体对象的基本知识 235

11.1.1多媒体对象的格式 235

11.1.2案例1：为曙光大学网站“校园风采”网页添加背景音乐 236

11.1.3使用声音与视频 237

11.1.4案例2：制作曙光大学网站“MV音乐欣赏”页面 238

11.1.5插入Flash内容 242

11.1.6插入FlashPaper电子文档 243

11.1.7案例3：制作曙光大学网站“网页制作网上实训”页面 245

11.2实训 249

11.2.1实训1：制作爱家美食网站“美食在线”页面 249

11.2.2实训2：制作爱家美食网站“美食推荐”页面 251

11.3习题 252

第12章 使用Div布局页面 253

12.1 Div布局基础 253

12.1.1 Div布局页面的优点 253

12.1.2 Div标签 253

12.1.3案例：制作曙光大学网站“心理咨询”栏目的“曙光博客”页面 255

12.2实训 266

12.2.1实训1：制作爱家美食网站“美食美文”页面 266

12.2.2实训2：制作爱家美食网站“电影美食”页面 268

12.3习题 269

第13章 网站的整合与测试发布 271

13.1整合网站 271

13.2本地站点测试网站 271

13.2.1网站测试的参数 271

13.2.2案例：测试曙光大学网站 272

13.3网站的发布 277

13.3.1设置远程站点 277

13.3.2连接服务器 278

13.3.3文件的上传和下载 278

13.4实训 279

13.4.1实训1：测试爱家美食网站 279

13.4.2实训2：发布爱家美食网站 280

13.5习题 280