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

第1章　Internet和WWW 1

1.1 Internet简介 1

1.1.1 Internet的历史 1

第一部分　基础篇 1

1.1.2　Internet的网络结构 2

1.1.3 Internet的应用 3

1.2.1 IP地址及结构 6

1.2.2 IP地址分类 6

1.2 Internet的IP地址与域名 6

1.2.3 IP地址的特殊形式 7

1.2.4　域名系统 7

1.3 Web站点和网页 8

1.3.1 Web站点和网页 8

1.3.2 Web的运行机制 10

思考题 12

2.1.2 HTML的基本框架 13

2.1.1 HTML的特点 13

2.1 HTML简介 13

第2章　HTML基础 13

2.2 HTML编程入门 14

2.2.1 HTML程序结构 14

2.2.2　编写一个简单网页 15

2.3　常用HTML标记 17

2.3.1　文本相关标记 17

2.3.2　图片的HTML标记 18

2.3.3　层的HTML标记 19

2.3.4　滚动标记 19

2.4　列表标记 19

2.4.1　无序列表 20

2.4.2　有序列表 21

2.4.3　定义列表 22

2.5　表格标记和属性 24

2.6.1　程序编写步骤 26

2.6　超级链接 26

2.6.2　程序清单 27

2.7　支持多媒体 28

2.7.1　插入音乐文件 28

2.7.2　插入视频文件 29

思考题 29

第3章　网站规划和网页设计 30

3.1 网站规划 30

3.1.1 网站内容规划 30

3.1.2　题材的选择与定位 31

3.2　网站创意和风格 31

3.2.1　设计创意的获得 31

3.2.2　确定网站风格 32

3.2.3　网站内容组织 32

3.3　页面内容设计 33

3.3.1　页面整体视觉效果 33

3.4.1 网站的信息结构 34

3.3.2 页面内容编排 34

3.4　信息结构和导航设计 34

3.4.2　网站导航设计 35

3.5　网站首页设计 36

3.5.1　确定首页功能模块 36

3.5.2　设计首页的版面 37

3.6　网页色彩 38

3.6.1　色彩的视觉效果 38

3.6.2　网页色彩搭配 39

3.6.3 HTML的色彩属性值 39

思考题 40

第二部分　演练篇 41

第4章 网页制作与编程工具 41

4.1 Dreamweaver MX网页开发环境 41

4.1.1　选择工作区 41

4.1.2　工作区窗口 42

4.1.3　面板组和属性检查器 46

4.1.4　编辑代码和视图切换 47

4.2　其他相关工具 48

4.3 图片处理基础 49

4.3.1 网页图像文件格式 49

4.3.2 图片的Web格式 50

思考题 51

第5章　建立本地站点 52

5.1 网站文件结构 52

5.1.1 网站名称 52

5.1.2　设计站点结构 52

5.2　在Dreamweaver中定义站点 53

5.3　维护和管理站点 54

5.3.1　站点面板 55

5.4　制作网页的基本流程 56

5.3.3　在站点中操作文件 56

5.3.2　编辑和删除站点 56

思考题 57

第6章　制作第一个网页 58

实训1 网页元素及其属性设置 58

6.1 实训准备 58

6.2　文本元素 59

6.2.1 文本输入 59

6.2.2　设置文本属性 59

6.3　图像元素 61

6.3.1　插入图像 61

6.3.2　设置图形的属性 62

6.4　超级链接 62

6.4.1　文本超级链接 62

6.4.2　锚点链接 63

6.4.3 邮件链接 64

6.4.4　创建空链接和脚本链接 64

6.4.5　图片超级链接 65

6.4.6　翻转图片链接 66

6.5 Flash元素 67

6.5.1　插入Flash按钮 67

6.5.2　插入Flash文本 67

6.5.3　插入Flash动画 68

思考题 69

第7章　表格及其应用 70

实训2　用表格技术制作网页 70

7.1 实训准备 70

7.2　表格基础 71

7.2.1　表格的基本操作 71

7.2.2　设置表格属性 72

7.2.3 设置单元格属性 72

7.2.4　表格的修改 73

7.3　表格排版技术 74

7.3.1 表格排版 74

7.2.5　在表格中插入元素 74

7.3.2　用表格制作细线 75

7.4　表格技巧和应用 77

7.4.1　制作细线表框 77

7.4.2　制作圆角表格 77

7.4.3　制作阴影表格 78

7.4.4　处理表格数据 79

7.5　实例表格布局步骤 80

思考题 83

第8章　CSS基础及应用 84

实训3　用CSS美化网页 84

8.1 CSS基础知识 84

8.1.1 CSS的语法规则 84

8.1.2　在网页中添加CSS样式 85

8.2 Dreamweaver中的CSS 86

8.2.1 新建样式和样式文件 86

8.2.3　编辑CSS样式参数 88

8.2.2　设置样式参数 88

8.2.4　引用CSS样式 89

8.2.5　附加样式表 91

8.2.6　利用CSS浮动面板 91

8.3 CSS应用 92

8.3.1　用CSS修饰文本 92

8.3.2　改变超级链接的样式 93

8.3.3　用CSS美化表格 94

8.4 CSS的扩展属性 96

8.4.1　阴影滤波器 96

8.4.2　alpha滤波器 98

思考题 98

第9章　框架基础及应用 99

实训4　用框架技术制作网页 99

9.1　框架介绍 99

9.1.2　创建框架集 100

9.1.1 实例设计说明 100

9.1.3　保存框架 101

9.1.4　框架浮动面板和属性设置 102

9.2　实例框架制作 104

9.2.1 素材准备 104

9.2.2　布局分析 104

9.2.3 实现方法和步骤 105

9.3 内嵌框架 107

思考题 108

第10章　行为及应用 109

实训5　用行为制作动态效果 109

10.1　行为面板的使用 109

10.2　添加行为 112

10.2.1　播放声音 112

10.2.2　弹出消息窗口 112

10.2.3　弹出公告牌窗口 113

10.2.4　改变对象属性 114

10.2.5　检查插件 116

10.2.6　显示／隐藏层 117

10.2.7　交换多张图片 119

10.2.8　拖动层 120

思考题 120

第11章　层与动画 121

实训6　层、行为与动画 121

11.1　层的属性设置与操作 121

11.1.1　创建层的方法 121

11.1.2　层的属性设置 122

11.1.3　层的操作 123

11.1.4　层的浮动面板 124

11.2　用层制作拼图游戏 125

11.3　用层制作下拉菜单 126

11.4　网页动画 128

11.4.1　时间轴面板 129

11.4.2　时间轴动画 130

11.4.3　制作浮动广告 132

思考题 132

第12章　JavaScript编程基础 133

12.1　JavaScript语言的特点 133

12.2　JavaScript和Java的区别 133

12.3　在网页中嵌入JavaScript程序 135

12.3.1　JavaScript的开始与结束标记 135

12.3.2　在JavaScript中使用注释标记 135

12.4　JavaScript的基本数据类型 136

12.4.1 常量 136

12.4.2　变量 137

12.5　程序结构 138

12.5.1 分支结构 138

12.5.2　循环结构 139

12.6.1　函数的构成 140

12.6.2　函数的定义和调用 140

12.6　自定义函数 140

12.6.3　链接JavaScript脚本程序 141

12.6.4 JavaScript的内部函数 141

12.6.5　函数的返回值 142

12.7 JavaScript的内部对象 142

12.7.1 数组对象Array 143

12.7.2 日期对象Date 144

12.7.3　数学对象Math 146

12.7.4　字符串对象String 147

思考题 148

第三部分　实战篇 149

第13章　实例网站制作 149

13.1 实例说明 149

13.1.1 设计说明 149

13.2　创建实训网站 150

13.1.2　实例图解 150

13.2.1 网站结构设计 151

13.2.2　建立站点 151

13.2.3　站点结构实现 152

13.3　制作第1个网页 153

13.3.1　制作准备 153

13.3.2　页面布局分析 154

13.3.3　制作步骤与参数 154

13.3.4 CSS样式规格 155

13.4　制作第2个网页 156

13.4.1　制作准备 156

13.4.2　页面布局分析 156

13.4.3　制作步骤与参数 157

13.4.4　制作图片热区链接 158

13.4.5 网站链接结构 158

13.5　制作第3个网页 159

13.5.1　制作准备 159

13.5.2　页面布局示意 160

13.5.3　制作步骤与参数 161

13.5.4　设置文本的CSS 162

13.6　制作第4个网页 162

13.6.1　制作准备 162

13.6.2　页面布局示意 163

13.6.3　制作步骤与参数 164

13.6.4　时间轴面板的操作方法 164

13.7.2　页面布局示意 165

13.7.1　制作准备 165

13.7　制作第5个网页 165

13.7.3　制作步骤与参数 166

13.7.4　制作时间轴动画 166

13.8　制作第6个网页 168

13.8.1　制作准备 168

13.8.2　页面布局示意 168

13.8.3　制作步骤与参数 169

13.9.1　程序应用背景 170

13.9　程序应用：交换图片 170

13.9.2　程序源码与说明 172

13.9.3　使用程序的步骤 172

13.10　程序应用：图片渐显渐隐 173

13.10.1　程序应用背景 173

13.10.2　程序说明与应用1 174

13.10.3　程序说明与应用2 175

13.10.4　程序说明与应用3 176

13.11 程序应用：图片旋转运动 177

13.11.1　程序应用背景 177

13.11.2　程序源码与说明 178

13.11.3　使用程序的步骤 179

13.12 网页背景移动与音乐 180

13.13　程序应用：星光闪入 181

13.13.1　程序应用背景 181

13.13.2　程序说明与使用 181