项目一 网页制作基础 1
项目描述 1
知识目标 1
能力目标 1
任务一 认识网站和网页 1
任务说明 1
预备知识 2
一、网页和网站 2
二、网页的构成元素 2
三、网页的本质 3
任务实施——指出新浪网主页的构成元素 4
任务二 网站开发基础 4
任务说明 4
预备知识 4
一、网站管理与网页制作相关软件 4
二、网页制作基础—— XHTML语言 5
三、IP地址、域名和网址 7
任务实施——网站建设基本流程 8
任务三 初识Dreamweaver CS5 12
任务说明 12
预备知识 12
一、启动Dreamweaver CS5 12
二、Dreamweaver CS5界面元素简介 13
任务实施——调整Dreamweaver CS5工作界面 16
任务四 站点基本操作 17
任务说明 17
预备知识 17
一、在Dreamweaver CS5中定义站点 17
二、在Dreamweaver CS5中管理站点 18
任务实施——在Dreamweaver CS5中定义站点“欧妮雅” 19
任务五 网页文档基本操作 20
任务说明 20
预备知识 20
一、网页文档和文件夹命名规则 20
二、新建和保存网页文档 20
三、打开、预览和关闭网页文档 22
四、利用“文件”面板管理站点文件和文件夹 23
任务实施——在站点“欧妮雅”中创建网页 24
项目总结 25
课后操作 25
项目二 应用表格布局网页 27
项目描述 27
知识目标 27
能力目标 27
任务一 创建和选择表格 27
任务说明 27
预备知识 27
一、创建表格 27
二、选择表格和单元格 29
任务实施——为“欧妮雅”网站主页构建主体结构 31
任务二 设置表格和单元格属性 32
任务说明 32
预备知识 33
一、设置表格属性 33
二、设置单元格属性 34
任务实施——完善“欧妮雅”网站主页的布局 34
任务三 表格的高级应用 38
任务说明 38
预备知识 38
一、拆分与合并单元格 38
二、在表格中添加或删除行与列 39
任务实施——为“欧妮雅”网站子页构建布局 40
项目总结 43
课后操作 43
项目三 设置网页内容 46
项目描述 46
知识目标 46
能力目标 46
任务一 网页基本设置 46
任务说明 46
预备知识 47
一、设置文档头信息 47
二、设置文档页面属性 48
任务实施——为“欧妮雅”网站主页设置基本信息 49
任务二 文本输入与编辑 50
任务说明 50
预备知识 51
一、输入文本 51
二、设置文本格式 52
三、插入水平线和特殊字符 54
任务实施 56
一、为“欧妮雅”网站主页设置文本内容 56
二、为“欧妮雅”网站子页设置文本内容 57
任务三 应用图像 59
任务说明 59
预备知识 59
一、插入与编辑图像 59
二、制作鼠标经过图像 61
任务实施 63
一、为“欧妮雅”网站主页设置图像内容 63
二、为“欧妮雅”网站子页设置图像内容 65
任务四 应用动画和多媒体 67
任务说明 67
预备知识 67
一、插入Flash动画 67
二、插入音频文件 69
任务实施——为“欧妮雅”网站主页设置动画内容 70
项目总结 73
课后操作 73
项目四 应用超链接和行为 75
项目描述 75
知识目标 75
能力目标 75
任务一 设置超链接（上） 75
任务说明 75
预备知识 76
一、设置常规超链接 76
二、设置热点链接 77
三、设置电子邮件链接 79
任务实施——为“欧妮雅”网站主页设置超链接 79
任务二 设置超链接（下） 82
任务说明 82
预备知识 82
一、设置图片链接和下载链接 82
二、设置命名锚记链接 82
任务实施——为“欧妮雅”网站子页设置链接 84
任务三 设置行为 85
任务说明 85
预备知识 85
一、认识行为 85
二、应用行为 86
三、编辑行为 87
任务实施——为“欧妮雅”网站主页设置行为 89
项目总结 91
课后操作 91
项目五 应用CSS样式 92
项目描述 92
知识目标 92
能力目标 92
任务一 样式表的基本应用 92
任务说明 92
预备知识 93
一、“CSS样式”面板 93
二、创建CSS样式 93
任务实施 97
一、为“欧妮雅”网站主页设置标签样式 97
二、为“欧妮雅”网站主页设置类样式（上） 99
三、为“欧妮雅”网站主页设置类样式（下） 101
四、为“欧妮雅”网站主页设置复合样式（上） 102
五、为“欧妮雅”网站主页设置复合样式（下） 104
任务二 样式表的高级应用 105
任务说明 105
预备知识 106
一、附加外部样式 106
二、CSS滤镜简介 107
任务实施——为“欧妮雅”网站子页附加外部样式 109
项目总结 110
课后操作 110
项目六 应用Div+CSS布局网页 112
项目描述 112
知识目标 112
能力目标 112
任务一Div+CSS布局基础 112
任务说明 112
预备知识 113
一、Web标准概述 113
二、Div简介 113
三、创建Div 114
四、选择Div 115
任务实施——构建“伊韵”网站主页结构 115
任务二Div+CSS布局中的定位方式 121
任务说明 121
预备知识 121
一、相对定位与绝对定位 121
二、浮动定位 123
任务实施——为“伊韵”网站主页设置样式 124
任务三 应用Spry布局对象 128
任务说明 128
预备知识 129
一、Spry菜单栏 129
二、Spry选项卡式面板 130
三、Spry折叠式 131
四、Spry可折叠面板 132
任务实施——为“伊韵”网站主页设置特殊效果 132
项目总结 135
课后操作 135
项目七 应用框架布局网页 137
项目描述 137
知识目标 137
能力目标 137
任务一 框架网页的创建 137
任务说明 137
预备知识 137
一、认识框架网页 137
二、创建框架网页 138
三、保存框架和框架集 141
任务实施——在“草根视频”网站中创建一个框架网页 142
任务二 框架和框架集基本操作 143
任务说明 143
预备知识 143
一、选择框架和框架集 143
二、设置框架和框架集属性 144
任务实施 145
一、设置框架网页内容 146
二、链接其他网页 147
项目总结 148
课后操作 149
项目八 应用模板和库 150
项目描述 150
知识目标 150
能力目标 150
任务一 创建和编辑模板 150
任务说明 150
预备知识 150
一、创建模板 150
二、编辑模板 153
任务实施——创建“宝宝成长日记”网站模板 155
任务二 应用和管理模板 156
任务说明 156
预备知识 156
一、应用模板 156
二、管理模板 159
任务实施——应用“宝宝成长日记”网站模板创建网页 159
任务三 创建库项目 162
任务说明 162
预备知识 162
一、认识库项目 162
二、创建库项目 162
任务实施——在“欧妮雅”网站中创建库项目 164
任务四 应用和编辑库项目 165
任务说明 165
预备知识 165
一、应用库项目 165
二、编辑库项目 166
任务实施——应用“欧妮雅”库项目创建网页 167
项目总结 173
课后操作 173
项目九 动态网页制作入门 175
项目描述 175
知识目标 175
能力目标 175
任务一 安装和配置IIS 175
任务说明 175
预备知识 176
一、安装IIS 176
二、配置IIS 177
任务实施——设置“欧妮雅”网站为IIS默认站点 180
任务二 配置动态站点 180
任务说明 180
预备知识 180
任务实施——配置“欧妮雅”动态站点信息 181
任务三 应用表单和表单对象 182
任务说明 182
预备知识 182
一、认识表单 182
二、应用表单 183
三、应用表单对象 184
任务实施 186
一、制作留言列表页面 187
二、制作用户留言页面 194
项目总结 200
课后操作 200
项目十 测试和发布网站 203
项目描述 203
知识目标 203
能力目标 203
任务一 虚拟空间和域名 203
任务说明 203
预备知识 204
一、虚拟空间 204
二、域名 204
任务实施 204
一、申请免费空间 204
二、申请免费域名 208
任务二 站点本地测试 210
任务说明 210
预备知识 211
一、检查网页链接 211
二、修复网页链接 212
任务实施——对“欧妮雅”网站进行本地测试 213
任务三 站点发布 215
任务说明 215
预备知识 215
一、连接服务器 215
二、上传站点 217
三、下载站点 218
四、使用扩展“文件”面板管理文件上传和取回 218
任务实施——将“欧妮雅”网站发布至免费空间 219
项目总结 220
课后操作 221