网页设计与制作

第1章　网站概述.　1

1.1　网站基本分类　1

1.2　网站开发流程　2

1.3　关于网页与网站　3

1.4　网页设计技巧与注意事项　4

1.4.1　关于网页设计中的审美训练　4

1.4.2　设计网页时应注意的问题　8

1.5　网页设计的基本规律　9

1.5.1　商业、企业和政府机关类网站　9

1.5.2　信息、网络服务、教育类网站　12

1.5.3　休闲、时尚类网站　16

1.5.4　卡通和游戏类网站　21

1.5.5　电影、音乐、艺术类网站　24

练习　30

第2章　网页界面设计基础及其规律　31

2.1　网页界面　31

2.1.1　网页界面的基本元素　31

2.1.2　页面的整体造型　33

2.1.3　页面的设计　36

2.2　界面布局的基本原则和类型　38

.2.2.1　界面布局的基本原则　38

2.2.2　界面布局类型　39

2.3　网页配色基本技巧　45

2.4　网页色彩特征和元素间的色彩关系　50

2.4.1　网页色彩特征　50

2.4.2　页面元素间的色彩关系　52

2.5　网站设计应注意的问题和实例　52

2.5.1　网站内容的传播和整体性　53

2.5.2　注意浏览者的网络链接状况　53

2.5.3　及时更新、维护　54

2.5.4　设计实例　55

练习　59

第3章　网页制作工具dreamweaver mx 2004概述　60

3.1　html简介　60

3.1.1　初识html　60

3.1.2　html基本结构　63

3.1.3　常用html 标签的含义　64

3.2　建站前的准备　68

3.3　应用dreamweaver mx 2004建立网站　70

3.3.1　基本建站方法　71

3.3.2　高级建站方法　75

3.4　建立站点实例　77

3.4.1　广告公司站点建立　77

3.4.2　摄影网站的站点建立　80

3.5　dreamweaver mx 2004界面简介　83

3.5.1　快速熟悉界面　83

3.5.2　快捷栏目组　85

3.6　制作第一个首页　89

3.6.1　新建与保存文档　89

3.6.2　设置页面标题与属性　91

3.6.3　插入标题图像及图像的属性面板　94

3.6.4　输入文字和划分段落　99

3.7　修改文字属性　101

3.8　添加超级链接　104

练习　111

第4章　dreamweaver mx 2004的表格　112

4.1　表格的一般应用　112

4.1.1　置入表格　112

4.1.2　表格的属性　114

4.1.3　表格的拆分与合并　121

4.2　表格的特殊效果　123

4.2.1　一个像素宽的分隔线　123

4.2.2　制作细线表格　..125

4.2.3　制作另一种细线表格　128

4.2.4　制作圆角表格　131

4.2.5　表格制作中的问题　134

4.3　利用表格设计页面布局　135

4.3.1　利用表格进行页面布局前的分析　135

4.3.2　进行切割　136

4.3.3　在dreamweaver mx 2004建立页面　139

4.3.4　应用表格布局提高页面下载速度　140

4.4　利用表格搭建页面实例　143

4.4.1　广告公司站点页面建立　143

4.4.2　摄影网站页面建立　147

练习　150

第5章　dreamweaver mx 2004的层、框架、表单　151

5.1　层　151

5.1.1　层的创建及属性面板　151

5.1.2　层的面板　154

5.1.3　层的使用　154

5.2　框架　165

5.2.1　框架和框架集的创建与保存　166

5.2.2　框架、框架集的属性　170

5.2.3　制作一个框架页实例　172

5.3　表单　176

5.3.1　表单的插入与组成　176

5.3.2　一个通过电子邮件发送的表单　176

5.3.3　表单标签　187

练习　191

第6章　dreamweaver mx 2004的行为　192

6.1　dreamweaver mx 2004内置的行为面板　192

6.2　dreamweaver mx 2004的主要内置行为　194

6.2.1　交换图像行为　194

6.2.2　弹出消息行为　197

6.2.3　打开浏览器窗口行为　199

6.2.4　拖动层行为　201

6.2.5　播放声音行为　205

6.2.6　改变属性行为　206

6.2.7　显示隐藏层行为　209

6.2.8　显示弹出式菜单行为　211

6.2.9　检查插件行为　215

6.2.10　检查浏览器行为　216

6.2.11　设置文本行为　216

6.2.12　其他行为　219

6.3　行为制作实例　219

练习　221

第7章　dreamweaver mx 2004的css样式　222

7.1　css样式概念　222

7.1.1　创建css样式　222

7.1.2　自定义样式介绍　225

7.1.3　添加样式的其他方法　232

7.1.4　css样式的使用　233

7.2　css滤镜应用　235

7.2.1　添加css滤镜方法　235

7.2.2　滤镜效果介绍　237

7.3　应用标签选择器制作滚动文字　245

7.4　在网页中插入多媒体　248

7.4.1　插入一段影像文件　248

7.4.2　插入背景音乐　251

7.4.3　连续播放背景音乐　255

7.4.4　在页面中插入flash影片　256

练习　260

第8章　dreamweaver 2004的模板　262

8.1　用模板建立站点　262

8.1.1　用已有模板创建页面　262

8.1.2　自己制作模板　271

8.1.3　使用模板的两种方法　275

8.1.4　修改和更新模板　278

8.2　插件管理和应用　280

8.2.1　插件的安装　281

8.2.2　应用插件范例　282

8.3　网站的基本管理与维护　288

练习...　296

附录　dreamweaver mx 2004的基本快捷键　297