HTML5 CSS3任务驱动教程教学进度表.docVIP

课程名称: HTML+CSS网页设计基础 课程编码: 开课单位: 信息工程学院 制 定 人: 审 核 人: 制定时间: 课程名称：HTML+CSS网页设计基础 学 时： 64 授课班级： 学 分： 3.5 学习情境/项目/单元 子情境/子项目/子单元 学习内容（支撑知识） 教学方法及手段 成果形式 参考学时 项目一 网页设计基础知识 任务一Dreamweaver CC 2017的安装 Dreamweaver CC 2017的新增功能 案案例教学法 直观演示法 讲述法 任务驱动法 安装Dreamweaver CC 2017 2 任务二 网站的建立 网页、网站、首页 静态网 页和动态网页 IP地址、域名和URL HTTP 和FP 任务三 网页的基本知识 网页的基本结构 网页的基本内容 网页的表现 网页的行为 网页的 Web标准 项目二 HTML5开发基础 任务一 编写一个简单的HTML5 HTML 简介 HTML 的基本结构 项目教学法 情境教学法 直观演示法 任务驱动法 编写一个简单的HTML5页面 8 任务二 设置“在线学习网”的首页文件头部信息 设置“在线学习网”的首页文件头部信息 项目三 文本与段落 任务一 文字的基本排版 段落 换行 预格式化 水平线 各级标题 制作“报刊资源建设”网页 4 任务二 对文字进行加强描述 强调文本 作品标题 小型文本 标记文本的更改 文本的上下标 时间和日期 其他相关元素 任务三 使用块级元素和行内元素 块级元素 行内元素 span标记 任务四 特殊符号的使用 字符实体 任务五 添加注释 旁注 注释 项目四 网页中的图像与多媒体技术 任务一 制作 “在线学习网”的平面作品展示页面 网页中的图像 使用img标记插入图像 1.制作 “在线学习网”的平面作品展示页面 2.制作“在线学习网”的广告作品展示页面 3.制作“在线学习网”的多媒体作品展示页面 8 任务二 制作“在线学习网”的广告作品展示页面 使用object标记在网页中插入Flash动画 使用embed标记在网页中插入多媒体内容 任务三 制作“在线学习网”的多媒体作品展示页面 网页中的多媒体内容 使用video标记在网页中插入视频 用audio标记在网页中插入音频 项目五 应用表格布局页面 任务一 图书借阅详情页面的制作 表格的基本结构 创建表格 表格的其他元素 1.图书借阅详情页面的制作 2.课程表的制作 3.学院首页页面的制作 6 任务二 课程表的制作 跨行跨列设置 背景颜色设置 任务三 学院首页页面的制作 对齐方式的设置 宽度、高度的设置 背景图片的设置 项目六 创建网页中的超链接 任务一 创建“在线学习网”页面的 超链接 创建超链接 超链接的类型 创建“在线学习网”页面的 超链接 4 项目七 网页表单设计 任务一 注册页面的设计 了解表单 输入元素 input 1.注册页面的设计 2.读者留言板的设计 4 任务二 读者留言板的设计 拉选择框元素 select 多行文本域 textarea 项目八 网页的 CSS 样式设计 任务一 网页大标题的样式设计 什么是 CSS CSS 的应用 1.网页大标题的样式设计 2.网页中的文字排版 3.制作新闻列表排行 8 任务二 网页中的文字排版 CSS 字体样式 任务三 制作新闻列表排行榜 1.列表的应用 项目九 使用 DIV+CSS 布局页面 任务一 网页中的图文混排 CSS 盒子模型 CSS 浮动与定位 1.网页中的图文混排 2.网页中的全图排版 3.多行多列式布局 8 任务二 网页中的全图排版 CSS 背景控制 任务三 多行多列式布局 CSS 代码优化 项目十 使用CSS3 美化网站元素 任务一 使用 CSS3 设计网站导航 CSS3 背景渐变及阴影 CSS 超链接样式 1.使用 CSS3 设计网站导航 2.使用 CSS3 美化表格 3.使用 CSS3 美化表单 8 任务二 使用 CSS3 美化表格 1.HTML 表格的特殊应用 任务三 使用 CSS3 美化表单 1.CSS 属性选择器 项目十一 综合案例 任务一 学校网站的页面设计 1.综合应用所学知识 学校网站的页面设计 4 课时合计 =SUM(ABOVE) 64