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

课程名称:HTML+CSS网页设计基础课程编码:开课单位:信息工程学院制定人:审核人:制定时间:课程名称：HTML+CSS网页设计基础 学时：64授课班级：学分：3.5学习情境/项目/单元子情境/子项目/子单元学习内容（支撑知识）教学方法及手段成果形式参考学时项目一网页设计基础知识任务一DreamweaverCC2017的安装DreamweaverCC2017的新增功能案案例教学法直观演示法讲述法 任务驱动法安装DreamweaverCC20172任务二网站的建立网页、网站、首页静态网页和动态网页IP地址、域名和URLHTTP和FP任务三网页的基本知识网页的基本结构网页的基本内容网页的表现网页的行为网页的Web标准项目二HTML5开发基础任务一编写一个简单的HTML5HTML简介HTML的基本结构项目教学法情境教学法直观演示法任务驱动法编写一个简单的HTML5页面8任务二设置“在线学习网”的首页文件头部信息

设置“在线学习网”的首页文件头部信息项目三文本与段落任务一文字的基本排版段落换行预格式化水平线各级标题制作“报刊资源建设”网页4任务二对文字进行加强描述强调文本作品标题小型文本标记文本的更改文本的上下标时间和日期其他相关元素任务三使用块级元素和行内元素块级元素行内元素<span>标记任务四特殊符号的使用字符实体任务五添加注释旁注注释项目四网页中的图像与多媒体技术任务一制作“在线学习网”的平面作品展示页面网页中的图像使用<img>标记插入图像1.制作“在线学习网”的平面作品展示页面2.制作“在线学习网”的广告作品展示页面3.制作“在线学习网”的多媒体作品展示页面8任务二制作“在线学习网”的广告作品展示页面使用<object>标记在网页中插入Flash动画使用<embed>标记在网页中插入多媒体内容任务三制作“在线学习网”的多媒体作品展示页面网页中的多媒体内容使用<video>标记在网页中插入视频用<audio>标记在网页中插入音频项目五应用表格布局页面任务一图书借阅详情页面的制作表格的基本结构创建表格表格的其他元素1.图书借阅详情页面的制作2.课程表的制作3.学院首页页面的制作6任务二课程表的制作跨行跨列设置背景颜色设置任务三学院首页页面的制作对齐方式的设置宽度、高度的设置背景图片的设置项目六创建网页中的超链接任务一创建“在线学习网”页面的超链接创建超链接超链接的类型创建“在线学习网”页面的超链接4项目七网页表单设计任务一注册页面的设计了解表单输入元素input1.注册页面的设计2.读者留言板的设计4任务二读者留言板的设计拉选择框元素select多行文本域textarea项目八网页的CSS样式设计任务一网页大标题的样式设计什么是CSSCSS的应用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表格的特殊应用任务三