静态网站制作项目教程PDF电子书下载

第1章 网站项目及网站概念 1

1.1 静态网站制作实训网站项目 1

1.1.1 项目总体设计 1

1.1.2 “静态网站制作实训网站”项目首页设计 1

1.1.3 教学项目网站站点目录结构 2

1.1.4 项目教学实训环境 2

1.1.5 实训教学资源 3

1.2 网站简单工作原理 3

1.3 网站的基本概念 4

1.3.1 网页与网站 4

1.3.2 首页与主页 4

1.3.3 静态网页与动态网页 5

1.4 网页制作语言与工具 6

1.4.1 网页制作语言 6

1.4.2 网页制作工具 9

1.5 网站开发流程 9

1.5.1 网站设计 10

1.5.2 制作网站 11

1.5.3 发布网站 12

1.5.4 把网站加入到搜索引擎中 13

1.5.5 网站维护 13

1.6 小结 14

1.7 习题 14

1.8 实训：网站首页文件的编辑与发布 15

第2章 使用HTML标记制作网页 16

2.1 “HTML标记”栏目设计 16

2.1.1 页面内容与效果设计 16

2.1.2 网页文件名及网页参数设计 17

2.2 HTML文档 19

2.2.1 HTML文档结构 19

2.2.2 HTML文档规范 20

2.3 “我的自白”页面制作 22

2.3.1 页面排版标记 22

2.3.2 “我的自白”页面制作 25

2.4 网站标题网页制作 26

2.4.1 正文标记〈body〉 26

2.4.2 网站标题网页制作 27

2.5 “石邮校训”网页制作 28

2.5.1 图像标记 28

2.5.2 “石邮校训”网页制作 29

2.6 “学院简介”网页制作 30

2.6.1 图文混排 30

2.6.2 “学院简介”网页制作 30

2.7 “校园风光”网页制作 31

2.7.1 表格标记 31

2.7.2 制作“校园风光”网页 34

2.8 导航栏网页制作 36

2.8.1 超链接标记 36

2.8.2 导航栏网页制作 39

2.9 版权页面制作 40

2.10 滚动超链接页面制作 41

2.10.1 文本移动标记 41

2.10.2 制作滚动超链接页面 41

2.10.3 添加鼠标悬停效果 42

2.11 “静态网站制作”网页制作 43

2.11.1 背景音乐与过渡效果 43

2.11.2 制作“静态网站制作”网页 44

2.12 制作框架集以及组合网页 45

2.12.1 框架标记 45

2.12.2 栏目首页制作 47

2.12.3 组合框架页面 47

2.13 小结 49

2.14 习题 49

2.15 实训：“我的大学”主题网站制作 49

第3章 使用CSS样式表制作网页 54

3.1 “CSS样式”栏目设计 54

3.1.1 页面内容与效果设计 54

3.1.2 网页文件名设计 55

3.2 CSS样式表及嵌入式框架 57

3.2.1 CSS样式表及使用方法 57

3.2.2 CSS属性 59

3.2.3 滤镜 60

3.2.4 嵌入式框架 62

3.3 “城市徽标”页面制作 62

3.4 “漓江夜色”网页制作 64

3.5 “芦笛岩洞”网页制作 65

3.6 “龙脊梯田”网页制作 67

3.7 CSS栏目首页制作 69

3.8 小结 74

3.9 习题 74

3.10 实训：“我的家乡”主题网站制作 74

第4章 使用Dreamweaver制作网页 78

4.1 “网页编辑工具”栏目设计 78

4.1.1 栏目内容与效果设计 78

4.1.2 页面文件名设计 81

4.2 网页编辑工具Dreamweaver 81

4.2.1 Dreamweaver概述 81

4.2.2 Dreamweaver工作窗口 82

4.2.3 Dreamweaver站点管理 84

4.2.4 页面属性 87

4.2.5 CSS样式定义与管理 88

4.3 “Dreamweaver简介”页面制作 91

4.3.1 任务分析 91

4.3.2 Dreamweaver简介页面制作 91

4.4 “层与行为”页面制作 93

4.4.1 任务分析 93

4.4.2 层（AP Div） 93

4.4.3 行为 95

4.4.4 “显示-隐藏层”行为 97

4.4.5 “层与行为”页面制作 97

4.5 “热点图像”页面制作 99

4.5.1 任务分析 99

4.5.2 图像属性与热点图像 99

4.5.3 “热点图像”页面制作 100

4.6 栏目首页页面制作 102

4.6.1 任务分析 102

4.6.2 栏目首页页面制作 103

4.7 小结 110

4.8 习题 110

4.9 实训：“我们的宿舍”主题网站制作 111

第5章 网页图像编辑 114

5.1 “网页图像编辑”栏目设计 114

5.2 图像编辑工具与图像编辑基础 116

5.2.1 图像编辑工具 116

5.2.2 网页中常用的图像格式 117

5.2.3 矢量和位图图形 117

5.3 Fireworks基本操作 118

5.3.1 Fireworks的工作窗口 118

5.3.2 Fireworks文档操作 119

5.3.3 图像的优化与导出 120

5.3.4 图像大小编辑 121

5.3.5 图层操作 123

5.4 矢量图形编辑 123

5.4.1 颜色工具箱 123

5.4.2 矢量工具 124

5.4.3 矢量图形编辑 125

5.4.4 文本工具 127

5.4.5 矢量图形填充效果 127

5.4.6 矢量图形滤镜效果 129

5.5 位图图像编辑 130

5.5.1 位图工具 130

5.5.2 位图滤镜效果 132

5.5.3 图像蒙版效果 134

5.6 “作品欣赏”页面制作 136

5.6.1 矢量图形编辑图片制作 136

5.6.2 位图图像编辑图片制作 138

5.6.3 位图蒙版图片制作 138

5.6.4 GIF动画 138

5.6.5 标题栏GIF逐帧动画制作 140

5.6.6 透明度变化GIF选择动画制作 141

5.6.7 位置变化GIF选择动画制作 141

5.6.8 分散到帧GIF动画制作 143

5.6.9 “作品欣赏”网页制作 143

5.7 “网页图像编辑”栏目首页制作 143

5.7.1 Logo制作 143

5.7.2 Banner制作 144

5.7.3 Fireworks按钮 146

5.7.4 Web切片 148

5.8 小结 153

5.9 习题 153

5.10 实训：图像编辑与个人网站制作 154

第6章 Flash网页动画制作 162

6.1 “Flash动画”栏目设计 162

6.2 Flash基础 164

6.2.1 Flash工作窗口 164

6.2.2 时间轴面板 166

6.2.3 Flash文档操作 168

6.3 Flash工具箱 169

6.3.1 颜色选择 170

6.3.2 图形工具 170

6.3.3 选取工具 171

6.3.4 颜色填充工具 172

6.3.5 变形工具 173

6.3.6 笔形工具 174

6.3.7 橡皮擦工具 174

6.3.8 文本工具 175

6.4 Flash动画种类 175

6.4.1 逐帧动画 175

6.4.2 形变动画 175

6.4.3 运动动画 177

6.4.4 轨迹动画 182

6.4.5 遮罩动画 184

6.4.6 在动画中插入声音 186

6.4.7 Flash按钮 188

6.4.8 影片剪辑 189

6.4.9 多场景动画 190

6.4.10 交互动画 190

6.5 “家乡美”动画页面制作 193

6.5.1 任务分析 193

6.5.2 “家乡美”动画网页制作 194

6.6 “探索太空”动画网页制作 197

6.6.1 任务分析 197

6.6.2 “探索太空”动画网页制作 197

6.7 “思念朋友”动画网页制作 200

6.7.1 任务分析 200

6.7.2 “思念朋友”动画网页制作 200

6.8 Flash动画栏目首页制作 207

6.8.1 任务分析 207

6.8.2 Flash动画栏目首页制作 207

6.9 小结 210

6.10 习题 210

6.11 实训：“我的Flash”栏目制作 211

附录 课程标准 215

参考 文献 217