项目一 网页制作基本知识 1
任务一 认识网站与网页 1
相关知识 1
一、网页的本质 1
二、网页中的常见元素 2
三、IP地址、域名和网址 5
四、动态网页与静态网页 7
任务评价 7
思考与练习 7
任务二 认识网页制作软件和语言 8
相关知识 8
一、网站管理与网页制作相关软件 8
二、网页制作基础——XHTML语言 8
三、脚本语言简介 9
任务评价 10
思考与练习 10
任务三 了解网站制作流程 10
相关知识 11
一、确定网站内容 11
二、规划网站结构 11
三、收集网站素材 11
四、设计制作网站页面 12
五、空间和域名申请 13
六、测试和发布网站 14
七、推广和维护网站 14
任务评价 15
思考与练习 15
项目评价 15
知识拓展 16
一、网页颜色的选择与搭配 16
二、网页版式设计 18
三、网页尺寸 19
项目二 创建度假村网站——Dreamweaver CS3入门 21
任务一 面板基本操作——初识Dreamweaver CS3 21
相关知识 21
一、启动Dreamweaver CS3 21
二、Dreamweaver CS3界面元素简介 21
实施步骤 26
任务评价 27
思考与练习 27
任务二 创建“fuligong”站点——新建和管理站点 28
相关知识 28
一、网页文档和文件夹的命名规则 28
二、在Dreamweaver中定义站点 28
三、新建文档 31
四、保存和关闭文档 32
五、打开和预览文档 32
六、“文件”面板的应用 34
实施步骤 35
一、确定站点目录结构 35
二、定义站点并创建网页 36
任务评价 37
思考与练习 37
任务三 为首页设置头信息和页面属性——页面总体设置 38
相关知识 38
一、设置头信息 38
二、设置页面属性 40
实施步骤 42
任务评价 43
思考与练习 43
项目评价 44
知识拓展 44
一、设置站点远程信息 44
二、上传或下载站点内容 45
三、度假村网站欣赏 46
项目三 制作汽车网站——输入与编辑网页元素 49
任务一 输入并设置网站子页文本——文本输入与编辑 49
相关知识 49
一、输入文本 49
二、设置文本段落格式和字符格式 50
三、插入水平线和特殊字符 54
实施步骤 56
任务评价 58
思考与练习 58
任务二 在主页中插入导航条和图像——应用图像 58
相关知识 58
一、网页中常见的图像文件格式 58
二、插入与编辑图像 59
三、使用图像占位符 61
四、制作鼠标经过图像 62
五、制作导航条 64
实施步骤 66
任务评价 68
思考与练习 68
任务三 为主页设置动画和背景音乐——应用动画和多媒体 70
相关知识 70
一、插入Flash动画 70
二、应用透明Flash动画 72
三、插入Flash按钮 73
四、插入音频文件 74
五、插入视频文件 75
实施步骤 76
任务评价 78
思考与练习 78
项目评价 79
知识拓展 79
一、网页中的图像不显示 79
二、汽车类网站欣赏 79
项目四制作文化公司网站——应用超链接和行为 82
任务一 为首页和子页设置链接——应用超链接 82
相关知识 82
一、设置常规超链接 82
二、设置图片链接和下载链接 84
三、设置电子邮件链接 84
四、设置热点链接 85
五、设置命名锚记链接 87
六、设置跳转菜单 89
实施步骤 91
任务评价 96
思考与练习 96
任务二 为首页添加伴随窗口——应用行为 96
相关知识 96
一、认识“行为”面板 96
二、应用行为 97
三、应用“弹出信息”行为 99
四、应用“打开浏览器窗口”行为 99
五、对图像应用“效果”行为 102
六、应用“显示-隐藏元素”行为 103
七、应用“设置状态栏文本”行为 104
八、安装行为插件 105
实施步骤 106
任务评价 108
思考与练习 108
项目评价 108
知识拓展 109
一、制作弹出式下拉菜单 109
二、文化公司网站欣赏 112
项目五 制作饰品网站——用表格构建网页布局 115
任务一布局主页index.html——表格的基本应用 115
相关知识 115
一、插入表格 115
二、选择表格和单元格 116
三、设置表格属性 117
四、设置单元格属性 118
实施步骤 119
任务评价 126
思考与练习 126
任务二 布局子页——表格的高级应用 129
相关知识 129
一、拆分与合并单元格 129
二、在表格中添加或删除行与列 130
实施步骤 132
任务评价 141
思考与练习 141
项目评价 142
知识拓展 142
一、表格单位为百分比和像素时的比较 142
二、单元格没有按照指定的大小显示 143
三、珠宝首饰饰品行业网站欣赏 143
项目六 制作播客网站——应用框架布局网页 146
任务一 制作网站首页——了解和使用框架 146
相关知识 146
一、了解框架和框架集 146
二、了解框架构造 147
三、制作并保存框架集文档 147
四、设置框架集属性 150
五、设置框架属性 151
实施步骤 152
一、制作网站首页 153
二、设置链接 155
思考与练习 156
项目评价 156
知识拓展 156
一、嵌入式框架 156
二、播客网站欣赏 159
项目七 制作美容网站——应用样式表 162
任务一 为网站首页设置样式——样式表的基本应用 162
相关知识 162
一、熟悉“CSS样式”面板 162
二、CSS样式的存在方式 163
三、CSS样式的分类 163
四、创建样式的一般步骤 164
实施步骤 167
任务评价 175
思考与练习 175
任务二 为网站子页设置样式——样式表的高级应用 176
相关知识 176
一、附加外部样式 176
二、CSS滤镜简介 178
实施步骤 180
任务评价 185
思考与练习 186
项目评价 187
知识拓展 187
美容、化妆品行业网站欣赏 187
项目八 制作茶文化网站——应用Div+CSS布局网页 190
任务一 制作网站首页和子页——使用Div+CSS制作网页 190
相关知识 190
一、什么是Web标准 190
二、Web标准的构成 190
三、认识Div 191
四、Div+CSS布局的优缺点 191
五、绝对定位与相对定位 193
六、浮动定位 194
七、插入Div标签 195
实施步骤 196
思考与练习 213
项目评价 217
知识拓展 217
一、使用div后，什么时候使用table 217
二、初学Web标准的几个误区 218
三、茶网站欣赏 218
项目九 制作个人网站——应用模板和库 222
任务一 创建“梦幻花园”首页——应用模板 222
相关知识 222
一、创建并保存模板文档 222
二、基于模板创建文档 226
实施步骤 227
任务评价 234
思考与练习 234
任务二 创建“幸福一家”网页——应用库项目 236
相关知识 236
一、什么是库项目 236
二、创建库项目 237
三、应用库项目 238
四、编辑库项目 239
实施步骤 239
任务评价 244
思考与练习 244
项目评价 246
知识拓展 246
个人网站欣赏 246
项目十 制作留言板——动态网页入门 249
任务一 创建动态网页测试环境 249
相关知识 249
一、动态网页工作原理 249
二、安装IIS 249
实施步骤 251
任务评价 254
思考与练习 254
任务二 创建“留言板”数据库——了解数据库 254
相关知识 254
数据库简介 254
实施步骤 255
任务评价 258
思考与练习 258
任务三 制作留言板——应用表单和表单对象 258
相关知识 258
一、认识表单 258
二、插入表单 259
三、插入表单对象 260
实施步骤 263
任务评价 276
思考与练习 276
项目评价 279
知识拓展 279
一、常用动态网页制作技术比较 279
二、动态网页不能正常显示的解决方法 279