《网站前端技术》教案 第1课 网站建设概述.docx

PAGE 3 PAGE 3 PAGE 4 PAGE 4 《网站前端技术》教案 课时分配表 章序 课程内容 课时 备注 1 网站建设概述 2 2 HTML与HTML5 14 3 CSS与CSS3 16 4 JavaScript基础 12 5 JQuery常用函数 4 6 开发者商务网站建设 10 合计 58 课题 第1课 网站建设概述 课时 2课时（90 min） 教学目标 知识技能目标： （1）理解网站与网页的相关概念 （2）熟悉网站建设技术方向 （3）理解网站建设流程，以及本教材所涉及技术在其中的位置 （4）了解网站建设行业的优势与前景 素质目标： （1）熟悉网站建设知识，激发学生的互联网意识，培养学生的互联网思维，提升学生的互联网知识水平 （2）了解网站建设行业的优势与前景，为学生的职业规划提供参考 教学重难点 教学重点：网站与网页的相关知识 教学难点：网站建设技术方向 教学方法 问答法、讨论法、讲授法、实践练习法 教学用具 电脑、投影仪、多媒体课件、教材、APP 教学设计 第1节课：?课前任务→考勤（2 min）→新课预热（5 min）→问题导入（5 min）→传授新知（28 min）→头脑风暴（5 min） 第2节课：课堂活动（5 min）→传授新知（25 min）→课堂讨论（10 min）→课堂小结（3 min）→作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务 请大家了解网站、网页的组成元素，网站、网页的相关概念，以及现在制作网页的工具有哪些。 【学生】完成课前任务 通过课前任务，使学生了解所学课程的主要内容，增加学生的学习兴趣 考勤（2 min） 【教师】使用APP进行签到 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况 新课预热（5 min） 【教师】自我介绍，与学生简单互动，介绍课程内容、考核标准等 【学生】聆听、互动 【教师】讲一些涉及Web前端的应用领域，解释学习该课程的作用 近年来，在网络基础设施及5G终端加速普及、互联网技术日趋成熟等利好因素的推动下，网络在人们的生活中发挥着越来越重要的作用，越来越多的企业开始重视企业网站建设。一个设计精良的企业网站不仅能够提升企业形象，还可以宣传企业热门服务，拓展企业业务等。本课程将会讲解HTML5、CSS3、JavaScript语言，怎么设计一个网站，为未来大家迈入职场做出准备。 【学生】聆听、记录、理解 通过老师自我介绍，与学生相互熟悉，并让学生了解这门课的大致要求 问题导入 （5 min） 【教师】提出以下问题 网页是什么？与它相关的概念有哪些？它由哪些元素组成？ 【学生】思考、举手回答 【教师】通过学生的回答引入要讲的知识 通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣 传授新知（28 min） 1.1 认识网站与网页 1.1.1 网站、网页和首页 1．网站 【教师】讲解网站的概念，并说明根据不同的角度，网站的不同类别 网站（website）是指在因特网上根据一定的规则，使用HTML（hyper text markup language，超文本标记语言）等制作的用于展示特定内容的网页集合。 简单地说，网站是一种沟通工具，人们可以通过网站发布自己想要公开的资讯，或者利用网站提供相关的网络服务。此外，人们还可以通过浏览器访问网站，获取自己需要的资讯，或者享受网络服务。 从不同的角度出发，网站可分为不同的类别。 （1）根据所用编程语言的不同，网站可分为ASP网站、PHP网站、JSP网站、ASP.NET网站等。 （2）根据用途的不同，网站可分为门户网站（综合网站）、行业网站、娱乐网站、多功能网站（网络商城）等。 （3）根据持有者的不同，网站可分为个人网站、商业网站、政府网站、教育网站等。 （4）根据商业目的的不同，网站可分为营利型网站（行业网站、论坛等）、非营利型网站（企业网站、政府网站、教育网站等）。 【学生】聆听、记录、理解 2．网页 【教师】讲解网页的概念 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由多个网页组成的，至于要多少网页组合在一起才能称作网站，并没有特殊的规定，完全根据网站需求决定，即使只有一个网页也能称为网站。但是，如果某网站没有制作任何网页，任何人都无法访问该网站。 实际上，网页是一个HTML文件（文件扩展名为.html或.htm），它可以存放在世界上某个角落的某一台计算机中，是万维网中的一“页”。 网页经由网址来识别与存取，即当用户在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到用户的计算机，然后再通过浏览器解释网页文件