网页设计与制作电子教案(下)课件.ppt

1、第一单元网页设计与制作（下）网页设计与制作（下）袁小红袁小红 主讲深圳职业技术学院第一单元学习情境四 制作静态网站Dreamweaver 8应用基础 学习目标：本学习情境中将学习如何使用Dreamweaver8这一网页制作工具制作静态网站页面。重点：使用文本及设置格式使用图像制作超链接使用动画与声音表格与布局层使用行为难点：图文混排图像映射框架使用CSS修饰网页第一单元 任务一：安装Dreamweaver 8工具软件 任务二：开始使用Dreamweaver 8 任务三：制作简单的网页 任务四：使用表格实现页面布局 任务五：使用层实现页面网页元素布局 任务六：制作框架网页 任务七：使用CSS修饰

2、美化网页 任务八：使用行为制作动态交互效果 任务九：使用模板第一单元任务一 安装Dreamweaver 8 1 确定系统要求 2 安装 第一单元任务二 开始使用Dreamweaver 8 1启动Dreamweaver 8 2使用菜单栏 3使用“插入”工具栏 4使用“文档”工具栏 第一单元任务三 制作简单的网页 1 定义本地站点 2 创建网页 3 添加文本 4 添加图像 5 添加链接 6 添加多媒体 第一单元任务四 使用表格实现网页布局 1 设计表格结构 2 添加表格 3设置表格属性 4设置单元格属性 5 修改表格 6 在表格中插入网页元素 7 修饰表格 第一单元任务五 使用层实现网页元素布局

3、1 创建层 2 设置层的属性 3层与表格的相互转换 4制作时间轴动画 第一单元任务六 制作框架网页 1 认识框架 2 创建框架页面 3 设置框架中的链接 第一单元任务七 使用CSS修饰美化网页 1 创建CSS样式 2 修饰文本 3 设置图像效果 4 设置超链接样式 5 装饰表格 6 改变网页背景样式 7附加样式表 第一单元任务八 使用行为制作动态交互效果 1 创建行为 2 弹出信息窗口 3 弹出网页窗口 4 播放声音 5 改变属性 6 显示/隐藏层 7 拖动层 8 交换多张图像 9 删除行为 第一单元任务九 使用模板 1创建模板 2定义模板 3创建基于模板的页面 第一单元实训 制作一个静态个人

4、网站 第一单元学习情境五 制作动态网页Dreamweaver 8高级应用 学习目标：本学习情境中将学习如何使用Dreamweaver8这一网页制作工具制作动态网站页面。重点：数据库基础知识使用表单创建记录集使用服务器行为显示数据库数据操作数据库数据 难点：数据库连接的建立页面参数传递IIS配置系统设计第一单元 任务一：安装与配置IIS 任务二：建立动态站点 任务三：“交流天地”系统设计 任务四：数据库设计与实现 任务五：“登录”模块设计与实现 任务六：“注册”模块设计与实现 任务七：“发表留言”模块设计和实现 任务八：“查看留言”模块设计和实现 任务九：“修改留言”模块设计和实现 任务十：“删

5、除留言”模块设计和实现第一单元任务一 安装与配置IIS 1 安装IIS服务 2 配置IIS服务 3 测试IIS服务 第一单元任务二 建立动态站点 1创建动态个人网站站点 2 复制站点文件 第一单元任务三“交流天地”系统设计 1 功能模块设计 2 业务流程设计 第一单元任务四 数据库设计与实现 1 设计数据库 2 创建数据表 3 创建系统用户数据记录 第一单元任务五“登录”模块设计和实现 1“登录”模块设计 2 制作用户登录页面 第一单元任务六“注册”模块设计和实现 1“注册”模块设计 2 制作用户注册模块 第一单元任务七“发表留言”模块设计和实现 1“发表留言”模块设计 2 制作发表留言模块

6、第一单元任务八“查看留言”模块设计和实现 1“查看留言”模块设计 2 制作普通用户查看留言模块 3 制作管理员查看留言模块 第一单元任务九“修改留言”模块设计和实现 1“修改留言”模块设计 2 制作修改留言模块 第一单元任务十“删除留言”模块设计和实现 1“删除留言”模块设计 2 制作删除留言模块 第一单元实训 制作新闻发布栏目 第一单元学习情境六 编写网页程序HTML编程应用 学习目标：本学习情境从最基本的HTML代码入手，通过一个校园音乐在线网站的编写过程，让学习者由浅入深的掌握HTML语言编写的一般工作过程，掌握用HTML语言编写网页的技术。重点：编写网页主体结构编写文本的排版与格式编写

7、超链接编写表格编写用层布局编写表单注册信息难点：编写表格编写用层布局编写表单注册信息第一单元 任务一：设置编程环境 任务二：编写网页主体结构 任务三：编写文本的排版与格式 任务四：编写项目列表 任务五：编写超级链接 任务六：编写添加多媒体 任务七：编写用表格排版 任务八：编写用层布局 任务九：编写用表单注册信息第一单元任务一：设置编程环境 1选择编辑器 2启动工作环境 3建立站点第一单元任务二：编写网页主体结构程序 1案例 编写网页主体结构 2案例分析 3 相关知识 第一单元任务三：编写文本的排版与格式 1 案例 编写文本内容 2案例分析 3案例 编写文字排版 4案例分析 5案例 编写特殊字符

8、和标记 6案例分析 7 案例 编写文本属性8案例分析 9 案例 编写文本格式 10案例分析 11相关知识 第一单元任务四：编写项目列表 1 案例 编写项目列表 2案例分析 3相关知识 第一单元任务五：编写超链接 1 案例 编写站内页面链接 2案例分析 3 案例 编写站外页面链接 4案例分析 5 案例 编写页面内部的锚点链接 6案例分析 7 案例 编写E_mail链接 8案例分析 9 相关知识 第一单元任务六：编写添加多媒体 1 案例 编写添加背景图像 2案例分析 3 案例 编写添加图像 4案例分析 5 案例 编写添加背景音乐 6 案例分析 7 案例 编写添加声音 8 案例分析 9 案例 编写添

9、加视频 10 案例分析 11 案例 编写添加动画 12 案例分析 13 相关知识 第一单元任务七：编写表格排版 1 案例 编写添加表格 2 案例分析 3 相关知识 第一单元任务八：编写用层布局 1 案例 编写用层布局网页 2 案例分析 3 相关知识 第一单元任务九：编写表单注册表 1 案例 编写为页面添加注册区域 2 案例分析 3 案例 编写用表单创建注册页 4 案例分析 5 相关知识 第一单元实训 编写一个“学习园地”网站 第一单元学习情境七 管理、检测与发布站点 学习目标：本学习情境通过站点管理、检测和发布的实践，了解其工作过程，并掌握其相应技能。重点难点：管理站点站点检查设置服务器站点定

10、义远程站点上传站点 重点难点：定义站点设置服务器站点定义远程站点第一单元 任务一：管理站点。任务二：测试站点。任务三：发布站点第一单元任务一 管理站点 1了解站点窗口 2 管理站点 3使用站点地图 第一单元任务二 检查站点 1检查辅助功能 2检查链接 3检查目标浏览器 4 检验标记 第一单元任务三 发布站点 1 确定网站服务器 2 上传网站 第一单元学习情境八 课程设计班级网站制作 学习目标：通过“班级网站”的设计与制作，完成一个网站从整体规划、设计、制作到网站测试和发布完整工作过程，达到全面掌握网站设计和制作职业技能的目的。第一单元 任务一：网站整体规划 任务二：页面设计 任务三：动画制作 任务四：网站主页制作 任务五：数据库设计与实现 任务六：图片、音频、以及视频等素材搜集 任务七：其他网页的制作 任务八：网站测试和发布