网页制作与网站建设课堂实录PDF电子书下载

第1课 网页设计与布局基础 1

1.1预备知识 2

1.2如何设计网页 4

1.2.1网页设计的任务 4

1.2.2网页设计的实现 5

1.2.3网页设计的基本原则 5

1.3常用网页设计软件 7

1.4网页版面布局设计 8

1.4.1网页版面布局原则 8

1.4.2点、线、面的构成 9

1.5网页布局方法 10

1.5.1纸上布局法 10

1.5.2软件布局法 10

1.6常见的版面布局形式 11

1.6.1“国”字型布局 11

1.6.2“厂”字型布局 12

1.6.3“框架”型布局 12

1.6.4“封面”型布局 12

1.6.5Flash型布局 13

1.7课后习题 13

1.7.1选择题 13

1.7.2填空题 14

1.7.3问答题 14

第2课 合理搭配网页的色彩 15

2.1网页配色原理 16

2.1.1色彩的产生 16

2.1.2色彩的三要素 16

2.2色彩与网页表现 17

2.3网页色彩搭配 21

2.3.1网页色彩搭配原理 21

2.3.2网页色彩搭配技巧 22

2.3.3网页色彩选择标准 22

2.3.4常见的几种网页配色方案 23

2.4课后习题 24

2.4.1选择题 24

2.4.2填空题 25

2.4.3问答题 25

第3课 网页图像处理软件Photoshop CS3基础 26

3.1熟悉Photoshop CS3的工作界面 27

3.2调整图像 32

3.2.1调整图像大小 32

3.2.2调整画布大小 34

3.3调整图像的色彩 35

3.3.1使用“色阶”命令 35

3.3.2使用“曲线”命令 36

3.3.3使用“色彩平衡”命令 37

3.3.4使用“亮度／对比度”命令 38

3.3.5使用“色相／饱和度”命令 39

3.4设置前景色和背景色 40

3.4.1使用“拾色器”对话框 41

3.4.2使用“吸管”工具 41

3.5选择操作区域 42

3.5.1选择规则选区 42

3.5.2选择不规则选区 43

3.6图层的基本操作 45

3.6.1添加图层 45

3.6.2删除图层 47

3.6.3合并图层 47

3.6.4设置图层样式 47

3.7课堂练习——创建简单的网页图像 53

3.8高手支招 55

3.9课后习题 55

3.9.1选择题 55

3.9.2填空题 56

3.9.3操作题 56

第4课 设计丰富多彩的网页特效文字 57

4.1使用“文字”工具 58

4.1.1输入文字 58

4.1.2设置文字属性 59

4.1.3文字的变形 61

4.2设计常见的网页特效文字 62

课堂练习1——发光文字 62

课堂练习2——渐变文字 65

课堂练习3——水晶文字 66

课堂练习4——描边文字 68

课堂练习5——立体字 69

课堂练习6——火焰文字 70

4.3高手支招 73

4.4课后习题 75

4.4.1选择题 75

4.4.2填空题 75

4.4.3操作题 75

第5课 设计网页按钮、导航栏和Logo 77

5.1设计常见的网页按钮 78

课堂练习1——制作圆角按钮 78

课堂练习2——制作发光按钮 80

课堂练习3——制作水晶按钮 83

5.2制作导航栏 85

课堂练习4——制作丰富多彩的导航栏 85

课堂练习5——设计Banner实例 86

5.3网站Logo设计 89

课堂练习6——Logo设计 89

5.4高手支招 91

5.5课后习题 93

5.5.1选择题 93

5.5.2填空题 93

5.5.3操作题 93

第6课 网站动画设计软件Flash CS3基础 94

6.1Flash CS3的工作环境简介 95

6.1.1菜单栏 95

6.1.2工具箱 96

6.1.3“时间轴”面板 97

6.1.4舞台 97

6.1.5“属性”面板 97

6.1.6面板组 98

6.2创建各种类型的Flash动画 98

课堂练习1——创建逐帧动画 98

课堂练习2——创建动画补间动画 102

课堂练习3——创建形状补间动画 103

课堂练习4——创建引导层动画 105

课堂练习5——创建遮罩层动画 108

6.3高手支招 110

6.4课后习题 111

6.4.1选择题 111

6.4.2填空题 112

6.4.3操作题 112

第7课 设计网站中常见的Flash动画 114

7.1设计网站Flash动画广告 115

7.1.1网站广告设计基本原则 115

7.1.2网站广告的类型 116

7.2设计网站动画实例 117

课堂练习1——设计Banner广告 117

课堂练习2——设计声音动画 120

课堂练习3——创建导航按钮 122

7.3高手支招 125

7.4课后习题 128

7.4.1选择题 128

7.4.2填空题 128

7.4.3操作题 128

第8课 使用DreamweaverCS3创建基本网页 129

8.1DreamweaverCS3简述 130

8.2熟悉DreamweaverCS3的工作环境 130

8.2.1菜单栏 130

8.2.2插入栏 132

8.2.3浮动面板组 132

8.2.4“属性”面板 132

8.2.5文档窗口 133

8.3创建和管理站点 133

8.3.1创建本地站点 134

8.3.2管理本地站点 135

8.4插入和设置文本属性 136

8.4.1插入普通文本 136

8.4.2设置文本属性 137

8.5创建各种类型的超级链接 140

8.5.1创建下载文件的超级链接 140

8.5.2创建电子邮件超级链接 141

8.5.3创建图像热区链接 142

8.5.4创建锚点链接 144

8.6插入文件头部内容 145

8.6.1插入META信息 145

8.6.2设置基础 145

8.6.3插入关键字 146

8.6.4插入说明文字 146

8.6.5设置刷新 147

8.7课堂练习 147

课堂练习1——创建本地站点 147

课堂练习2——创建基本文本网页 148

8.8高手支招 149

8.9课后习题 151

8.9.1选择题 151

8.9.2填空题 152

8.9.3操作题 152

第9课 使用图像和多媒体创建丰富多彩的网页 154

9.1在网页中插入图像 155

9.1.1插入图像 155

9.1.2设置图像属性 156

9.2在Dreamweaver中编辑图像 158

9.2.1裁剪图像 158

9.2.2调整图像的亮度和对比度 160

9.2.3锐化图像 161

9.3插入其他网页图像 162

9.3.1插入图像占位符 162

9.3.2插入鼠标经过图像 163

9.4插入丰富多彩的媒体 165

9.4.1插入Flash动画 165

9.4.2插入Flash按钮对象 166

9.4.3插入Flash文本对象 168

9.4.4插入JavaApplet 169

9.4.5添加背景音乐 170

9.5课堂练习 172

课堂练习1——创建图文混排网页 172

课堂练习2——创建翻书图像效果 174

9.6高手支招 175

9.7课后习题 177

9.7.1选择题 177

9.7.2填空题 177

9.7.3操作题 177

第10课 使用表格排版布局网页 178

10.1在网页中插入表格 179

10.1.1插入表格 179

10.1.2设置表格属性 180

10.2选择表格元素 181

10.2.1选择表格 181

10.2.2选择行或列 182

10.2.3选择单元格 182

10.3表格的基本操作 183

10.3.1添加或删除行或列 183

10.3.2拆分单元格 184

10.3.3合并单元格 184

10.4排序及整理表格内容 185

10.4.1导入表格式数据 185

10.4.2排序表格 186

10.5课堂练习 188

课堂练习1——制作细线表格 188

课堂练习2——制作圆角表格 189

课堂练习3——利用表格布局网页 191

10.6高手支招 196

10.7课后习题 197

10.7.1选择题 197

10.7.2填空题 197

10.7.3操作题 198

第11课 使用APDiv和框架布局网页 199

11.1使用APDiv 200

11.1.1关于“AP元素”面板 200

11.1.2插入APDiv 200

11.1.3选择APDiv 202

11.1.4调整APDiv的大小 204

11.2Spry布局的使用 205

11.2.1Spry菜单栏 205

11.2.2Spry选项卡式面板 206

11.2.3使用Spry折叠式 206

11.3创建框架网页 207

11.3.1创建框架集 207

11.3.2保存框架和框架集文件 208

11.3.3在顶部框架中添加内容 209

11.3.4在底部框架中添加内容 210

11.4课堂练习 212

课堂练习1——创建网页下拉菜单 212

课堂练习2——创建浮动框架网页 214

11.5高手支招 216

11.6课后习题 217

11.6.1选择题 217

11.6.2填空题 218

11.6.3操作题 218

第12课 使用模板和库批量制作网页 219

12.1创建模板 220

12.1.1新建模板 220

12.1.2从现有文档创建模板 221

12.2创建可编辑区域 222

12.2.1插入可编辑区域 222

12.2.2删除可编辑区域 223

12.3应用模板创建网页 223

12.4创建与应用库项目 227

12.4.1创建库项目 227

12.4.2应用库项目 229

12.5课堂练习 230

课堂练习1——创建模板 230

课堂练习2——利用模板创建网页 235

12.6高手支招 236

12.7课后习题 237

12.7.1选择题 237

12.7.2填空题 238

12.7.3操作题 238

第13课 利用行为和脚本制作动感特效网页 239

13.1行为概述 240

13.1.1认识事件 240

13.1.2动作类型 241

13.1.3行为的添加 242

13.2使用Dreamweaver的内置行为 242

13.2.1播放声音 243

13.2.2设置状态栏文本 244

13.2.3转到URL 245

13.2.4打开浏览器窗口 247

13.2.5弹出信息 249

13.2.6跳转菜单 251

13.2.7创建导航栏图像 253

13.2.8调用JavaScript 256

13.2.9检查表单 257

13.3利用JavaScript脚本制作特效网页 258

13.3.1制作滚动公告网页 259

13.3.2图像淡出淡隐效果 260

13.3.3禁止下载网页图像 261

13.4高手支招 263

13.5课后习题 264

13.5.1选择题 264

13.5.2填空题 264

13.5.3操作题 264

第14课 使用CSS样式美化和布局网页 266

14.1CSS简介 267

14.2CSS的使用 268

14.2.1CSS的基本语法 268

14.2.2添加CSS的方法 268

14.3CSS样式表的创建 269

14.3.1建立标签样式 270

14.3.2建立类样式 271

14.3.3建立自定义高级样式 271

14.4设置CSS的属性 271

14.4.1设置文本属性 272

14.4.2设置背景属性 273

14.4.3设置段落属性 273

14.4.4设置边距与填充属性 274

14.4.5设置边框属性 275

14.4.6设置定位属性 276

14.4.7设置列表属性 277

14.4.8设置滤镜属性 277

14.5在Dreamweaver中使用CSS样式表 278

14.5.1创建嵌入式CSS 278

14.5.2链接外部现有CSS样式文件 280

14.6课堂练习 281

课堂练习1——利用CSS控制字体大小和行距 281

课堂练习2——利用CSS给文字添加边框 283

课堂练习3——应用CSS样式制作阴影图像 284

14.7高手支招 285

14.8课后习题 288

14.8.1选择题 288

14.8.2填空题 288

14.8.3操作题 288

第15课 设计动态交互式网页 290

15.1插入表单对象 291

15.1.1插入表单域 291

15.1.2插入文本域 292

15.1.3插入复选框和单选按钮 293

15.1.4插入列表和菜单 294

15.1.5插入文件域和图像域 294

15.2搭建动态网页服务器平台 296

15.2.1IIS的安装 296

15.2.2设置IIS服务器 297

15.3编辑数据表记录 300

15.3.1查询并显示记录 300

15.3.2插入记录 301

15.3.3更新记录 302

15.3.4删除记录 303

15.4添加服务器行为 303

15.4.1插入重复区域 304

15.4.2插入显示区域 304

15.4.3记录集分页 305

15.4.4转到详细页面 305

15.4.5转到相关页面 306

15.4.6用户身份验证 307

15.5课堂练习——制作新闻发布系统 309

15.5.1主要功能页面 309

15.5.2设计数据库 312

15.5.3创建数据库连接 312

15.5.4后台登录页面 313

15.5.5新闻管理总页面 316

15.5.6修改新闻页面 319

15.5.7删除新闻页面 320

15.5.8添加新闻页面 322

15.5.9新闻列表页面 324

15.5.10新闻详细内容页面 327

15.6高手支招 328

15.7课后习题 330

15.7.1选择题 330

15.7.2填空题 330

15.7.3操作题 330

第16课 网站的发布维护与推广 331

16.1站点的测试 332

16.1.1检查断掉的链接 332

16.1.2检查外部链接 332

16.1.3检查孤立文件 333

16.2利用Dreamweaver上传网页 333

16.3网站维护 334

16.4网页维护 335

16.5网站的宣传与推广 336

16.5.1注册到搜索引擎 336

16.5.2导航网站登录 336

16.5.3友情链接 337

16.5.4网络广告 337

16.5.5邮件群发 337

16.5.6发布信息推广 338

16.5.7传统媒体广告 338

16.6课后习题 339

16.6.1选择题 339

16.6.2填空题 339

第17课 网站建设基础 340

17.1网站建设规范 341

17.1.1组建开发团队规范 341

17.1.2开发工具规范 341

17.1.3超链接规范 342

17.1.4文件夹和文件命名规范 342

17.1.5代码设计规范 343

17.2网站建设的基本流程 343

17.2.1网站整体规划 344

17.2.2确定目标浏览者 344

17.2.3确定站点风格 345

17.2.4收集资源 345

17.2.5设计网页图像 346

17.2.6制作网页 347

17.2.7开发动态网站模块 347

17.2.8申请域名和空间 349

17.2.9测试与发布上传 349

17.2.10网站的推广 350

17.3课后习题 350

17.3.1选择题 350

17.3.2填空题 350

第18课 企业网站建设综合实例 351

18.1企业网站设计特点 352

18.1.1功能规划 352

18.1.2创意分析 354

18.1.3色彩搭配 354

18.2设计网站首页 355

18.2.1首页的设计 355

18.2.2切割首页 359

18.3创建本地站点 360

18.4设计二级模板页面 362

18.4.1创建库文件 362

18.4.2创建模板 363

18.4.3利用模板创建二级页面 368

18.5高手支招 370

18.6课后习题 371

18.6.1填空题 371

18.6.2操作题 371