第2章使用HTML5搭建旅游首页结构
课程名称Web前端开发项目名称使用HTML5搭建网页任务名称HTML5标签课时  2
项目性质□演示性□验证性□设计性√综合性
授课班级授课日期授课地点
教学目标能力目标:
1. 具备熟练使用HTML标签的能力
2. 具备使用HTML标签搭建网页基本结构的能力知识目标:
1. 掌握网站目录结构规划的方法
2. 掌握使用HTML5标签搭建网页基本结构的方法素质目标:
1. 培养学生信息搜集能力
2. 培养学生团结合作、互帮互助的能力
教学内容1. 任务描述html网页设计css
2. 任务展示与实现
(1)创建云景旅游公司首页目录结构
(2)使用HTML5标签搭建云景旅游公司首页顶层结构(3)使用HTML5标签添加网页内容
(4)学生动手操作
3. 教师讲解本任务涉及的知识点
4. 任务小结
教学重点  1. 网站目录结构规划
教学过程
教学环节
教学内容与过程
(教学内容、教学方法、组织形式、教学手段)
课前组织
做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。
课程说明
【课前说明】
分别介绍网站目录规划的方法、分析根据网页效果图搭建HTML5网页结构的流程。
【目的】
使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。
<a href="#"><img src="images/hua/banner1.jpg" alt="华阳湖景区"></a>
</div>
<main>
<div>
<h1>关于华阳</h1>
</div>
<img src="images/hua/q1.png">
<div>
<h2>山中的华阳湖如一颗璀璨的明珠</h2>
<p>景区以高山截流的华阳湖为中心,随境造景,分别建有水上游乐区、民俗园区、茶文化园区、野果采摘区、会务区、别墅区等各种功能齐备的观光游览服务区。景区建筑红墙黄瓦,独具文化特,在大自然的碧水青山映衬下,俨然托出了一片充满魅力的人间仙境。景区内,游人或可乘小艇劈波于
华阳湖上,或可迈步湖畔长堤听山泉喷涌和松涛轰鸣,或可登临拜佛台感悟华阳大佛的广博心境,或可循小径去探索“望夫石”、“观音洞”等美丽的传说中的中华民族的深厚文化底蕴。</p>
</div>
<div class="clear"></div>
<div>
<h1>华阳美景</h1>
</div>
<div>
<div>
<img src="images/hua/A1.jpg"/>
<ul>
<li>花海田园</li>
<li>种植花卉形成花海和花坡景观,种植蔬菜、水果形成农田景观,游客可以采摘新鲜水果品尝</li>
</ul>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。