HTML CSS DIV网页设计与布局教学教案
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1 多媒体元素,插入多媒体元素、循环播放、自动播放、隐藏多媒体元素
2 插入背景音乐
3 滚动字幕,添加滚动字幕、滚动方向、滚动方式、滚动字幕背景颜色、滚动速度、 滚动延迟、 滚动次数、 滚动字幕空白空间、 设置鼠标经过效果
4 无序列表,无序列表结构、无序列表的列表项样式
5 有序列表,有序列表结构、有序列表的列表项样式
百度百科:无序列表、有序列表。
课后小结
课次
第6课次,总 14课次
章节名称
第六章 表单
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
了解表单的基本概念
掌握表单的各种元素
掌握各种输入标签
掌握文本框的应用方法
教学基本内容
课程名称
HTML+CSS+DIV网页设计与布局
课程性质
网页搭建
开课学院(部)
软件学院
系/教研室
主讲教师
课程号
课程学时
课程学分
课次
第 1 课次,总14课次
章节名称
第一章认识网站开发
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
6 嵌套列表
7 定义列表
8 目录列表
9 菜单列表
教学重点难点
重点:各种形式的列表、滚动字幕的设计
难点:各种列表的互相嵌套
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅列表的构成
2 与文字排版相关的元素,文本缩进、换行、段落、段落居中、预定义格式、水平分隔线
3 文字闪烁
4 设置网页背景颜色
5 在网页中插入图像
6 设置背景图片
教学重点难点
重点:网页中的文字和图片
难点:背景图片的设置,网页中图像的使用
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
教学目标
认识网站开发
了解HTML基本概念
练习一个简单的HTML实例
掌握HTML基本标记
教学基本内容
1 认识网站开发,网页设计概述、网页构成元素、网站建设流程、网站开发软件。
2 HTML基本概念,HTML简介、HTML基本结构。
3 一个简单的HTML实例,编写HTML代码、运行HTML文件查看效果
4 HTML基本标记,HTML头标记、HTML主体标记、页面标题。
行和列的合并
掌握表格的嵌套
教学基本内容
1 创建表格
2 表格属性,表格宽度、表格高度、表格背景图片、单元格间距、表格内单元格与文字的距离
3 表格边框,边框宽度、颜色、亮边框颜色、暗边框颜色
4 设置表格行的对齐方式,垂直对齐方式、水平对齐方式
5 行和列的合并,列的合并、行的合并
6. 表格结构,表头、主体、表尾
7 表格标题
8 表格嵌套
教学重点难点
重点:表格的嵌套、单元格的对齐
难点:表格的各种对齐方式
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅表格的构成
百度百科:表格边框。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅锚点
百度百科:超链接。
课后小结
课次
第4课次,总 14课次
章节名称
第四章表格
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
掌握表格的所有属性
设置表格行的对齐方式
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅网页的构成
百度百科:网页中的图像。
课后小结
课次
第3课次,总 14课次
章节名称
第三章网页基本编辑
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅输入框标签
百度百科:文本域。
课后小结
课次
第7课次,总 14课次
章节名称
第七章 框架
课后小结
课次
第5课次,总 14课次
章节名称
第五章 多媒体、滚动字幕和列表
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
掌握各种多媒体的插入方式
学会滚动字幕的设置
学会在网页中添加各种列表
掌握菜单列表的使用
教学基本内容
章节名称
第二章网页文字和图片
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
学习文字格式
掌握与文字排版相关的元素
学习文字闪烁
设置网页背景颜色
在网页中插入图像
设置背景图片
教学基本内容
1 文字格式,设置文字大小、设置字体、设置字体颜、加粗与斜体、下划线与删除线、上标与下标、等宽字。
1 添加表单,链接跳转、链接跳转方式、表单名称
2 输入标签,文本框、密码框、单选框、复选框、提交按钮、重置按钮、图像按钮、文件域、隐藏域
3 下拉列表
4 文本域
教学重点难点
重点:表单和输入框的基本概念和使用方法
难点:文本域的使用
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
教学重点难点
重点:网站与网页基础知识、基本概念
难点:网站建立及管理
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅网页是什么
百度百科ห้องสมุดไป่ตู้网页。
课后小结
课次
第 2 课次,总 14课次
创建超链接
学习锚点
掌握图像的超链接
教学基本内容
1 创建超链接,超链接标记、链接地址、打开链接的方式
2 锚点,创建锚点、链接到本页锚点、链接到其他网页的锚点
3 图像的超链接,将整个图像设为链接、设置图像热点区域
教学重点难点
重点:图像热点、图像链接
难点:网页中的各种图像锚点
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
2 插入背景音乐
3 滚动字幕,添加滚动字幕、滚动方向、滚动方式、滚动字幕背景颜色、滚动速度、 滚动延迟、 滚动次数、 滚动字幕空白空间、 设置鼠标经过效果
4 无序列表,无序列表结构、无序列表的列表项样式
5 有序列表,有序列表结构、有序列表的列表项样式
百度百科:无序列表、有序列表。
课后小结
课次
第6课次,总 14课次
章节名称
第六章 表单
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
了解表单的基本概念
掌握表单的各种元素
掌握各种输入标签
掌握文本框的应用方法
教学基本内容
课程名称
HTML+CSS+DIV网页设计与布局
课程性质
网页搭建
开课学院(部)
软件学院
系/教研室
主讲教师
课程号
课程学时
课程学分
课次
第 1 课次,总14课次
章节名称
第一章认识网站开发
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
6 嵌套列表
7 定义列表
8 目录列表
9 菜单列表
教学重点难点
重点:各种形式的列表、滚动字幕的设计
难点:各种列表的互相嵌套
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅列表的构成
2 与文字排版相关的元素,文本缩进、换行、段落、段落居中、预定义格式、水平分隔线
3 文字闪烁
4 设置网页背景颜色
5 在网页中插入图像
6 设置背景图片
教学重点难点
重点:网页中的文字和图片
难点:背景图片的设置,网页中图像的使用
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
教学目标
认识网站开发
了解HTML基本概念
练习一个简单的HTML实例
掌握HTML基本标记
教学基本内容
1 认识网站开发,网页设计概述、网页构成元素、网站建设流程、网站开发软件。
2 HTML基本概念,HTML简介、HTML基本结构。
3 一个简单的HTML实例,编写HTML代码、运行HTML文件查看效果
4 HTML基本标记,HTML头标记、HTML主体标记、页面标题。
行和列的合并
掌握表格的嵌套
教学基本内容
1 创建表格
2 表格属性,表格宽度、表格高度、表格背景图片、单元格间距、表格内单元格与文字的距离
3 表格边框,边框宽度、颜色、亮边框颜色、暗边框颜色
4 设置表格行的对齐方式,垂直对齐方式、水平对齐方式
5 行和列的合并,列的合并、行的合并
6. 表格结构,表头、主体、表尾
7 表格标题
8 表格嵌套
教学重点难点
重点:表格的嵌套、单元格的对齐
难点:表格的各种对齐方式
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅表格的构成
百度百科:表格边框。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅锚点
百度百科:超链接。
课后小结
课次
第4课次,总 14课次
章节名称
第四章表格
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
掌握表格的所有属性
设置表格行的对齐方式
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅网页的构成
百度百科:网页中的图像。
课后小结
课次
第3课次,总 14课次
章节名称
第三章网页基本编辑
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅输入框标签
百度百科:文本域。
课后小结
课次
第7课次,总 14课次
章节名称
第七章 框架
课后小结
课次
第5课次,总 14课次
章节名称
第五章 多媒体、滚动字幕和列表
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
掌握各种多媒体的插入方式
学会滚动字幕的设置
学会在网页中添加各种列表
掌握菜单列表的使用
教学基本内容
章节名称
第二章网页文字和图片
授课方式
课堂讲授( √ );实验( );
研讨( ); 上机( )
教学 时数
2
授课方法手段
使用PPT结合板书讲授,师生互动,研讨。
教学目标
学习文字格式
掌握与文字排版相关的元素
学习文字闪烁
设置网页背景颜色
在网页中插入图像
设置背景图片
教学基本内容
1 文字格式,设置文字大小、设置字体、设置字体颜、加粗与斜体、下划线与删除线、上标与下标、等宽字。
1 添加表单,链接跳转、链接跳转方式、表单名称
2 输入标签,文本框、密码框、单选框、复选框、提交按钮、重置按钮、图像按钮、文件域、隐藏域
3 下拉列表
4 文本域
教学重点难点
重点:表单和输入框的基本概念和使用方法
难点:文本域的使用
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
教学重点难点
重点:网站与网页基础知识、基本概念
难点:网站建立及管理
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。
课后作业
书后选择题,填空题,简答题。
参考资料
阅读教材本章内容
网络上查阅网页是什么
百度百科ห้องสมุดไป่ตู้网页。
课后小结
课次
第 2 课次,总 14课次
创建超链接
学习锚点
掌握图像的超链接
教学基本内容
1 创建超链接,超链接标记、链接地址、打开链接的方式
2 锚点,创建锚点、链接到本页锚点、链接到其他网页的锚点
3 图像的超链接,将整个图像设为链接、设置图像热点区域
教学重点难点
重点:图像热点、图像链接
难点:网页中的各种图像锚点
教学过程设计
教师使用PPT结合板书,讲述本章各个知识点,结合案例加强学生的理解,并引导学生参与部分问题的讨论。