首页 > 精品范文库 > 15号文库
HTML教案第三章
编辑:烟雨迷离 识别码:24-937105 15号文库 发布时间: 2024-03-06 13:05:19 来源:网络

第一篇:HTML教案第三章

课程名称:使用HTML语言开发商业站点

教案

《HTML》理论课教案

第3章 表单和框架

一、整章授课思路 [100分钟].................................................................................................................2 1.2.2.1 2.2 2.3 3.3.1 3.2 4.5.5.1 5.2 5.3 5.4 5.5 6.回顾、预习检查、任务、目标部分 [10分钟].....................................................3 [表单页面的基本结枸[10分钟].............................................................................3 为什么需要表单?.......................................................................3 表单包含的控件:.......................................................................3 表单页面的基本结构。...............................................................3 各种表单控件的逐一介绍[20分钟].......................................................................4 表单元素的统一格式。...............................................................4 各种表单元素逐一介绍,先讲解语法,然后举例...................4 课堂练习[15分钟]...................................................................................................5 框架[25分钟]...........................................................................................................6 框架窗口的组成...........................................................................6 框架的使用场合。.......................................................................6 框架的基本结构。.......................................................................6 如何创建多个复杂的窗口。.......................................................6 如何设置窗口链接的显示位置。...............................................6 课堂练习2[15分钟]................................................................................................7 编写如下图所示效果对应的html代码..............................................................................7 7.总结[5分钟].............................................................................................................7

二、学员问题汇总.....................................................................................................................................7

三、作业布置.............................................................................................................................................7

-单行文本输入框(TEXT)密码框(PASSWORD)单选按钮(RADIO)复选框(CHECKBOX)下拉列表框(SELECT)按钮:重置按钮(RESET)、提交按钮(SUBMIT)、普通按钮(BUTTON)多行文本框(TEXTAREA)课程名称:使用HTML语言开发商业站点

教案

送到脚本,而不使用请求字符串。语法:method=(get|post) 课堂案例:表单的基本结构  补充案例:详细介绍post和get提交方式的区别。

get传送的数据量较小,不能大于2KB。post传送的数据量较大。POST一般用于提交的信息比较大的情况,它比GET要安全,因为由它提交的信息不会显示在浏览器地址栏上,而GET则用于提交信息比较小的情况,它的速度比POST要快,但是安全性低,因原因是提交的信息会在浏览器地址栏中显示出来,例如提交密码就不能用GET,必须用POST。当我们提交的信息较少且对安全要求不高的时候就可以使用GET,比如百度搜索(演示)。

3.各种表单控件的逐一介绍[20分钟]

3.1 表单元素的统一格式。

常用属性有:

 type:指定表单元素的类型。可用的选项有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默认值为TEXT。

 NAME:指定表单元素的名称。例如,如果表单上有几个文本框,可以按照名称来标识它们教案 课程名称:使用HTML语言开发商业站点

教案

5.框架[25分钟]

5.1 框架窗口的组成      框架集页面(FrameSet.htm)广告栏顶部框架(top.htm)框架的边框

导航栏左侧框架(left.htm)详细内容页面右侧框架(main.htm)5.2 框架的使用场合。

 在页面的一个固定部分显示Logo或静态信息

 左侧框架显示目录,右侧框架显示内容,用户只需单击左侧窗口的目录,在右侧窗口中就会显示相应内容,如网上在线学习教程、论坛、后台管理、产品介绍等。

 框架能有机地把多个页面组合在一起,这多个页面之间可互相独立,却又可相互联系。

5.3 框架的基本结构。

 (框架)

 (框架集)页面的结构是通过属性rows和cols来设置的,根据框架的分割方式可分为:上下分割窗口、左右分割窗口、嵌套分割窗口。

 演示将放在中是否可以显示,引出:HTML 文档可包含 FRAMESET元素或BODY元素之一,而不能同时包含两者。但是可以在标签对中使用

第二篇:html教案

《HTML基础》教案

教材:《dreamweaver cs3网页制作与实训》

执教:罗执清

一、教学目标:

1、了解HTML的概念、作用及特点

2、理解HTML文档结构

3、掌握标签的使用规范

4、了解常用标签的用法

二、教学重点:

1、HTML文件结构

2、标签使用规范

3、常用标签的使用

三、教学难点: HTML概念的理解

四、教学方法:

直观演示和任务驱动相结合

五、教学过程:

1、回顾站点管理相关操作

2、HTML概念及作用

3、HTML文件结构

:HTML文档开始。

:文档头部开始。

:文档标题开始。</p><p>HTML基础:文档标题。</p><p>:文档标题结束。

:文档头部结束。

:文档主体开始。

一个简单的网页:文档主体内容,它是网页的最主要部分。

第三篇:HTML 教案

HTML语言

一、基本元素

1.html元素:… 2.head元素:… 3.title元素:在浏览器标题栏和windows任务栏上显示…<title> 4.body元素:<body>…</p><h2>第四篇:HTML教案第五章</h2><p>课程名称:使用HTML语言开发商业站点</p><p>教案</p><p>《HTML》理论课教案</p><p>第5章 使用Dreamweaver制作网页</p><p>一、整章授课思路 [100分钟].................................................................................................................2 1.2.3.4.5.6.7.8.9.10.回顾、预习检查、任务、目标部分 [10分钟].......................................................2 基本标签的使用[10分钟]........................................................................................2 表格的使用,创建表格布局页面[10分钟].............................................................3 课堂练习1[10分钟]................................................................................................3 表单的使用,结合表格布局进行使用 [10分钟]...................................................4 课堂练习2 [10分钟]................................................................................................4 制作框架网页[10分钟]............................................................................................4 制作样式表 [15分钟]..............................................................................................5 课堂练习3 [10分钟]................................................................................................5 总结[5分钟].............................................................................................................5</p><p>二、学员问题汇总.....................................................................................................................................5</p><p>三、作业布置.............................................................................................................................................6</p><p>-课程名称:使用HTML语言开发商业站点</p><p>教案</p><p>结合如何制作一个图文并茂的页面示例,仿效演示并穿插讲解:</p><p>1)2)3)4)5)6)如何设置页面背景、标题。如何插入图片。</p><p>如何插入段落、换行。如何设置超链接。</p><p>如何格式化文本:文字颜色、字号等 如何插入项目列表</p><p>3.表格的使用,创建表格布局页面[10分钟]</p><p>讲解重点:</p><p>结合如何制作一个新产品展示表格页面,依次演示并穿插讲解:</p><p>1.创建跨行或跨列的表格。2.设置表格背景</p><p>3.设置单元格背景色,对齐方式。</p><p>4.课堂练习1[10分钟]</p><p>练习使用表格布局多张图片,关键是设置表格的边框、填充、边界均为0。</p><p>教案</p><p>课程名称:使用HTML语言开发商业站点</p><p>教案</p><p>1)2)如何制作框架窗口。</p><p>如何设置超链接打开目标窗口。</p><p>8.制作样式表 [15分钟]</p><p>结合如何美化表格页面、制作图片按钮、依次演示并穿插讲解:(1)如何使用Dreamweaver制作各类样式。(2)如何应用样式</p><p>如何使用Dreamweaver制作样式,参考文件夹“补充案例使用Dreamweaver制作样式实例.htm”</p><p>9.课堂练习3 [10分钟] 练习上述讲解的各种样式</p><p>10.总结[5分钟] 7)8)9)10)创建表格最少需要那三个标签? 简述表格的基本结构。</p><p>跨行跨列的表格,主要在什么情况下使用? 给你一个表格,你会从哪些方面进行美化?</p><p>二、学员问题汇总</p><p> 问题1:</p><p>答:。。。 问题2:</p><p>--6 课程名称:使用HTML语言开发商业站点</p><p></FRAMESET> </FRAMESET> <NOFRAMES><BODY></p><h2>第五篇:HTML教案第四章</h2><p>第9次课 CSS基础 课时:4课时</p><p>一、教学目标</p><p>1.2.3.4.会创建无下划线的超链接样式 会创建统一外观的字体文本 会创建个性化的表单 会创建个性化的表格</p><p>二、教学重点</p><p>1.样式的基本语法</p><p>2.会创建常见的样式:统一的文字、颜色等外观、无下划线的超链接、细边框输入框</p><p>三、教学难点</p><p>内嵌样式、行内样式、样式表文件的使用场合</p><p>四、教学过程</p><p>【回顾】[10分钟] 回顾之前所学基本标签,引导学生在网页美化以及格式修改中遇到的问难。从而引入样式表。</p><p>前几次课所学的标签,在网页中呈现出的效果,比较简单,样式比较单一。CSS主要用于改变网页中标签的样式,使网页变得更华丽。可以从外观上更能吸引读者。CSS相当于华丽的衣服样式表能实现内容与样式的分离,方便团队开发。</p><p>1.样式表的基本语法[10分钟]</p><p>1)样式表的基本结构。2)样式规则并举例说明。3)引入类样式。</p><p> 课堂案例:样式表的基本语法</p><p>2.文本属性[10分钟] 引入:</p><p>首先从文本的大小,颜色,字体等来描述文本属性。强调用样式来实现文本的大小颜色字体的显示的好处</p><p>5.方框属性[15分钟]</p><p> 引入:</p><p>首先从文本的大小,颜色,字体等来描述文本属性。 讲解要点:</p><p>1)盒子模式:以网页中放入的一副图片,说明盒子模式设计的各种边界、填充、边框的含义。</p><p>2)应用边框属性、填充属性,制作常见的表格多列中分界线样式。3)应用边框属性,制作细边框输入框样式。</p><p> 课堂案例:</p><p>6.特殊样式[5分钟]</p><p> 讲解要点:</p><p>无下划线的超俩链接的制作方法。 课堂案例:</p><p>7.课堂练习2[10分钟]</p><p>编写如下图所示效果对应的HTML代码</p><p>一、作业布置</p><p>参考答案: <HTML> <HEAD> <META http-equiv=“Content-Type” content=“text/html;charset=gb2312”> <TITLE>外部样式表练习

拍拍用户登陆 5

QQ号码 忘记QQ号码>> QQ密码 忘记密码>>

HTML教案第三章
TOP