目    录

项目1　网页制作基础知识 1

　　1.1  项目描述及分析 1

　　1.2  任务1  优秀网站赏析 2

　　1.3  任务2  网页制作基础知识 4

　　1.3.1  网页的组成元素 4

　　1.3.2  网页制作常见术语 6

　　1.3.3  网页制作相关软件 10

　　1.4  任务3  网站建设的一般流程 11

　　1.4.1  确定网站主题 11

　　1.4.2  规划网站结构 11

　　1.4.3  收集资料与素材 12

　　1.4.4  确定版面布局方式 13

　　1.4.5  制作网页 16

　　1.4.6  测试与发布网站 17

　　1.4.7  推广网站 17

　　1.4.8  网站的后期维护 17

　　1.5  知识链接 17

　　1.5.1  网页制作的基本原则 17

　　1.5.2  认识图像 18

　　1.5.3  常见的建站方式 20

　　实训 21

项目2  制作简单网页 22

　　2.1  项目描述及分析 22

　　2.2  任务1  进行网站功能设计 23

　　2.3  任务2  设计网站首页草图 24

　　2.3.1  认识Photoshop 24

　　2.3.2  制作网页按钮 26

　　2.3.3  制作首页草图 27

　　2.3.4  首页草图的切片与导出 29

　　2.4  任务3  网页的制作与上传 31

　　2.4.1  认识Dreamweaver CS4 31

　　2.4.2  建立站点 33

　　2.4.3  域名和空间的申请 35

　　2.4.4  网站文件的上传 36

　　2.5  知识链接 37

　　2.5.1  网页中的色彩 37

2.5.2  网页基本元素的标准和

使用技巧 39

　　实训 40

项目3  制作太阳谷旅游网站 42

　　3.1  项目描述及分析 42

　　3.2  任务1  添加并编辑文本 43

3.2.1  添加文本并设置文本

格式 43

　　3.2.2  设置项目列表 45

　　3.3  任务2  添加并编辑图像 45

　　3.3.1  插入图像 45

　　3.3.2  编辑图像 47

　　3.4  任务3  设计网站Banner 48

　　3.4.1  认识Flash 48

　　3.4.2  制作Banner动画 50

3.4.3  在网页中插入Banner

动画 52

　　3.5  任务4  创建CSS样式表 53

　　3.5.1  认识CSS样式表 53

　　3.5.2  创建并使用CSS样式 56

　　3.6  任务5  设计网站子页 60

　　3.6.1  制作“美食文化”子页 60

　　3.6.2  制作“旅游宝典”子页 64

　　3.7  知识链接 67

　　3.7.1  文本和段落 67

　　3.7.2  图像的编辑 68

　　3.7.3  Flash动画属性的设置 69

　　3.7.4  图片热点超链接 70

　　3.8  拓展学习——旅游类网站的

设计要点 71

　　3.8.1  旅游类网站的类型 71

　　3.8.2  旅游类网站的设计要点 73

　　实训 74

项目4  制作爱尚咖啡店网站 75

　　4.1  项目描述及分析 75

　　4.2  任务1  进行咖啡店网站

页面布局 76

　　4.2.1  网页布局规划 76

　　4.2.2  插入与设置表格 77

　　4.2.3  编辑表格 78

　　4.3  任务2  设计咖啡店网站首页 80

　　4.3.1  插入Logo和Banner 80

　　4.3.2  使用嵌套表格 81

　　4.3.3  设计导航条 83

4.3.4  输入网页内容及定义

CSS 87

　　4.3.5  设计其他版面内容 91

　　4.4  任务3  设计咖啡店网站子页 92

　　4.4.1  设计主要子页 92

　　4.4.2  设计其他子页 95

　　4.5  知识链接 95

　　4.5.1  表格数据处理 95

　　4.5.2  细线表格 97

　　4.6  拓展学习——餐饮类网站的

设计要点 98

4.6.1  餐饮类网站的分类

及特点 98

　　4.6.2  餐饮类网站的设计风格 98

　　实训 100

项目5  制作52门户网站 101

　　5.1  项目描述及分析 101

　　5.2  任务1  制作Banner和页脚 102

　　5.2.1  创建库文件 102

　　5.2.2  制作主页的Banner 103

　　5.2.3  制作页脚 105

　　5.2.4  库项目的应用 105

　　5.3  任务2  制作“女性频道”

子页 109

　　5.3.1  创建模板文件 109

5.3.2  使用模板和库创建

“女性频道”子页 112

　　5.4  任务3  插入网页广告 114

　　5.4.1  认识JavaScript 114

　　5.4.2  制作浮动广告 115

　　5.5  任务4  制作用户反馈页面 118

　　5.6  知识链接 122

　　5.6.1  制作动态日期显示 122

　　5.6.2  创建文件域和图像域 125

　　5.7  拓展学习——门户网站的

设计要点 127

　　实训 129

项目6　制作时尚服装网站 130

　　6.1  项目描述及分析 130

　　6.2  任务1  认识行为 131

6.3  任务2  使用行为完善网站

主页 134

6.3.1  为首页设置状态栏

文本 134

　　6.3.2  为页面添加弹出信息 135

　　6.4  任务3  制作“秋冬新品”

子页 136

6.4.1  使用模板制作“秋冬

新品”子页 136

6.4.2  使用行为完善“秋冬

新品”子页 138

　　6.5  拓展学习——流行时尚类

网站的设计要点 143

　　实训 146

项目7  制作个人网站 147

　　7.1  项目描述及分析 147

　　7.2  任务1  制作网站的首页 148

7.2.1  认识AP元素和Spry

框架 148

　　7.2.2  规划网站的结构 149

　　7.2.3  插入和设置AP元素 149

7.2.4  AP元素的基本操作

方法 152

　　7.2.5  制作Spry菜单栏 153

　　7.3  任务2  制作“关于自己”

         子页 156

7.3.1  制作Spry选项卡式

面板 156

　　7.3.2  制作Spry折叠式 158

　　7.4  任务3  制作“我的作品”

子页 160

　　7.5  知识链接 161

　　7.6  拓展学习——个人网站的

设计要点 163

　　7.6.1  个人网站的设计原则 163

7.6.2  个人网站设计的

注意事项 163

　　实训 164

项目8  制作童乐幼儿园网站 166

　　8.1  项目描述及分析 166

　　8.2  任务1  网站的布局规划 167

　　8.2.1  认识DIV+CSS 167

　　8.2.2  网站首页的布局分析 168

　　8.3  任务2  制作幼儿园网站

首页 170

8.3.1  编写页面基本CSS

代码 170

　　8.3.2  制作页眉部分 174

　　8.3.3  制作主体部分 177

　　8.4  任务3  制作幼儿园网站

         子页 180

8.4.1  制作“幼儿园简介”

子页 180

8.4.2  在首页中为子页添加

链接 183

　　8.5  知识链接 183

　　8.6  拓展学习——教育类网站的

         设计要点 184

　　8.6.1  教育类网站的分类 184

8.6.2  教育类网站的设计

要点 186

　　实训 186

项目9  制作企业动态网站 187

　　9.1  项目描述及分析 187

　　9.2  任务1  认识CMS 188

　　9.3  任务2  制作网站模板 190

　　9.3.1  制作首页模板 190

9.3.2  制作列表页和内容

明细页模板 191

　　9.4  任务3  使网站动态化 192

　　9.4.1  配置网站运行环境 192

　　9.4.2  进行后台管理 194

　　9.4.3  首页的动态化 196

　　9.4.4  列表页的动态化 199

　　9.4.5  内容明细页的动态化 202

　　9.5  拓展学习 204

9.6  知识链接——企业网站的

设计要点 206

　　实训 208

项目10  制作信息反馈留言系统 209

　　10.1  项目描述及分析 209

10.2  任务1  配置动态网站运行

环境 210

10.2.1  配置动态网站运行

环境 211

　　10.2.2  建立动态站点 211

　　10.3  任务2  创建与连接数据库 213

　　10.3.1  创建数据库 213

　　10.3.2  链接与绑定数据库 215

10.4  任务3  设计信息反馈留言

系统页面 217

　　10.4.1  设计用户留言页面 218

10.4.2  设计“显示留言”

页面 219

　　10.5  知识链接 223

　　10.5.1  服务器端与客户端 223

　　10.5.2  静态网站与动态网站 224

　　10.5.3  动态网站技术分类 224

　　10.6  拓展学习 225

　　实训 226

IV

V