编辑网页内容.docxVIP

杭州技师学院电子商务教案编辑网页内容教案【学习目标】知识目标 1.进一步掌握网页编辑语言2.学习HTML表单标签知识（二）技能目标掌握HTML文档中网页表单编辑标记符的设置（三）态度目标培养学生对网页编写的兴趣【教学内容】1.HTML编辑语言2.表单标签设置【教学重难点】表单标签的设置【学习资源】教案、PPT、电脑【教学方法】讲述法、练习法【教学课时】2课时教学环节教学内容教师活动学生活动设计意图及资源准备提问导入提问：请回忆上次课程学习的表单标记符的设置？思考，回答问题。意图：通过问题，引入网页设计。新课导入新课导入【教师讲述】（一）HTML标记的格式 HTML文件的所有控制语句称为标记，标记在一对尖括号之间，格式如下：标记HTML语言元素/标记 （1）标记符分为成对标记符和非成对标记符，title、p、font等属于成对标记符，br、hr等属于非成对标记符。标记符忽略大小写。HTML源文件为文本文件，多个标记符可定成一行，甚至整个文件可定成一行；一个标记符的内容可以定成多行。 （2）可使用标记符的属性来讲进一步限定标记符，一个标记可以有多个属性项，各属性项的次序不限定，各属性项间用空格进行分隔。 （3）HTML中使用的注释语句为!--…--,注释内容可插入文本中任何位置，注释内容将不显示。form标签1.name:给表单命名。2.action:表单中的数据将会提交到该地址进行处理。这个属性也不是一个必须的属性，如果不写，那么会将是当年网页。3.method:数据提交到后台使用哪种HTTP提交的方式。提交方式有两种，post和get1)post:安全。表单收集到的数据放置在HTTP头中，是看不到的。2)get:不安全。表单收集到的数据放置在网址栏中进行提交。掌握新建HTML标记的格式。了解注释语句。。教师讲述，做好重难点笔记，掌握form标签的使用。意图：通过教师讲述掌握标记的格式。掌握注释语句。 任务一：添加文本域input name=name1 type=text value=LOL size=6 maxlength=4name:该字段的名称。别想的那么复杂，就是起个名字，方便识别type:代表是一个文本字段value:用于定义文本字段的默认值size：文本字段的长度maxlength:最多可以输入的字符数【教师点评】根据学生完成情况进行点评。任务二：添加密码字段input name=passwd1 type=password value=heihei size=20 maxlength=20name:同上type:代表密码字段value:同上size:同上maxlength:同上任务三：添加提交按钮input name=button1 type=submit value=提交value：显示该按钮的名称任务四：添加重置按钮input name=reset1 type=reset value=重置任务五：添加单选按钮input name=sex type=radio value=0 checked=checked男人input name=sex type=radio value=1 女人任务六：在HTML网页中创建一个要求用户提交姓名、电子邮件地址、评论的简单表单。【教师点评】观看老师演练，然后自行添加文本域。观看看老师演练，自行做好笔记，重难点标注好。按照语言步骤一步一步操作。按照要求，完成任务。意图：演练掌握文本域的添加。意图：演练掌握网页语言字体大小颜色的编辑。意图：演练掌握表单的基本设置。评价总结【教师总结】1.HTML标记的格式2.form的标签【教师点评】知识重难点评 学习表现【作业布置】Form 标签具体包含哪些信息。根据教师讲述的大知识点讲解小要点，跟教师一起归纳总结意图：考查学生对内容的掌握程度。