网页设计与制作教程

第一篇 基 础 篇

第1章 internet和www2

1.1internet简介2

1.1.1什么是internet2

1.1.2internet的起源3

1.1.3中国internet的发展3

1.1.4internet的功能和应用6

1.2www简介8

1.2.1www的起源8

1.2.2web的特点和结构9

1.2.3www的基本概念10

1.3常见网络浏览器--ie15

思考与练习题19

第2章 网站建设概论20

2.1网站概论20

2.1.1网站的种类20

2.1.2网站建设的步骤21

2.1.3网站设计的原则32

2.2网页的可视化设计概论34

2.2.1网页设计的原则34

.2.2.2网页版面布局的设计39

2.2.3网页色彩的设计44

2.2.4图形与文字的设计45

2.2.5首页的设计48

2.3网页制作工具概述48

2.3.1网页设计的常用工具49

2.3.2网页设计的辅助美化工具50

思考与练习题50

第3章 html简介52

3.1html概述52

3.1.1简单的html实例52

3.1.2html的基本概念53

3.1.3html的基本结构54

3.1.4html的语法规则55

3.2html的文本格式标记57

3.2.1标题格式标记57

3.2.2文字格式标记58

3.2.3字型设置标记59

3.2.4段落标记59

3.2.5强制换行标记60

3.2.6预排格式标记61

3.2.7文本堆砌方式标记61

3.2.8插入水平线标记61

3.2.9文本缩进标记61

3.2.10列表标记62

3.3html的表格标记65

3.4html的图像与多媒体标记69

3.4.1图像标记69

3.4.2背景音乐标记70

3.4.3视频标记71

3.5html的超链接标记71

3.6html的表单标记72

3.7html的框架标记74

3.8html综合实例77

3.9dhtml、xml简介79

3.9.1dhtml简介79

3.9.2xml简介79

思考与练习题80

第二篇 应 用 篇

第4章 frontpage 2003基础知识82

4.1frontpage 2003概述82

4.1.1frontpage 2003功能特点82

4.1.2frontpage 2003工作界面83

4.2网站的创建和管理85

4.2.1网站的创建85

4.2.2网站的管理87

4.2.3网站的基本操作90

4.2.4网页的基本操作92

4.3网页的文字处理94

4.3.1网页标题的建立94

4.3.2文字的添加95

4.3.3文字的修饰95

4.4网页图像的基本操作100

4.4.1图像的添加100

4.4.2图像的编辑103

4.4.3图像的保存105

4.4.4设置网页的背景106

4.5建立超链接107

4.5.1文本超链接107

4.5.2图像超链接108

4.5.3电子邮件超链接111

4.6建立表格112

4.6.1表格的创建112

4.6.2表格的编辑114

4.6.3表格的嵌套117

4.6.4表格的网页布局功能118

4.7建立表单120

4.7.1表单的构成121

4.7.2使用模板创建表单121

4.7.3使用向导创建表单123

4.7.4自定义表单126

4.8框架的使用129

4.8.1框架的创建129

4.8.2框架的保存129

4.8.3框架的基本操作131

4.8.4框架的属性设置133

4.9一些特殊效果的运用134

4.9.1制作不断弹出提示窗口的页面134

4.9.2插入滚动字幕136

4.9.3创建交互式按钮137

4.9.4消除超链接的下划线138

4.10网站的测试与发布140

4.10.1网站的测试140

4.10.2网站的发布140

4.11frontpage 2003综合实例142

思考与练习题146

第5章 dreamweaver mx 2004基础知识148

5.1dreamweaver mx 2004简介148

5.1.1dreamweaver mx 2004概述148

5.1.2dreamweaver mx 2004的工作界面149

5.2dreamweaver mx 2004的站点管理153

5.2.1站点的创建153

5.2.2站点的配置155

5.2.3站点的管理158

5.2.4网页的创建158

5.3建立框架160

5.3.1框架的创建160

5.3.2框架的属性设置161

5.3.3模板的使用162

5.4网页的文字处理163

5.4.1文字的添加163

5.4.2页面的修饰164

5.5网页的图像处理165

5.5.1图像的添加165

5.5.2图像的修饰167

5.6建立超链接167

5.6.1为文字添加超链接168

5.6.2为图像建立超链接169

5.6.3建立电子邮件超链接170

5.6.4建立锚点171

5.7建立表格171

5.7.1表格的创建与编辑171

5.7.2表格的嵌套173

5.7.3用表格进行页面布局173

5.8建立表单175

5.8.1表单的创建175

5.8.2表单元素的添加175

5.8.3一个表单制作的实例177

5.9层的运用179

5.9.1层的基本概念179

5.9.2层的基本操作179

5.9.3层的属性设置180

5.10dreamweaver中样式表和行为的运用181

5.10.1css样式表181

5.10.2行为的运用182

5.11测试和发布网站182

5.11.1测试网站182

5.11.2发布网站184

5.12网页制作实例188

思考与练习题190

第6章 网站的发布与维护191

6.1发布网站前的准备191

6.1.1本地测试191

6.1.2www服务器的选择192

6.1.3申请域名和网页空间192

6.2网站的发布193

6.2.1上传网站193

6.2.2在线测试站点198

6.3网站的宣传199

6.3.1登录搜索引擎200

6.3.2广告交换201

6.3.3网络广告202

6.3.4利用网络工具203

6.4网站的日常管理和维护203

思考与练习题204

第三篇 提 高 篇

第7章 photoshop cs基础知识206

7.1photoshop cs概述206

7.1.1颜色模式和文件格式介绍206

7.1.2photoshop cs的功能特点208

7.1.3photoshop cs的工作界面209

7.2photoshop cs的基本操作214

7.2.1图像的基本操作214

7.2.2文字的基本操作215

7.2.3选区的基本操作216

7.3创作特殊效果图像222

7.3.1水波纹的制作222

7.3.2水晶球的效果224

7.3.3制作扫描线效果225

7.3.4制作射线效果226

7.3.5代码背景的制作227

7.4创建特殊效果文字228

7.4.1火焰字228

7.4.2印章字228

7.4.3发光字229

7.4.4浮雕字230

思考与练习题230

第8章 fireworks mx 2004基础知识231

8.1fireworks mx 2004概述231

8.1.1fireworks mx 2004的功能特点231

8.1.2fireworks mx 2004工作界面232

8.1.3fireworks mx 2004的基本操作238

8.2文本的编辑和运用241

8.3图像的编辑246

8.3.1对矢量图的编辑246

8.3.2对位图的编辑249

8.3.3对效果的处理250

8.4web图像的处理253

8.4.1图像热点253

8.4.2图像切片256

8.4.3制作按钮258

8.4.4制作导航栏263

8.5动画的制作265

8.5.1关于gif动画265

8.5.2制作步骤266

8.6图像的优化和导出267

8.6.1优化图像267

8.6.2导出图像272

8.7fireworks与dreamweaver的协同工作276

8.7.1在dreamweaver中插入fireworks图像276

8.7.2在dreamweaver中编辑fireworks图像277

思考与练习题279

第9章 flash mx 2004基础知识280

9.1flash概述280

9.1.1flash mx 2004的新增功能280

9.1.2flash mx 2004的工作界面282

9.2使用时间轴、帧、图层以及时间轴特效285

9.2.1时间轴285

9.2.2帧286

9.2.3图层287

9.2.4时间轴特效289

9.3flash的简单动画制作291

9.3.1flash动画的基本类型291

9.3.2制作动画的一般过程291

9.4元件以及交互动画的制作294

9.4.1元件的制作294

9.4.2交互动画的制作299

9.5声音的导入302

9.5.1声音的类型302

9.5.2声音的应用302

9.5.3声音的属性设置304

9.6影片的优化、测试与发布305

9.6.1影片优化306

9.6.2加速显示的速度307

9.6.3flash的发布307

9.7flash综合实例309

思考与练习题316

第10章 常用的网页设计与制作辅助小软件318

10.1博硕网页设计师318

10.2小榕图标编辑器v1.0318

10.3超级图标3.5319

10.4hypersnap瞕x321

10.5ultraedit 10.x323

思考与练习题324

第11章 综合实例326

11.1使用fireworks制作logo326

11.2使用flash制作带有动态效果导航的图片327

11.3使用frontpage或dreamweaver建立简单主页329

附录a 一些非常实用的特效源代码333

a.1文字向上滚动特效333

a.2鼠标滚屏特效334

a.3加入收藏夹特效334

a.4去除超链接下划线特效335

a.5设为首页特效335

a.6彩色滚动条特效336

a.7关闭窗口特效336

a.8移动字幕链接特效336

a.9返回上一页特效337

a.10图像渐显特效337

a.11状态栏动态文字特效338

a.12显示时间特效339

参考文献341