第1课 网页制作与网站建设基础知识（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第1课 网页制作与网站建设基础知识 课时 2课时（90 min） 教学目标 知识目标： （1）了解网页和网站的概念，网站建设的基本流程，以及网页的构成元素和网页的本质 （2）了解网站管理与网页制作相关软件，以及网页标记语言——XHTML （3）了解网站建设的基本流程 技能目标： 能够认识一个网页当中的各个元素，以及其具体作用 素质目标： 勇于接收新知识，学习新技能，对所学知识有总体认识 教学重难点 教学重点：网页当中各构成元素及其作用 教学难点：网站建设的基本流程 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→ 新课预热（5 min）→ 问题导入（5 min）→传授新知（25 min）→课堂实训（8 min） 第2节课：问题导入（3 min）→ 传授新知（30 min）→ 课堂实训（7 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】布置课前任务，让学生根据自己浏览过的网页，选择一个自己觉得最好的网页，分享给其他同学 【学生】按照要求完成课前任务 通过课前任务，让学生了解一个好的网页是什么样子，明确学习的方向 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 新课预热 （5 min） 【教师】自我介绍，与学生简单互动，介绍课程目标、内容安排、考核要求等 【学生】聆听、互动 【教师】通过大家找到的网页，介绍如何制作一个好的网页，通过哪些软件去制作网页 【学生】聆听、理解 通过新课预热，与学生互相熟悉，并让学生了解这门课目标、内容以及考核要求 问题导入 （5 min） 【教师】随机邀请学生回答以下问题 请学生思考网站和网页有什么区别，有什么联系？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课课题：认识网页和网站 通过问题导入，引导学生思考，调动学生的主观能动性 传授新知 （25 min） 【教师】讲解新知，介绍网页和网站的相关知识 任务一 认识网页和网站 一、任务说明 本任务将简单介绍网页和网站的概念、网页的构成元素及网页的本质。 二、预备知识 （一）网页和网站 网页就是人们上网时在浏览器中打开的一个个画面，网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。 另外，打开某个网站时显示的第一个网页被称为网站的主页（或首页）。 【课堂问答】 【教师】随机邀请学生回答以下问题 请同学们思考，我们访问百度首页，输入的www.baidu.com是什么？跟网站有什么关系？ 【学生】聆听、思考、回答 【教师】总结学生的回答 www.baidu.com是一个网址，网址就是域名，也就是网站的一个URL，通过网址能够定位到网站的地址路径，是组成网站的一部分，而一个网站只有域名是不够的，还需要一些其他内容才能组成一个网站。也就是说，网站包括网址，而网址不包括网站。 （二）网页的构成元素 网页中的元素，按功能可分为站标、导航条、广告条、标题栏和按钮等。 站标：也叫Logo，是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站Logo通常采用企业的Logo。Logo一般采用蕴含企业文化和特色的图案，或是与企业名称相关的字符或符号及其变形，当然也有很多是图文组合。 导航条：导航条可以说是网站最重要的组成部分，它是一组链接到网站内主要页面的超链接组合，通过单击这些超链接，浏览者可以轻松找到网站中的各个页面，导航条也因此而得名。同时，导航条也是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。 广告条：又称Banner，其功能是宣传网站或为其他商品做广告。Banner的尺寸可以根据内容或版面需要来安排。 标题栏：此处的标题栏不是指整个网页的标题栏，而是网页上各版块的标题栏，是各版块内容的概括。它使得网页内容的分类更清晰、明了，从而大大方便了浏览者。 按钮：按钮通常是启动某些装置或机关的开关，网页中的按钮也不例外，单击它，网页会实现相应的操作，比如跳转到其他页面，或下载数据等。 （三）网页的本质 一般来说，网页是由图像文件（扩展名为.jpg或.gif等）、Flash动画文件（扩展名为.swf）、脚本文件（扩展名为.js）、样式文件（扩展名为.css）以及视频文件（扩展名为.avi或.flv）等共同组成。制作网页的过程，就是输入或编辑这些元素的过程。 【学生】聆听、思考、理解、记录 【教师】引入任务实施内容，讲解在浏览器中查看网页 三、任务实施—