HTML CSS DIV网页设计与布局教学教案.docx

PAGE 1 - PAGE 1 - 课程名称 HTML+CSS+DIV 网页 设计与布局 课程性质 网页搭建 开课学院（部） 软件学院 系/教研室 主讲教师 课程号 课程学时 课程学分 课次 第 1 课次，总 14 课次 章节名称 第一章 认识网站开发 授课方式 课堂讲授（ √ ）；实验（ ）； 研讨（ ）； 上机（ ） 教学 时数 2 授课方法手段 使用PPT结合板书讲授，师生互动，研讨。 教学目标 认识网站开发 了解HTML基本概念 练习一个简单的HTML实例 掌握HTML基本标记 教学基本内容 1 认识网站开发，网页设计概述、网页构成元素、网站建设流程、网站开发软件。 2 HTML基本概念，HTML简介、HTML基本结构。 3 一个简单的HTML实例，编写HTML代码、运行HTML文件查看效果 4 HTML基本标记，HTML头标记、HTML主体标记、页面标题。 教学重点难点 重点：网站与网页基础知识、基本概念 难点：网站建立及管理 教学过程设计 教师使用PPT结合板书，讲述本章各个知识点，结合案例加强学生的理解，并引导学生参与部分问题的讨论。 课后作业 书后选择题，填空题，简答题。 参考资料 阅读教材本章内容 网络上查阅网页是什么 百度百科：网页。 课后小结  课次 第 2 课次，总 14 课次 章节名称 第二章 网页文字和图片 授课方式 课堂讲授（ √ ）；实验（ ）； 研讨（ ）； 上机（ ） 教学 时数 2 授课方法手段 使用PPT结合板书讲授，师生互动，研讨。 教学目标 学习文字格式 掌握与文字排版相关的元素 学习文字闪烁 设置网页背景颜色 在网页中插入图像 设置背景图片 教学基本内容 1 文字格式，设置文字大小、设置字体、设置字体颜、加粗与斜体、下划线与删除线、上标与下标、等宽字。 2 与文字排版相关的元素，文本缩进、换行、段落、 段落居中、预定义格式、水平分隔线 3 文字闪烁 4 设置网页背景颜色 5 在网页中插入图像 6 设置背景图片 教学重点难点 重点：网页中的文字和图片 难点：背景图片的设置，网页中图像的使用 教学过程设计 教师使用PPT结合板书，讲述本章各个知识点，结合案例加强学生的理解，并引导学生参与部分问题的讨论。 课后作业 书后选择题，填空题，简答题。 参考资料 阅读教材本章内容 网络上查阅网页的构成 百度百科：网页中的图像。 课后小结 课次 第 3 课次，总 14 课次 章节名称 第三章 网页基本编辑 授课方式 课堂讲授（ √ ）；实验（ ）； 研讨（ ）； 上机（ ） 教学 时数 2 授课方法手段 使用PPT结合板书讲授，师生互动，研讨。 教学目标 创建超链接 学习锚点 掌握图像的超链接 教学基本内容 1 创建超链接，超链接标记、链接地址、打开链接的方式 2 锚点，创建锚点、链接到本页锚点、链接到其他网页的锚点 3 图像的超链接，将整个图像设为链接、设置图像热点区域 教学重点难点 重点：图像热点、图像链接 难点：网页中的各种图像锚点 教学过程设计 教师使用PPT结合板书，讲述本章各个知识点，结合案例加强学生的理解，并引导学生参与部分问题的讨论。 课后作业 书后选择题，填空题，简答题。 参考资料 阅读教材本章内容 网络上查阅锚点 百度百科：超链接。 课后小结 课次 第 4 课次，总 14 课次 章节名称 第四章 表格 授课方式 课堂讲授（ √ ）；实验（ ）； 研讨（ ）； 上机（ ） 教学 时数 2 授课方法手段 使用PPT结合板书讲授，师生互动，研讨。 教学目标 掌握表格的所有属性 设置表格行的对齐方式 行和列的合并 掌握表格的嵌套 教学基本内容 1 创建表格 2 表格属性，表格宽度、表格高度、表格背景图片、单元格间距、表格内单元格与文字的距离 3 表格边框，边框宽度、颜色、亮边框颜色、暗边框颜色 4 设置表格行的对齐方式，垂直对齐方式、水平对齐方式 5 行和列的合并，列的合并、行的合并 6. 表格结构，表头、主体、表尾 7 表格标题 8 表格嵌套 教学重点难点 重点：表格的嵌套、单元格的对齐 难点：表格的各种对齐方式 教学过程设计 教师使用PPT结合板书，讲述本章各个知识点，结合案例加强学生的理解，并引导学生参与部分问题的讨论。 课后作业 书后选择题，填空题，简答题。 参考资料 阅读教材本章内容 网络上查阅表格的构成 百度百科：表格边框。 课后小结 课次 第 5 课次，总 14 课次 章节名称 第五章 多媒体、滚动字幕和列表 授课方式 课堂讲授（ √ ）；实验（ ）； 研讨（ ）； 上机（ ） 教