项目一 网页制作基础知识 1
项目描述 1
学习目标 1
项目分析 1
任务一 了解网页制作基础知识 2
任务描述 2
知识讲解 2
一、网站开发基础 2
二、认识网站和网页 4
三、网页配色基础知识 10
四、网站开发流程 14
五、网站管理与网页制作相关软件 16
任务实施——欣赏优秀网站 18
任务二 创建“石市科干院”站点及欢迎首页 21
任务描述 21
知识讲解 21
一、Dreamweaver CS6简介 21
二、启动Dreamweaver CS6 22
三、Dreamweaver CS6工作环境简介 23
四、网站站点相关操作 23
五、网页文档基本操作 28
任务实施 29
一、创建“石市科干院”网站站点 29
二、制作“石市科干院”网站欢迎首页 29
项目总结 32
项目考核 32
拓展训练 33
项目二 网站的规划与创建——制作“石市科干院”网站规划书并建立站点 35
项目描述 35
学习目标 35
项目分析 35
任务一 制作网站规划书 37
任务描述 37
知识讲解 38
任务实施——制作“石市科干院”网站规划书 40
实战演练 43
任务二 制作网站栏目结构 43
任务描述 43
知识讲解 43
任务实施——制作“石市科干院”网站栏目结构 44
经验技巧 46
任务三 制作网站目录结构 47
任务描述 47
知识讲解 47
任务实施——制作“石市科干院”网站目录结构 48
任务四 创建本地站点并管理 49
任务描述 49
知识讲解 50
任务实施——为“石市科干院”网站创建本地站点 50
经验技巧 51
任务五 利用“文件”面板创建文件夹和网页文档 53
任务描述 53
任务实施 53
一、为“石市科干院”网站创建文件夹 53
二、为“石市科干院”网站创建主页 53
经验技巧 54
项目总结 54
项目考核 55
拓展训练 55
项目三 添加网页对象——制作贸易公司网站网页 56
项目描述 56
学习目标 56
项目分析 57
任务一 制作“公司简介”“人才招聘”等子页——设置网页文本 60
任务描述 60
知识讲解 60
一、设置网页页面属性 60
二、设置网页“关键字” 63
三、添加普通文本 63
四、添加特殊符号 67
五、添加空格 67
六、添加与设置水平线 68
七、创建列表 68
任务实施 69
一、制作“公司简介”网页 69
二、制作“人才招聘”网页 74
实战演练 76
一、制作“公司动态”网页 76
二、制作“联系我们”网页 76
经验技巧 77
一、网页中文本的使用原则 77
二、网页中水平线颜色的设置 78
任务二 制作“产品中心”“招商加盟”子页——添加网页图像 78
任务描述 78
知识讲解 79
一、添加图像 79
二、设置图像属性 83
三、图像占位符 84
四、鼠标经过图像 85
任务实施 86
一、新建站点 86
二、新建“cpzx.html”网页文档 87
三、在页面中插入表格 89
四、插入公司Logo 90
五、插入导航图像 92
六、插入产品广告图像及分隔图像 93
七、插入“服务项目”图像及背景图像 93
八、插入“公司优势”图像及背景图像 95
九、插入“产品中心”图像 96
十、制作“系列产品”部分 97
十一、制作“名牌产品”部分 99
十二、制作页脚部分 102
十三、设置文字CSS样式 102
实战演练——制作“招商加盟”网页 103
一、网页中图像路径的选择 105
二、插入图像的快捷方法 106
三、图像素材命名 106
四、使用代码为单元格设置背景图像 106
任务三 制作贸易公司网站首页 107
任务描述 107
知识讲解 107
一、插入Flash动画 107
二、添加Flash FLV 109
三、添加插件 109
四、添加背景音乐 110
五、添加JavaScript特效 111
任务实施 113
一、准备工作 114
二、在Dreamweaver中创建站点 114
三、新建“index.html”网页文档 115
四、设置“index.html”网页页面属性 115
五、在页面中插入文本和图像 117
六、在网站“首页”中添加Flash动画 118
七、在网站“首页”添加图片无缝滚动效果 119
实战演练 119
任务四 完善贸易公司网站 120
任务描述 120
知识讲解 121
一、超链接的含义 121
二、超链接的分类 121
三、设置链接属性 122
四、设置文本超链接 123
五、设置图像超链接 124
六、快速创建站点内部超链接 125
七、设置超链接“目标”选项 126
八、设置锚点链接 126
九、设置电子邮件链接 127
十、文件下载链接 128
十一、设置空链接 129
任务实施 129
一、完善公司网站首页 129
二、为“人才招聘”网页添加文件下载链接 131
三、为“产品中心”网页添加锚点链接 133
四、为“联系我们”网页添加电子邮件链接 135
实战演练 136
一、制作“公司简介”等网页的站内链接 136
二、制作“公司简介”等网页的站外链接 136
项目总结 136
项目考核 137
拓展训练——制作个人博客网站 139
项目描述 139
网页设计 139
项目四 网页布局——制作企业宣传型网站 143
项目描述 143
学习目标 143
项目分析 143
任务一 使用表格布局网站首页 146
任务描述 146
知识讲解 146
一、网页布局基础知识 146
二、表格 148
任务实施 155
实战演练 161
经验技巧 161
任务二 使用CSS样式美化“时政要闻”页面 162
任务描述 162
知识讲解 162
一、CSS样式概述 162
二、CSS的基本语法 163
三、CSS样式表的操作 167
四、CSS属性 172
任务实施 180
一、为“时政要闻”页面设置标签样式 180
二、为“时政要闻”页面设置类样式 183
三、为“时政要闻”页面设置ID样式 185
四、为“时政要闻”页面设置复合样式 186
五、为“时政要闻”页面设置图像样式 188
实战演练 189
任务三 使用Div+CSS布局“物业服务”网页 189
任务描述 189
知识讲解 190
一、Div概述 190
二、Div+CSS布局 191
三、AP Div 193
课堂小制作 198
一、制作要求 198
二、制作分析 198
三、制作流程 198
四、制作步骤 199
任务实施 202
一、使用Div标签构建“物业服务”页面的主体结构 202
二、为“物业服务”页面添加CSS样式 207
实战演练 214
经验技巧 215
项目总结 215
项目考核 215
拓展训练 217
项目五 模板和库的应用——制作教育网站 219
项目描述 219
学习目标 219
项目分析 219
任务一 设计页面模板 224
任务描述 224
知识讲解 224
一、模板 224
二、使用模板创建网页 225
三、修改模板与更新页面 229
任务实施 230
一、创建“关于我们”页面并生成模板页 230
二、基于模板创建“联系我们”等页面 232
任务二 制作“博尔乐早教”网“访客留言”页面 233
任务描述 233
知识讲解 233
一、表单基础知识 233
二、插入表单 234
任务实施 247
任务三 “行为”添彩“早教课程”页面 249
任务描述 249
知识讲解 249
一、行为的概念 249
二、对象、事件、动作和行为的区别 250
三、常见行为的应用 253
任务实施 255
一、添加弹出信息 255
二、添加“交换图像”行为 256
任务四 上传并发布“博尔乐早教”网站 256
任务描述 256
知识讲解 257
一、网站的测试 257
二、站点的上传 260
三、维护与推广 266
任务实施 271
项目总结 272
项目考核 272
项目六 综合实训——学院精品课网站设计与制作 273
项目描述 273
学习目标 273
项目分析 273
任务一 网站策划 274
任务描述 274
任务实施 274
一、了解需求 274
二、学习相关资料 275
三、写出网站策划书 275
任务二 制作首页及二级页面效果图 278
任务描述 278
任务实施 278
任务三 网站制作 282
任务描述 282
任务实施 282
一、创建站点 282
二、制作网站首页 282
三、制作二级页面 283
任务四 网站测试 283
任务描述 283
任务实施 284
一、浏览器兼容性测试 284
二、网页链接测试 284
任务五 网站发布 285
任务描述 285
任务实施 285
一、申请域名 285
二、申请空间 285
项目总结 286
拓展训练 286
一、规划要求 286
二、设计要求 287
三、页面要求 287