14、新世纪版 网页制作(教案)

文档属性

名称 14、新世纪版 网页制作(教案)
格式 doc
文件大小 19.5KB
资源类型 试卷
版本资源 新世纪版
科目 信息技术(信息科技)
更新时间 2023-11-02 16:40:08

图片预览

文档简介

网页制作(教案)
教学目标:
1. 理解什么是HTML,了解HTML的基本概念和作用;
2. 能够编写基本的HTML代码,了解HTML的标签和属性;
3. 能够使用Microsoft Word编写简单的网页;
4. 能够使用Microsoft Word制作QQ客服网页。
重点:
1. 理解HTML的基本概念和作用;
2. 掌握HTML的标签和属性;
3. 掌握使用Microsoft Word编写网页的基本方法;
4. 掌握使用Microsoft Word制作QQ客服网页的基本方法。
难点:
1. 熟练掌握HTML的标签和属性的使用;
2. 掌握Microsoft Word编写网页的基本方法;
3. 掌握Microsoft Word制作QQ客服网页的基本方法。
教学准备:
1. 一台计算机及投影仪;
2. Microsoft Word软件;
3. 笔记本和纸张。
教学过程:
一、引入知识 (5分钟)
通过提问的方式,引导学生思考和讨论,了解他们对HTML的理解和认识,以及对网页制作的初步认识。
教师:在今天的课程中,我们将学习如何制作网页。首先,我想问一下,你们对HTML有什么了解?
学生:HTML是用于创建网页的标准标记语言,可以用来定义网页的结构和内容。
教师:对HTML的理解是正确的。那么,我们接下来就来了解一下什么是HTML。
二、什么是HTML (10分钟)
1、讲师向学生解释HTML是用于创建网页的标准标记语言,全称为超文本标记语言。
2、对此进行示范,向学生展示一个HTML文件的结构,并解释其包含的基本元素和属性。
教师:HTML,全称为超文本标记语言,是一种用于创建网页的标准标记语言。它由一系列标签组成,这些标签用于定义网页的结构和内容。下面是一个简单的HTML文件的结构示例:



我的网页


欢迎来到我的网页


这是一个段落。




教师:在这个例子中,我们可以看到``标签是整个HTML文档的根标签,``标签用于定义文档的头部信息,``标签用于定义文档的主体内容。其他标签如``和`<h1>`教师:非常好,那么接下来我们就来学习如何编写HTML代码。<br>三、编写HTML代码 (15分钟)<br>1、讲师逐步向学生展示并讲解HTML中的常用标签和属性,并示范其使用方法。<br>2、通过学生手动编写HTML代码的练习,加深对HTML标签和属性的理解和掌握。<br>教师:现在让我们来学习如何编写HTML代码。HTML的基本主要是由标签和属性组成。标签用于定义文档的结构,而属性可以给标签提供附加的信息。下面是一些常用的HTML标签和属性:<br>`<h1>`到`<h6>`:用于定义标题,数字越小,标题级别越高。<br>`<p>`:用于定义段落。<br>`<a>`:用于定义超链接,属性`href`用于指定链接的地址。<br>`<img>`:用于插入图片,属性`src`用于指定图片的地址。<br>`<div>`:用于定义文档中的一个区块,可以用来排列和组织内容。<br>`<span>`:用于给文档中的某个部分添加样式。<br>`<table>`:用于定义表格,包括行和列。<br>`<form>`:用于定义表单。<br>`<input>`:用于定义输入字段,如文本框、复选框等。<br>现在,让我们尝试编写一段简单的HTML代码。请大家使用纸张和笔,跟随我的示范一起练习编写HTML代码。<br>(教师向学生展示一个简单的HTML代码示例,并鼓励学生自己编写并理解每个标签和属性的作用)<br>四、用Word编写网页 (15分钟)<br>介绍如何使用Microsoft Word编写简单的网页。<br>示范在Microsoft Word中创建一个网页,并教授如何插入文本、图片、链接等元素。<br>引导学生按照示例尝试创建自己的网页。<br>教师:现在我们来学习如何使用Microsoft Word来编写网页。Microsoft Word是一款功能强大、易于使用的文字处理软件,我们可以利用它来创建简单的网页。请大家打开Microsoft Word软件,跟随我的演示进行操作。<br>(教师向学生展示在Microsoft Word中如何创建网页,如插入文本、图片、链接等元素,并鼓励学生尝试自己创建网页)<br>通过以上步骤,学生将基本掌握在Microsoft Word中编写网页的方法。<br>五、用Word制作QQ客服网页<br>继续使用Microsoft Word,教授如何制作QQ客服网页。<br>示范在Microsoft Word中创建一个模拟QQ客服网页,并教授如何设计页面布局、添加QQ客服代码等。<br>引导学生根据示例,制作自己的QQ客服网页。<br>教师:接下来,我们将学习如何使用Microsoft Word制作QQ客服网页。QQ客服网页通常用于网站的客服支持,方便用户与客服人员进行即时交流。请大家继续跟随我的示范。<br>(教师向学生展示如何使用Microsoft Word制作QQ客服网页的步骤,如设计页面布局、添加QQ客服代码等,并鼓励学生尝试制作自己的QQ客服网页)<br>通过以上步骤,学生将掌握在Microsoft Word中制作QQ客服网页的方法。<br>课堂练习<br>学生根据教师的指导,完成基于Microsoft Word的网页制作练习。<br>学生可以选择练习编写简单的HTML代码,或者使用Microsoft Word制作一个网页或QQ客服网页。<br>总结和反思<br>教师与学生一起总结所学内容,确保学生对HTML的基本概念、标签和属性的使用、Microsoft Word网页制作方法等有一定的掌握。<br>反思本节课的教学效果,并鼓励学生提出问题和疑惑,以便进一步完善教学内容。</div></div></div></div> <div class="dis"> <a data-sign="signin" data-toggle="modal" href="https://www.21cnjy.com/H/14/137328/17777626.shtml?from=mip" target="_blank">点击下载</a></div></div></div></div> <div class="right-wrapper"> <div class="sCard"> <div class="sCard-header"> <span class="sCard-headerText">同课章节目录</span></div> <div class="sCard-item"> <div class="sCard-itemText"> <ul class="list__tit"><li> <a href="/mulu/137290.html"> 第一单元 电脑为什么能处理信息 </a></li><li> <a href="/mulu/137298.html"> 第一课 电脑中的信息是如何表示的 </a></li><li> <a href="/mulu/137300.html"> 第二课 如何使信息数字化 </a></li><li> <a href="/mulu/137302.html"> 第三课 将信息输入电脑 </a></li><li> <a href="/mulu/137304.html"> 第四课 电脑是如何工作的 </a></li><li> <a href="/mulu/137292.html"> 第二单元 电脑是如何管理信息资源的 </a></li><li> <a href="/mulu/137308.html"> 第一课 电脑的大管家——操作系统 </a></li><li> <a href="/mulu/137310.html"> 第二课 管理电脑中的文件 </a></li><li> <a href="/mulu/137312.html"> 第三课 信息的安全与保护 </a></li><li> <a href="/mulu/137294.html"> 第三单元 如何利用网络传递信息 </a></li><li> <a href="/mulu/137316.html"> 第一课 将电脑接入网络 </a></li><li> <a href="/mulu/137318.html"> 第二课 电脑的网络设置 </a></li><li> <a href="/mulu/137320.html"> 第三课 什么是域名和网址 </a></li><li> <a href="/mulu/137322.html"> 第四课 用云盘存储文件 </a></li><li> <a href="/mulu/137324.html"> 第五课 用网络进行交流 </a></li><li> <a href="/mulu/137326.html"> 第六课 收发电子邮件 </a></li><li> <a href="/mulu/137328.html"> 第七课 网页制作 </a></li></ul></div></div></div></div></div></div> <div class="nav-fix" style="height: 13vw;"> <div class="nav-item" style="display: flex;" id="down" data-isvip="not_is_vip"> <div style="width:100%;" bindtap="bind_down_for_old_buy" > <div style="text-align: center;font-weight: 600;font-size: 16px;background-color: red;color: white;height: 100%;" type="primary" hover-stop-propagation="true">点击下载</div></div></div> <div style="text-align: center; font-weight: 600; font-size: 16px; color: white; height: 100%;" id="downvip" class="nav-item" data-statu="open" data-isvip="is_vip" bindtap="bind_down_for_old_buy">VIP下载</div></div></div> <section class="footer pmk_990_show pmk_1040_show"> <div class="footerCon" style="padding: 10px 0 18px;"> <div class="footerCopy" style="text-align:center">© 21世纪教育网</div> <div class="footerCopy" style="text-align:center">友情链接:<a href="https://www.21cnjy.com/" target="_blank">21课件</a> <a href="https://www.21cnjy.com/" target="_blank">21教件</a> <a href="https://paike.21cnjy.com/" target="_blank">排课软件</a> <a href="https://zujuan.21cnjy.com/" target="_blank">21组卷网</a> <a href="https://book.21cnjy.com/" target="_blank">21书城</a> <a href="https://www.sti666.com/" target="_blank">刷题宝</a></div></div> </section> <script src="/static/new_h5/js/jquery.min.2.1.1.js"></script><script src="/static/new_h5/js/common.js"></script><script src="/static/new_h5/plugins/layer/layer.js"></script><script src="https://unpkg.byted-static.com/bridge/douyin_open/1.0.10/lib/douyin_open.umd.js"></script><script type="text/javascript" src="/static/new_h5/js/headroom.min.js"></script><script> (function (){new Headroom(document.querySelector(".main-navbar"),{offset:5,tolerance:5,classes:{initial:"animated",pinned:"slideUp",unpinned:"slideDown"}}).init();}());</script><script> var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?4d3a61fa5f43aa7235738609fe3000f0";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script><script src="/static/new_h5/js/login.js"></script><script src="/static/new_h5/js/zydown.js"></script> </body> </html>