html(4)教案

合集下载

html教案

html教案

html教案HTML教案教学目标:1. 了解HTML的基本定义和作用;2. 熟悉HTML的基本标签;3. 能够使用HTML创建简单的网页。

教学内容:一、HTML的定义和作用1. HTML是超文本标记语言(HyperText Markup Language)的缩写,它是一种用来描述网页结构的标记语言;2. HTML的作用是实现网页的内容展示和布局。

二、HTML的基本标签1. <!DOCTYPE html>:定义文档类型为HTML5;2. <html>:定义HTML文档;3. <head>:定义文档的头部,包含与文档相关的信息,如标题、样式表、脚本等;4. <title>:定义文档的标题,显示在浏览器的标题栏中;5. <body>:定义文档的主体,包含网页的内容;6. <h1>-<h6>:定义标题,数字从1到6,数字越小字号越大;7. <p>:定义段落;8. <a>:定义超链接,通过href属性指定链接的目标网址;9. <img>:定义图像,通过src属性指定图像的源文件;10. <ul>:定义无序列表、<ol>:定义有序列表;11. <li>:定义列表项;12. <table>:定义表格;13. <tr>:定义表格的一行;14. <td>:定义表格的一个单元格;15. <form>:定义表单,用于向服务器提交数据;16. <input>:定义表单中的输入控件。

教学步骤:1. 介绍HTML的定义和作用,引导学生了解HTML的重要性;2. 逐个讲解HTML的基本标签,重点解释各个标签的含义和用法;3. 分析实际网页的结构,帮助学生理解HTML标签的嵌套关系;4. 演示使用HTML创建简单的网页,如一个包含标题、段落和图像的页面;5. 练习让学生根据给定的需求,使用HTML创建自己的网页;6. 展示学生的成果,进行互动讨论和评价。

Dreamweaver CC教案

Dreamweaver CC教案

《Dreamweaver网页设计与制作》项目一创建站点
《Dreamweaver网页设计与制作》项目二制作简单的文字页面
《Dreamweaver网页设计与制作》项目三制作图像页面
《Dreamweaver网页设计与制作》项目四使用表格布局网页
《Dreamweaver网页设计与制作》项目五运用CSS样式美化网页
《Dreamweaver网页设计与制作》项目六制作图像页面
《Dreamweaver网页设计与制作》项目七制作图像页面
《Dreamweaver网页设计与制作》项目八设置页面中的超链接
《Dreamweaver网页设计与制作》项目九使用框架布局页面
《Dreamweaver网页设计与制作》项目十使用浮动框架布局页面
《Dreamweaver网页设计与制作》项目十一 AP Div在网页中的应用
《Dreamweaver网页设计与制作》项目十二使用模板提高网页制作效率
《Dreamweaver网页设计与制作》项目十三库项目在网页中的应用
《Dreamweaver网页设计与制作》项目十四使用行为和JavaScript为网页添加特效。

《HTML+CSS网页设计与布局》教案

《HTML+CSS网页设计与布局》教案

《HTML+CSS网页设计与布局》教案章节一:HTML基础1.1 教学目标了解HTML的基本概念和作用掌握HTML的基本语法和结构学会使用HTML编写简单的页面1.2 教学内容HTML简介HTML基本语法HTML基本结构常用的HTML标签1.3 教学方法讲授法:讲解HTML的基本概念和作用,演示基本语法和结构实践法:学生动手编写简单的HTML页面1.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)1.5 教学评估课堂练习:学生现场编写简单的HTML页面课后作业:学生完成课后练习,巩固所学知识章节二:CSS基础2.1 教学目标了解CSS的基本概念和作用掌握CSS的基本语法和选择器学会使用CSS样式化网页元素2.2 教学内容CSS简介CSS基本语法CSS选择器常用的CSS属性2.3 教学方法讲授法:讲解CSS的基本概念和作用,演示基本语法和选择器实践法:学生动手编写简单的CSS样式2.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)2.5 教学评估课堂练习:学生现场编写简单的CSS样式课后作业:学生完成课后练习,巩固所学知识章节三:网页布局基础3.1 教学目标了解网页布局的基本概念和原则掌握使用HTML和CSS进行网页布局的方法学会使用浮动布局和定位布局实现网页布局3.2 教学内容网页布局概述浮动布局定位布局布局实践3.3 教学方法讲授法:讲解网页布局的基本概念和原则,演示浮动布局和定位布局的方法实践法:学生动手实践,完成网页布局实例3.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例3.5 教学评估课堂练习:学生现场完成网页布局实例课后作业:学生完成课后练习,巩固所学知识章节四:响应式网页设计4.1 教学目标了解响应式网页设计的基本概念和原则掌握使用CSS媒体查询实现响应式布局的方法学会根据不同设备进行网页布局的调整4.2 教学内容响应式网页设计概述CSS媒体查询响应式布局实践4.3 教学方法讲授法:讲解响应式网页设计的基本概念和原则,演示CSS媒体查询的使用方法实践法:学生动手实践,完成响应式网页布局实例4.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例4.5 教学评估课堂练习:学生现场完成响应式网页布局实例课后作业:学生完成课后练习,巩固所学知识章节五:HTML5与CSS3新特性5.1 教学目标了解HTML5的基本概念和新增特性掌握CSS3的基本概念和新增特性学会使用HTML5和CSS3制作现代化的网页5.2 教学内容HTML5简介HTML5新增特性CSS3简介CSS3新增特性5.3 教学方法讲授法:讲解HTML5和CSS3的基本概念和新增特性实践法:学生动手实践,使用HTML5和CSS3制作现代化的网页5.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例5.5 教学评估课堂练习:学生现场使用HTML5和CSS3制作现代化的网页课后作业:学生完成课后练习,巩固所学知识《HTML+CSS网页设计与布局》教案章节六:表格与表单6.1 教学目标了解HTML中表格的基本用法掌握使用CSS样式化表格学会创建表单以及使用表单元素6.2 教学内容表格的基本结构表格的样式化表单的创建表单元素的使用6.3 教学方法讲授法:讲解表格和表单的基本概念和用法实践法:学生动手实践,编写含有表格和表单的HTML页面6.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)6.5 教学评估课堂练习:学生现场编写含有表格和表单的HTML页面课后作业:学生完成课后练习,巩固所学知识章节七:多媒体与交互7.1 教学目标了解HTML中多媒体元素的使用掌握CSS动画和过渡效果的实现学会使用JavaScript添加网页交互7.2 教学内容多媒体元素(如img, audio, video)CSS动画和过渡效果JavaScript基础和交互实现7.3 教学方法讲授法:讲解多媒体元素的使用和CSS动画效果实践法:学生动手实践,编写包含多媒体和交互的HTML页面7.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例7.5 教学评估课堂练习:学生现场编写包含多媒体和交互的HTML页面课后作业:学生完成课后练习,巩固所学知识章节八:浏览器兼容性与优化8.1 教学目标了解浏览器兼容性的概念掌握使用CSS hacks和兼容性解决方案学会网页性能优化技巧8.2 教学内容浏览器兼容性问题CSS hacks和兼容性解决方案网页性能优化8.3 教学方法讲授法:讲解浏览器兼容性和网页性能优化的概念实践法:学生动手实践,对网页进行兼容性和性能优化8.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例8.5 教学评估课堂练习:学生现场对网页进行兼容性和性能优化课后作业:学生完成课后练习,巩固所学知识章节九:响应式图片与字体9.1 教学目标了解响应式网页设计中图片和字体的处理掌握CSS中的媒体查询和特性检测学会使用srcset和sizes属性9.2 教学内容响应式图片的处理响应式字体的处理CSS媒体查询和特性检测9.3 教学方法讲授法:讲解响应式图片和字体的处理方法实践法:学生动手实践,编写响应式图片和字体的HTML页面9.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例9.5 教学评估课堂练习:学生现场编写响应式图片和字体的HTML页面课后作业:学生完成课后练习,巩固所学知识章节十:版本控制与协作开发10.1 教学目标了解版本控制的概念和重要性掌握Git的基本命令和操作学会在团队中进行协作开发10.2 教学内容版本控制基础知识Git的安装和配置Git的基本命令(如clone, mit, push, pull等)GitHub的基本使用10.3 教学方法讲授法:讲解版本控制的概念和Git的基本命令实践法:学生动手实践,使用Git进行版本控制10.4 教学资源PowerPoint课件Git安装和配置指导文档GitHub的使用文档10.5 教学评估课堂练习:学生现场使用Git进行版本控制课后作业:学生完成课后练习,巩固所学知识《HTML+CSS网页设计与布局》教案章节十一:移动端网页设计11.1 教学目标了解移动端网页设计的基本原则掌握使用CSS媒体查询进行移动端布局学会优化移动端用户体验11.2 教学内容移动端网页设计原则媒体查询的使用触摸事件和手势移动端优化技巧11.3 教学方法讲授法:讲解移动端网页设计原则和媒体查询的使用实践法:学生动手实践,完成移动端网页布局实例11.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例11.5 教学评估课堂练习:学生现场完成移动端网页布局实例课后作业:学生完成课后练习,巩固所学知识章节十二:网页性能优化12.1 教学目标了解网页性能对用户体验的影响掌握网页性能优化的方法和技巧学会使用工具进行性能分析12.2 教学内容网页性能影响因素性能优化方法(如图片优化、代码压缩、缓存利用等)性能分析工具(如Chrome DevTools)12.3 教学方法讲授法:讲解网页性能影响因素和优化方法实践法:学生动手实践,对网页进行性能优化12.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)在线演示和案例12.5 教学评估课堂练习:学生现场对网页进行性能优化课后作业:学生完成课后练习,巩固所学知识章节十三:网络标准和前端框架13.1 教学目标了解Web标准的概念和重要性掌握HTML5和CSS3的新特性学会使用前端框架(如Bootstrap)13.2 教学内容Web标准概述HTML5和CSS3新特性前端框架介绍(如Bootstrap)13.3 教学方法讲授法:讲解Web标准和HTML5/CSS3新特性实践法:学生动手实践,使用前端框架进行网页设计13.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)前端框架文档和教程13.5 教学评估课堂练习:学生现场使用前端框架进行网页设计课后作业:学生完成课后练习,巩固所学知识章节十四:项目实践14.1 教学目标综合运用所学知识进行网页设计与布局学会项目规划和管理完成一个完整的个人或团队项目14.2 教学内容项目选题和规划网页设计与布局实践项目展示与评价14.3 教学方法讲授法:讲解项目选题和规划的方法实践法:学生动手实践,完成个人或团队项目14.4 教学资源PowerPoint课件HTML编写工具(如Sublime Text、Visual Studio Code等)项目管理和评价指南14.5 教学评估项目完成情况评估团队协作和沟通能力评估项目展示和评价章节十五:就业指导与职业规划15.1 教学目标了解Web前端开发的职业前景掌握求职技巧和面试准备学会进行职业规划和发展15.2 教学内容Web前端开发职业前景求职技巧和面试准备职业规划和发展建议15.3 教学方法讲授法:讲解Web前端开发的职业前景和求职技巧实践法:学生进行模拟面试和职业规划练习15.4 教学资源PowerPoint课件求职和职业规划指导文档模拟面试材料15.5 教学评估模拟面试表现评估职业规划文档评估学生反馈和总结重点和难点解析本文主要介绍了《HTML+CSS网页设计与布局》的教学教案,涵盖了HTML基础、CSS基础、网页布局基础、响应式网页设计、HTML5与CSS3新特性、表格与表单、多媒体与交互、浏览器兼容性与优化、响应式图片与字体、版本控制与协作开发、移动端网页设计、网页性能优化、网络标准和前端框架、项目实践以及就业指导与职业规划等十五个章节。

HTML参考手册

HTML参考手册
HTML教案 教案
简介: 简介 HTML语言(Hypertext Markup language,中文通常称为超文本置标语言,或 超文本标记语言)是一种文本类,解释执行的标记语言,它是Internet上用于 编写网页的主要语言. 我们浏览网站的时候,看到的是丰富影像,文字,图片,这些内容都是通过 HTML语言来表现出不的. HTML文件的基本结构 文件的基本结构 <HTML> HTML文件开始 <HEAD> HTML文件的头部开始 <TITLE>中国太极网欢迎您!</TITLE>(标题标记) </HEAD> 文件头部结束 <BODY> 文件的主体开始 …… …… 文件的主体内容 </BODY> 文件的主体结束 </HTML> 文件结束 其中"<"">"是任何标记的开始和结束.元素的标记要用这对尖括号括起来,并 且结束的标记是在开始的标记前加一个斜杠.另外在源代码中 不区分大小写.
HTML教案 教案
5,水平线排列align 三种对齐方式(center left right) 七,其他标记 插入空格&nbsp; " &quot; & &amp; < &lt; > &gt' × &times; 八,网页的主体标记body 1,网页背景色bgcolor 语法:<body bgcolor="背景色"> 2,网页背景图片background 语法:<body background="图片的地址"> 3,文字颜色text 语法:<body text="文字的颜色"> 4,边距margin 语法:<body topmargin=上边距的值 leftmargin=左边距的值>

初中信息技术教案掌握网页制作与发布技巧

初中信息技术教案掌握网页制作与发布技巧

初中信息技术教案掌握网页制作与发布技巧在当今数字化时代,信息技术的学习和应用变得越来越重要。

而网页制作与发布作为信息技术的一项基础技能,在初中阶段就应该开始培养。

本教案旨在帮助初中学生掌握网页制作与发布的技巧,提高他们的信息技术素养。

一、教学目标1. 理解网页制作的基本概念和原理;2. 掌握网页制作所需的编程语言和工具;3. 学会使用HTML和CSS进行网页布局和样式设计;4. 熟悉网页发布的过程和要求;5. 运用所学知识制作和发布自己的个人网页。

二、教学内容1. 网页制作基础知识1.1 网页的基本概念和组成元素;1.2 HTML语言的基础语法和标签;1.3 CSS语言的基本概念和样式规则。

2. 网页布局和样式设计2.1 使用HTML进行网页结构布局;2.2 使用CSS设置网页的样式和外观效果;2.3 学习并应用常见的布局和样式技巧。

3. 网页发布和维护3.1 网页发布的基本步骤和要求;3.2 学习如何选择和注册域名;3.3 使用FTP工具上传网页文件至服务器;3.4 学会维护和更新已发布的网页内容。

三、教学过程1. 网页制作基础知识1.1 通过讲解和示范,介绍网页的基本概念和组成元素;1.2 通过实例演示和练习,让学生熟悉HTML语言的基本语法和标签;1.3 引导学生了解CSS语言的基本概念和样式规则,并运用于实际案例中。

2. 网页布局和样式设计2.1 通过案例分析和展示,教学常用的网页布局方法和技巧;2.2 指导学生使用HTML语言进行网页结构布局,并运用CSS设置样式和外观效果;2.3 通过练习和作业,让学生熟悉并掌握各种布局和样式设计技巧。

3. 网页发布和维护3.1 介绍网页发布的基本步骤和要求,让学生了解网页发布的整体过程;3.2 指导学生选择和注册合适的域名,并解释域名解析的基本原理;3.3 演示和实践使用FTP工具上传网页文件至服务器;3.4 强调网页维护的重要性,鼓励学生定期更新、优化已发布的网页内容。

初中网页设计教案

初中网页设计教案

初中网页设计教案教学目标:1. 让学生了解网页设计的基本概念和流程。

2. 培养学生运用HTML和CSS进行网页设计的能力。

3. 引导学生运用创意思维和审美观念,提高网页设计的美观度和实用性。

教学内容:1. 网页设计基本概念和流程。

2. HTML和CSS的基本语法和应用。

3. 网页设计实例分析和实践。

教学过程:一、导入(5分钟)1. 教师通过向学生展示一些精美的网页,引起学生对网页设计的兴趣。

2. 教师简要介绍网页设计的基本概念和流程,让学生对网页设计有一个整体的认识。

二、基本概念和流程(10分钟)1. 教师讲解网页设计的基本概念,如网页、网站、HTML、CSS等。

2. 教师介绍网页设计的流程,包括需求分析、设计稿、HTML编写、CSS样式设置、测试和发布等步骤。

三、HTML和CSS的基本语法和应用(10分钟)1. 教师讲解HTML的基本语法,如标签、属性、注释等。

2. 教师讲解CSS的基本语法,如选择器、属性、注释等。

3. 教师通过示例,演示如何使用HTML和CSS创建一个简单的网页。

四、网页设计实例分析和实践(10分钟)1. 教师展示一个精美的网页设计实例,分析其设计思路和技巧。

2. 教师指导学生动手实践,尝试仿造示例网页进行设计。

3. 教师巡回指导,解答学生遇到的问题,提供建议和改进意见。

五、创意思维和审美观念(5分钟)1. 教师讲解如何在网页设计中运用创意思维,提高网页的个性化和独特性。

2. 教师讲解网页设计的审美观念,如色彩、布局、字体等。

3. 教师鼓励学生发挥创意,注重审美,提升网页设计的作品质量。

六、总结和作业布置(5分钟)1. 教师对本节课的内容进行总结,强调重点和难点。

2. 教师布置作业,要求学生课后练习网页设计,巩固所学知识。

教学评价:1. 学生能掌握网页设计的基本概念和流程。

2. 学生能运用HTML和CSS进行简单的网页设计。

3. 学生的网页设计作品具有创意思维和审美价值。

教学反思:本节课通过讲解网页设计的基本概念和流程,让学生了解网页设计的方方面面。

网页html制作教案

网页html制作教案

网页html制作教案教案标题:网页HTML制作教案教案目标:1. 了解HTML的基本概念和标签;2. 掌握HTML网页的基本结构和语法;3. 学会使用HTML标签创建网页元素;4. 实践应用HTML标签制作简单网页。

教学步骤:引入活动:1. 引导学生思考并讨论网页的基本组成部分以及网页设计的重要性。

知识讲解:2. 解释HTML的概念和作用,介绍HTML标签的基本语法和结构。

3. 分析常用的HTML标签,如<html>、<head>、<title>、<body>等,并解释它们的作用和用法。

4. 介绍HTML标签的属性和常用属性值,如href、src、alt等。

示范演示:5. 演示如何创建一个简单的HTML网页,包括设置标题、插入图片、创建超链接等。

6. 解释并演示如何使用HTML标签进行文本格式化、添加列表、创建表格等。

练习活动:7. 学生分组进行实践练习,根据教师提供的练习题目,使用HTML标签制作自己的网页。

8. 学生展示自己设计的网页,并进行互相评价和讨论。

总结和评价:9. 回顾HTML的基本概念和标签,确保学生对所学内容有清晰的理解。

10. 评价学生的学习情况,提供反馈和指导。

教学资源:- 计算机设备和投影仪- 网页编辑器软件或在线HTML编辑器- 练习题目和示例网页评估方式:- 学生的练习成果和展示- 学生对HTML标签的理解和应用能力- 学生在课堂讨论中的参与程度扩展活动:- 鼓励学生自主学习更多HTML标签和属性,尝试制作更复杂的网页。

- 引导学生学习CSS样式表,了解如何为网页添加样式和布局。

注意事项:- 确保学生在实践过程中遵守版权法和道德规范,避免使用未经授权的图片和内容。

- 鼓励学生分享自己的网页作品,促进交流和学习。

初中信息技术教案:HTML基础教学与实践

初中信息技术教案:HTML基础教学与实践

HTML是编写网页的标准语言,HTML(英文全称:HyperText Markup Language)全称为“超文本标记语言”,是网页应用最为广泛的标记语言。

它是由网景公司(Netscape Communications)和美国国家超级计算应用中心(National Center for Supercomputer Applications,简称NCSA)所研发,NCSA最著名的作品无疑是Mosaic网页浏览器,该浏览器是第一个成功在互联网上实现图形化网页浏览的浏览器。

而在开发Mosaic的过程中,就是应用HTML来描述网页的。

而HTML最初的目的也只是用来描述一些文字和图片。

而后来,随着用户对网页的需求的不断增加,网页上的各式各样的元素也在不断地涌现,HTML的标签也就越来越多。

初中信息技术教学与实践,HTML 基础教学必不可少,因为很多同学会选择在初中时开始学习HTML 的基础知识。

在学习 HTML 基础知识时,同学们应该了解 HTML 标签、标签属性、标签的嵌套、HTML 实体字符等方面的知识。

在学习 HTML 基础知识时,同学们需要做好笔记,掌握 HTML 基础语法,学习 HTML 基础知识是学习Web 编程的基础。

HTML 教学的主要内容包括 HTML 标签、HTML 文本标记、HTML 链接标记、HTML 图像标记、HTML 列表标记、HTML 表格标记等方面的知识。

在学习 HTML 标记时,同学们需要了解 HTML 标记的格式、作用、用法等方面的知识。

在学习 HTML 文本标记时,同学们需要了解 HTML 包裹的文本,HTML 字体、字体颜色等方面的知识。

在学习 HTML 链接标记时,同学们需要了解 HTML 链接的定义、用法、链接到网页、链接到图片等方面的知识。

在学习 HTML 图像标记时,同学们需要了解 HTML 图像的定义、用法、图片大小等方面的知识。

在学习 HTML 列表标记时,同学们需要了解 HTML 列表的定义、用法、有序列表、无序列表等方面的知识。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
使用投影仪或是电子教室演示,打开学生作业,讲解作业中的问题,提出解决问题的方法。
观察、思考、记录,可以讨论。
10’
学习select标签,学习fieldset标签。
使用投影仪或是电子教室演示,展示两个标签的范例,点出两个标签的要点。
观看,思考、思考,提出自己的看法,观点,记录笔记。
10’
练习使用select创建下拉列表,使用fieldset标签创建表单的边框。
观看,思考、思考,提出自己的看法,观点,发现作业的问题,提出自己的解决方法。
10’
学习input标签。
展示老师做出的学习网页2,布置本课的主要任务,提出要求:学习input标签的各种属性。要求每一个框都能够正确显示。
观看,思考,提问,记录。
15’
学习标签:学习input。学习使用记事本写简单的文本框,密码框,按钮等。完成任务1前面部分。
使用投影仪或是电子教室演示,展示两个标签的范例,点出两个标签的要点。
观看,思考、思考,提出自己的看法,观点,记录笔记。
20’
架设asp服务器的操作练习。
下行观察指导,释疑。
尝试下载.net frame,安装此程序,设置asp站点属性,架设asp站点。
5’
任务小结1,布置新任务。
使用电子教室小结前面任务,总结。布置学习:写作接受页面,测试页面。
Html(4)教案
一、三维教学目标
知识与技能技能目标
(1)掌握使用form代码。
(2)掌握使用input select checkbox等标签。
(3)综合使用已经学习过的标签。
过程与方法目标
(1)打开老师的教学网页4查看代码,并且将其转化为操作技能的方法。
(2)通过实验、探索、讨论,学习解决问题的方法。
下行检查。督促学生完成任务,解答学生问题。鼓励优先完成任务的学生,评价他们的作品,鼓励其帮助其他人。
尝试完成任务,测试代码。多边合作,积极讨论,记录要点。
记忆input的要点。
5’
任务1代码小结2。
使用电子教室小结前面任务,总结。分析问题,提出解决问题的方法。
观察,思考,记录技术要点。
10
学习textarea的学习,完成任务2。提交作业。
时序
教学内容及环节(第3、4课时)
教师活动
学生活动
10’
复习回顾form input textarea select等标签,考察上节课的要点。
使用投影仪或是电子教室演示,打开学生作业,讲解作业中的问题,提出解决问题的方法。
观察、思考、记录,可以讨论。
10’
学习架设asp服务器。下载.net frame2.0,安装此软件,设置web服务扩展,启用asp,设置网站属性:主目录的执行权限,脚本和可指向文件,使用版本。
实训:机房,server2003,安装文件。
六、教学用具:
PC,投影仪,相关软件。
七、课时安排:共计6课时。
第1-2课时:input select checkbox学习。
第3-4课时:写作一个注册页面。用到文本框,文本域,密码框,下拉列表,单选项,复选项,按钮等。
第5-6课时;学习form的2中action。测试接受页面。
5’
书写代码小结2。
使用电子教室小结前面任务,总结。分析问题,提出解决问题的方法。
观察,思考,记录技术要点。
10
进一步完善代码。提交作业。
下行,督促学生完成任务,解答部分学生的问题。
努力完成任务,测试代码,修改作业。多边合作,积极讨论,记录要点。
5’
小结3
小结技术要点
整理笔记资料
ቤተ መጻሕፍቲ ባይዱ后记
第3、4课时(理实一体化)
八、教学过程
时序
教学内容及环节(第1、2课时)
教师活动
学生活动
10’
分析学生上节课作业,简化代码,分析问题,解决问题。
使用投影仪或是电死教师演示,打开学生作业,讲解作业中的问题,提出解决问题的方法。
观察、思考、记录,可以讨论。
10’
共同分析其他学生的作业并且评价。
使用投影仪或是电子教室演示,打开学生的作业,引导学生分析。
下行观察指导,释疑。提出要求:改变input的type属性,观察出现的结果。
观察示范网页,模仿操作。
5’
任务小结1,布置新任务。
使用电子教室小结前面任务,强调input做复选项,单选项,传递的是value中的值。
观察,思考,记录笔记。
20’
学习input的类型,学上传,和图像做按钮,在同一个页面中尝试写出input的每个输入域的类型。
下行督促学生完成任务,解答学生疑难问题。
尝试做任务,学习指导书,学习w3c离线文件。
15’
学习form的属性:action=“普通的url”和action=“邮件地址”时的不同,学习method=“get”,method=“post”,name属性。
下行观察指导,释疑
尝试写作注册页面,比较form的不同属性,结果的不同,记录疑问。
5’
任务小结1,布置新任务。
使用电子教室小结前面任务,总结。布置学习:写作注册页面,适当修饰页面。
观察,思考,记录任务。
20’
学习,练习form内的输入域的用法,将前面的格式化标签应用到注册页面。
下行检查。督促学生完成任务,解答学生问题。鼓励优先完成任务的学生,评价他们的作品,鼓励其帮助其他人。
尝试完成任务,测试代码。多边合作,积极讨论,记录要点。
下行,督促学生完成任务,解答部分学生的问题。
学习textarea,尝试修改他的宽和高。多边合作,积极讨论,记录要点。整理作业
5’
小结3
小结技术要点
整理笔记资料
后记
第1、2课时(理实一体化)
时序
教学内容及环节(第3、4课时)
教师活动
学生活动
10’
复习回顾form input textarea标签,考察上节课的要点。
观察,思考,记录任务。
20’
学习写作注册数据的接受页面,观察学习form的get和post方法,接受页面的不同语句。适当修饰页面。
下行检查。督促学生完成任务,解答学生问题。鼓励优先完成任务的学生,评价他们的作品,鼓励其帮助其他人。
尝试完成任务,测试代码。多边合作,积极讨论,记录要点。
5’
书写代码小结2。
情感态度、价值观目标
(1)激发学生的学习兴趣,联系学习过的HTML1进行知识迁移。
(2)通过生生,师生互动,构建和谐的人际关系。
二、教学重点:
Input标签的使用。
三、教学难点:
记忆标签和测试代码。
四、教学方法:
1、实验法2、自学指导3、讨论法4、小组协作
五、教学媒体及环境:
理论:教室多媒体/电子教室。server2003。
使用电子教室小结前面任务,总结。分析问题,提出解决问题的方法。
观察,思考,记录技术要点。
20
测试程序,调试修改。提交作业。
下行,督促学生完成任务,解答部分学生的问题。
努力完成任务,测试代码,修改作业。多边合作,积极讨论,记录要点。
5’
小结3
小结技术要点
整理笔记资料
后记
第5、6课时(理实一体化)
相关文档
最新文档