网页设计与网站开发基础教程

第1章网页设计与网站开发基础1

1.1网络基础知识1

1.1.1互联网历史1

1.1.2HTML语言2

1.1.3Web空间和虚拟主机技术3

1.1.4IP地址和Internet域名5

1.1.5统一资源定位器（URL）6

1.1.6服务器与客户机7

1.1.7TCP/IP协议7

1.1.8文件传输协议（FTP）8

1.1.9互联网的应用8

1.2网页平面设计基础10

1.2.1平面构成三要素10

1.2.2网页布局构图15

1.2.3网页设计色彩基础15

1.2.4图形图像基础知识19

1.3DreamweaverMX2004.FireworksMX2004和FlashMX2004的主要功能和新特性22

1.3.1DreamweaverMX2004的主要功能和新特性22

1.3.2FireworksMX2004的主要功能和新特性23

1.3.3FlashMX2004的主要功能和新特性24

第2章HTML基础26

2.1HTML简介26

2.1.1什么是HTML26

2.1.2HTML的优点27

2.1.3HTML的局限性27

2.1.4一个简单的HTML实例27

2.2文本及版面风格控制28

2.2.1文本控制28

2.2.2基本结构29

2.2.3页面布局与文字设计30

2.3在网页中建立超链接35

2.3.1超链接标记符35

2.3.2创建超链接35

2.4在网页中使用图片36

2.4.1插入图片36

2.4.2图片布局36

2.5表格编辑38

2.5.1创建表格38

2.5.2设置表格属性40

2.5.3合并表格单元41

2.6创建框架41

2.7创建表单42

2.7.1表单概述42

2.7.2表单标签43

2.7.3表单域43

2.8列表45

2.8.1无序号列表45

2.8.2序号列表46

2.8.3定义性列表46

2.9样式表（CSS）简介46

2.9.1CSS的定义46

2.9.2一个简单的CSS实例47

2.9.3将样式加入网页中48

2.9.4HTMLSelector49

2.9.5ClassSelector49

2.9.6字体属性50

第3章JavaScript在网页中的应用51

3.1JavaScript简介51

3.1.1JavaScript的概念51

3.1.2JavaScript的运行环境52

3.1.3在HTML文档中引入JavaScript程序53

3.2JavaScript的数据类型.常量.变量和运算符54

3.2.1JavaScript的数据类型54

3.2.2常量54

3.2.3变量54

3.2.4表达式和运算符55

3.3JavaScript语句56

3.3.1选择语句if...else和switch56

3.3.2循环语句for.for...in.while.break和continue57

3.4对象.方法.属性和事件57

3.5内置对象59

3.5.1Boolean.Number.String对象59

3.5.2Math对象60

3.5.3Date对象和Array对象60

3.5.4Enumerator对象61

3.6函数的使用61

3.6.1JavaScript函数定义61

3.6.2函数中的形式参数62

3.7事件与事件处理程序65

3.7.1事件处理程序65

3.7.2事件驱动65

3.8JavaScript应用实例69

3.8.1用JavaScript实现的动态显示日期的实例69

3.8.2用JavaScript实现Web访问的密码认证71

第4章ASP动态网页制作基础72

4.1ASP简介72

4.1.1ASP概述72

4.1.2ASP的含义72

4.1.3ASP的特点73

4.1.4ASP的运行机制73

4.1.5ASP.Web服务器及浏览器之间的关系74

4.2运行环境与配置74

4.2.1ASP的运行环境74

4.2.2ASP的安装与配置74

4.3创建一个简单的ASP页面76

4.4VBScript基础78

4.4.1VBScript简介78

4.4.2VBScript的数据类型和运算符78

4.4.3VBScript语句80

4.4.4过程与函数81

4.4.5一个简单的VBScript实例82

4.5ASP内建对象83

4.5.1ASP对象简介83

4.5.2Request对象84

4.5.3Response对象84

4.5.4Server对象85

4.5.5Application对象86

4.5.6Session对象86

4.6ASP内置组件87

4.6.1ASP组件简介87

4.6.2ADRotator组件88

4.6.3BrowserCapabilities组件88

4.6.4FileAccess组件88

4.6.5ContentLinking组件89

4.6.6DatabaseAccess组件90

第5章数据库在网页中的应用92

5.1SQL操作基础92

5.1.1SQL简介92

5.1.2SQL数据语句93

5.1.3SQL运算符95

5.2建立数据库97

5.2.1用Accessxp建立数据库97

5.2.2用SQLSERVER2000建立数据库98

5.3ADO简介102

5.3.1ADO概述102

5.3.2ADO对象102

5.4ODBC的配置107

5.5应用实例109

5.5.1在ASP中使用ADO109

5.5.2在Java中使用ADO110

第6章PhotoshopCS2基础知识112

6.1PhotoshopCS2概述112

6.1.1颜色模式和文件格式介绍112

6.1.2PhotoshopCS2的新鲜功能115

6.1.3PhotoshopCS2的工作界面115

6.2PhotoshopCS2的基本操作116

6.2.1图像文件的基本操作116

6.2.2文字的基本操作120

6.2.3选区的基本操作124

6.3ImageReadyCS2的基本操作127

6.3.1ImageReady的工作界面128

6.3.2制作GIF动画132

第7章FireworksMX2004简介140

7.1FireworksMX2004工作界面140

7.1.1启动界面140

7.1.2标题栏141

7.1.3菜单栏141

7.1.4工具栏141

7.1.5工具箱141

7.1.6编辑窗口143

7.1.7属性面板144

7.1.8其他面板145

7.1.9标尺.辅助线与网格145

7.2FireworksMX2004基本操作146

7.2.1创建新文档146

7.2.2打开文档147

7.2.3保存文档148

7.2.4导入文档149

7.2.5导出文档149

7.2.6修改画布和图像150

7.2.7撤消与恢复操作151

7.2.8使用【历史记录】面板152

7.3FireworksMX2004应用实例--制作晶亮透明物体153

第8章FireworksMX2004矢量图绘制与文本应用156

8.1绘制简单的矢量图形156

8.1.1绘制直线.矩形和椭圆156

8.1.2绘制多边形和星形158

8.1.3绘制圆角矩形159

8.1.4绘制路径160

8.1.5应用笔触和填充162

8.2编辑路径167

8.2.1路径形状的调整167

8.2.2路径的自由变形168

8.2.3路径的切割169

8.2.4路径的重绘170

8.2.5路径的组合170

8.2.6路径的简化172

8.3编辑对象172

8.3.1对象的选择172

8.3.2对象的复制与删除174

8.3.3对象的变形175

8.3.4对象的排列和对齐177

8.4文本应用179

8.4.1文本的输入与修改179

8.4.2文本笔触.填充和效果的应用182

8.4.3文本的路径排列183

8.4.4文本的变形184

8.4.5文本的路径转换185

8.5应用实例185

8.5.1制作漂亮的落日图185

8.5.2LOGO的制作187

第9章FireworksMX2004位图的选择与编辑191

9.1选择选区191

9.1.1使用选取工具191

9.1.2使用套索工具193

9.1.3使用魔术棒工具194

9.2调整选区195

9.2.1增减选区195

9.2.2区域反选196

9.2.3修改选区边缘196

9.2.4取消选区197

9.3修饰位图197

9.3.1像素的克隆197

9.3.2图像的模糊与锐化198

9.3.3图像的减淡与加深199

9.3.4像素的涂抹200

9.3.5位图的剪裁201

9.3.6动态效果的使用202

9.4图层及其基本操作209

9.4.1图层的基本操作209

9.4.2网页层的操作212

9.4.3图层的不透明度和混合模式212

9.5蒙版的应用214

9.5.1蒙版的种类214

9.5.2蒙版的创建216

9.6应用实例219

9.6.1制作水印效果219

9.6.2制作网络广告222

第10章创建和编辑FireworksMX2004GIF动画225

10.1动画创建基础225

10.1.1组合图像形成动画225

10.1.2使用元件（Symbol）生成动画227

10.1.3手工绘制动画227

10.2帧及其应用227

10.2.1帧的基础知识227

10.2.2帧的基本操作228

10.2.3帧的编辑231

10.3元件和实例232

10.3.1元件的创建和修改232

10.3.2实例的创建和修改236

10.4创建动画237

10.4.1逐帧动画237

10.4.2补间动画238

10.4.3使用动画元件创建动画239

10.4.4使用"洋葱皮"技术编辑动画241

10.4.5导入和修改已有动画242

10.5应用实例243

10.5.1环绕变色文字243

10.5.2制作动态LOGO245

第11章切片与文件的优化输出248

11.1切片的操作248

11.1.1创建切片248

11.1.2在切片上设置URL251

11.1.3切片的交互功能252

11.1.4切片的导出252

11.1.5图像映射254

11.2文件的优化及导出256

11.2.1GIF格式图像的优化及导出256

11.2.2JPEG格式图像的优化及导出259

11.2.3动画文件的优化及导出261

11.3应用实例262

11.3.1翻转图连接特效262

11.3.2菜单导航栏265

第12章FlashMX2004基础知识270

12.1FlashMX2004概述270

12.1.1FlashMX2004的启动与退出270

12.1.2FlashMX2004的工作环境270

12.2FlashMX2004的新特性282

12.3FlashMX2004的库与共享库285

12.3.1库285

12.3.2共享库286

第13章绘制基本图形287

13.1FlashMX2004工具箱介绍287

13.2基本绘图工具的应用288

13.2.1线条工具和笔触样式288

13.2.2椭圆工具和矩形工具289

13.2.3铅笔工具和钢笔工具290

13.2.4画笔工具291

13.3辅助绘图工具的应用291

13.3.1箭头工具和部分选取工具291

13.3.2墨水瓶工具和颜料桶工具293

13.3.3套索工具293

13.3.4任意变形工具和填充变形工具294

13.3.5滴管工具和橡皮工具295

13.4图形对象的编辑295

13.4.1网格线295

13.4.2对象的变形处理296

13.4.3对象的排列和对齐296

13.4.4对象的组合与分离297

13.5文本工具的应用298

13.5.1文本的输入298

13.5.2文本编辑299

13.6应用实例299

第14章FlashMX2004逐帧动画和补间动画306

14.1时间轴.帧和图层306

14.1.1时间轴面板及其应用306

14.1.2帧的基本类型与操作308

14.1.3图层及其基本操作311

14.2FlashMX2004的三种基本动画及其应用312

14.2.1创建逐帧动画313

14.2.2创建形状补间动画314

14.2.3创建动作补间动画316

14.3引导层动画及其应用318

14.4遮罩动画及其应用320

14.5多场景动画的制作321

第15章声音和元件及其应用323

15.1声音的导入和编辑323

15.1.1声音的导入和引用323

15.1.2声音的编辑325

15.1.3声音的属性设置327

15.2元件和实例329

15.2.1元件的种类331

15.2.2元件的创建331

15.2.3元件的管理332

15.3元件的应用实例338

第16章ActionScript命令和交互式动画341

16.1ActionScript基础知识341

16.1.1动作面板简介341

16.1.2ActionScript基本命令342

16.1.3ActionScript语法基础348

16.1.4常量.变量.表达式和函数349

16.2动作的基本应用355

16.2.1设置帧的动作355

16.2.2设置按钮的动作357

16.2.3设置影片剪辑的动作358

16.3制作复杂的交互式动画359

16.3.1获取鼠标位置359

16.3.2设置和获取影片剪辑实例的属性360

第17章DreamweaverMX2004网页设计基础362

17.1DreamweaverMX2004简介362

17.1.1DreamweaverMX2004的启动362

17.1.2DreamweaverMX2004的工作环境363

17.2创建站点363

17.2.1创建本地站点363

17.2.2建立站点地图365

17.2.3使用【站点】面板366

17.2.4站点管理366

17.3网页文件的基本操作367

17.3.1创建.打开和保存网页文件367

17.3.2设置网页的页面属性367

17.3.3设置网页对象的颜色369

17.3.4网页文本操作370

17.3.5网页图片操作371

17.4简单网页的制作实例371

第18章网页编辑与超级链接375

18.1网页文档的格式化375

18.1.1使用Dreamweaver属性面板格式化文本375

18.1.2使用HTML标签格式化文本376

18.1.3使用HTML样式表格式化文本378

18.2网页图像编辑的基本操作380

18.2.1创建鼠标经过图像380

18.2.2建立网站相册381

18.2.3利用外部编辑器编辑图像382

18.2.4设Fireworks为Dreamweaver的外部图像编辑器383

18.3创建超级链接383

18.3.1超级链接的类型384

18.3.2创建超级链接的方法384

18.3.3创建锚点链接385

18.3.4创建E-mail链接386

18.3.5创建导航条387

18.3.6创建跳转菜单388

18.3.7创建映射图链接389

18.3.8链接的提示390

18.4应用实例390

第19章网页的定位技术393

19.1创建表格的基本操作393

19.1.1新建表格393

19.1.2设置表格和单元格的属性394

19.1.3选取表格和单元格395

19.1.4表格的嵌套395

19.2表格的编辑与格式化396

19.2.1改变表格或单元格的大小396

19.2.2表格行.列的增加和删除397

19.2.3单元格的拆分与合并397

19.2.4单元格的复制.粘贴.移动和清除398

19.2.5表格的样式化399

19.3布局表格和布局单元格399

19.3.1创建和调整布局表格与布局单元格399

19.3.2设置布局视图参数401

19.4层的基本操作401

19.4.1关于【层】面板401

19.4.2创建和删除层401

19.4.3激活和选中层402

19.5层的属性设置403

19.5.1查看和设置多个层的属性403

19.5.2更改层的层叠顺序404

19.5.3设置层的属性面板404

19.6框架的基本操作405

19.6.1概述405

19.6.2创建框架集405

19.6.3框架的拆分和删除406

19.7框架和框架集的选择与属性设置407

19.7.1框架和框架集的选择407

19.7.2框架和框架集的属性设置408

19.8框架和框架集的保存409

19.9应用实例410

第20章行为与时间轴及其应用417

20.1行为概述417

20.1.1行为面板及其使用方法418

20.1.2行为的简单应用420

20.2DreamweaverMX2004内置动作和事件420

20.2.1调用JavaScript421

20.2.2改变属性423

20.2.3检查浏览器424

20.2.4检查插件425

20.2.5打开浏览器窗口426

20.3时间轴概述427

20.3.1使用时间轴面板427

20.3.2时间轴动画的创建428

20.3.3动画路径的生成和编辑430

20.3.4在时间轴中加入行为430

20.4用时间轴改变图像和层的属性431

20.4.1控制层的可见性431

20.4.2控制图片替换431

20.4.3改变层的叠放次序432

20.4.4改变层的大小433

20.4.5多条时间轴的管理433

20.5行为和时间轴的应用实例433

20.5.1制作翻滚图效果433

20.5.2制作幻灯片434

20.5.3创建滚动的公告牌437

第21章层叠样式.模板与库441

21.1层叠样式表概述441

21.2层叠样式表的创建与编辑441

21.2.1创建CSS样式和CSS样式表442

21.2.2外部样式表的链接.导入和编辑444

21.3CSS样式表的应用446

21.3.1滤镜概述446

21.3.2透明度滤镜（Alpha）447

21.3.3显示滤镜（RevealTrans）448

21.3.4模糊滤镜（Blur）448

21.4CSS控件的应用449

21.4.1用CSS控制网页总体风格449

21.4.2统一控制超级链接450

21.4.3CSS控件应用的好处451

21.5模板的应用452

21.5.1网页的版式设计452

21.5.2创建与保存模板455

21.5.3应用与修改模板457

21.5.4更新基于模板的网页文档459

21.6库的应用461

21.6.1创建和应用库项目461

21.6.2编辑库项目464

21.6.3用库项目更新网站465

21.7资源管理器466

21.7.1基本操作466

21.7.2资源管理器468

第22章表单及其应用471

22.1交互式表单概述471

22.2创建表单474

22.2.1文本域475

22.2.2单选框和复选框478

22.2.3滚动菜单和下拉菜单479

22.2.4提交和重置按钮481

22.2.5其他表单对象481

22.3动态表单482

第23章完整制作网站的流程486

23.1筹划工作486

23.1.1网站主题的定位486

23.1.2资料的收集整理488

23.1.3组建开发团队488

23.1.4开发工具的选择489

23.1.5网站开发的流程489

23.2设计和规划490

23.2.1网站的总体设计490

23.2.2网站栏目设计492

23.2.3网站目录结构及链接设计492

23.2.4网站数据库规范494

23.3首页制作495

23.4制作其他页面495

23.4.1版面布局495

23.4.2色彩的搭配496

23.4.3字体设置497

23.5测试497

23.5.1测试内容497

23.5.2测试工具502

附：××集团网站策划方案书503

参考文献510