单元六 任务1 创建网站（教案）-《计算机网络应用基础》（高教版）同步精品课堂

《计算机网络应用基础》 (高等教育出版社)教案 课 题 6.1 创建网站 课 型 新授 课 时 2 授课班级 授课时间 授课教师 教材分析 本单元是计算机网络应用基础课程中关于网站创建的入门内容，这些知识点是后续学习网站设计与制作的基础，起着承上启下的作用。此前学生已对计算机网络有了基本的认识，了解了网络的构成和基本功能，本单元的学习将引导学生从网络的整体认知过渡到具体的网站内容创建，为他们后续学习更复杂的网站开发技术奠定坚实的基础。教材对这些知识点的阐述由浅入深，先介绍网站、网页、站点的基本概念，帮助学生建立整体认知，再逐步讲解 HTML 的基本结构和标记，符合中职学生的认知规律，便于学生理解和接受。 学情分析 1. 在计算机操作方面有一定的基础，对网络有日常的接触和使用经验，比如浏览网页等，但对于网站、网页的本质以及背后的 HTML 技术了解较少。 2. 学生希望学到实用的技能，能够亲手创建简单的网页，体验网站制作的过程，从而提高自己的计算机应用能力，为未来的职业发展打下基础。 学习目标 知识与技能： 1. 理解网站、网页、站点的概念及相互关系。 2. 掌握 HTML 的基本结构。 3. 认识常见的 HTML 标记，能够使用简单的标记创建网页。 过程与方法： 1. 通过案例分析、小组讨论等方式，培养学生的观察能力和合作探究能力。​ 2. 通过实际操作，让学生体验网页制作的过程，提高动手实践能力。 情感态度与价值观： 1. 激发学生对网站制作的兴趣，培养学生的创新意识。​ 2. 培养学生严谨的学习态度和团队合作精神。 学习重难点 教学重点： 1. 网站、网页、站点的概念及相互关系。​ 2. HTML 的基本结构、常见 HTML 标记的使用。​ 教学难点： 1. 理解 HTML 标记的含义和作用。​ 2. 正确运用 HTML 标记构建网页结构。 教学方法 讲授法、演示法、实践操作法 课前准备 教师：教案、PPT课件 学生：课前预习 教学媒体 电子课件、多媒体 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 【课程导入】 1. 提问：“同学们平时都会浏览哪些网站呢？这些网站是由什么组成的呢？” 2. 展示几个知名网站，如百度、淘宝、抖音等，引导学生观察网站的组成部分。3. 引出本节课的主题：“今天我们就来学习创建网站内容的相关知识，了解网站、网页等到底是什么。” 学生思考教师的问题，积极回答自己常浏览的网站。认真观看网站，观察网站的组成。​ 通过学生熟悉的网站引入，激发学生的学习兴趣，让学生对网站有一个直观的认识，为后续学习做好铺垫。 活动二： 调动思维 探究新知 【传授新知】 · 网页​ 1. 概念：“网页就像我们书本中的一页纸，它是网站中的一个单页，包含文字、图片、视频等内容。” 2. 展示一个具体的网页案例，指出其中的各种元素。 · 网站 1. 概念：由多个相互关联的网页组成的集合，这些网页通过链接连接在一起，形成一个有机的整体。” 2. 结合前面展示的网站，说明网站是由多个网页组成的。 · 站点 1. 概念：“站点也称为网站的本地存储目录，它是存放一个网站所有文件（包括网页文件、图片文件、视频文件等）的文件夹。” 2. 用电脑演示站点的文件夹结构，展示其中的各种文件。 引导学生总结三者的关系：“站点是存放网站文件的地方，网站由多个网页组成，网页是网站的基本组成单位。” 认真听教师讲解，观看案例和演示。跟随教师的引导，思考三者之间的关系，尝试总结。 通过生动的比喻和实际案例，帮助学生理解抽象的概念，让学生清晰地认识网站、网页、站点的含义及相互关系。 活动三： 调动思维 探究新知 【传授新知】 · HTML基本结构 1. 说明：“网页是用 HTML 语言编写的，HTML 是超文本标记语言的缩写。” 2. 展示一个简单的 HTML 文件代码，讲解 HTML 的基本结构：“HTML 文件的基本结构包括、、标签。标签是整个 HTML 文档的根标签，标签用于存放文档的头部信息，如标题等，标签用于存放网页的主体内容，也就是我们在浏览器中看到的内容。” 3. 逐一对各个标签进行解释，结合代码演示在浏览器中的显示效果。例如，修改中的标签内容，让学生观察浏览器标题栏的变化；在中输入文字，让学生观察浏览器页面的变化。 · HTML标记 1. 介绍常见的 HTML 标记，如标题标记、段落标记、换行标记、水平线标记、加粗标记等。 2. 对每个标记进行详细讲解，说明其语法格式和作用。例如，标题标记到表示不同级别的标题，字体最大，字体最小；段落标记用于将文字分段；链接标记用于创建超链接；图片标记用于插入图片。 3. 结合代码演示每个标记的使用效果，让学生在浏览器中观察。 认真听讲，关注教师对代码的演示和讲解。观察浏览器中页面的变化，理解各个标签的作用。 认真听讲，记录各个标记的语法和作用。观察教师的代码演示效果，加深对标记的理解。 通过代码演示和效果展示，让学生直观地了解 HTML 的基本结构，理解各个标签的作用，突破教学重点。 通过详细讲解和演示，让学生认识常见的 HTML 标记，了解其使用方法和效果，为后续的实践操作做好准备。 活动四： 巩固练习 素质提升 【随堂检测】 1.下列关于网站、网页、站点的说法，错误的是（ ）​ A. 网页是网站的基本组成单位​ B. 网站是由多个相互关联的网页组成的集合​ C. 站点是存放网站所有文件的文件夹​ D. 一个网站只能包含一个网页 2.HTML 是（ ）的缩写。​ A. 超文本传输协议​ B. 超文本标记语言​ C. 文件传输协议​ D. 统一资源定位符 3.请写出一个完整的 HTML 基本结构代码。 4.使用 HTML 标记创建一个包含一级标题“我的爱好”和一个段落“我喜欢打篮球和看电影。”的网页代码。 学生按照教师布置的任务，独立完成练习，遇到问题可以向教师请教或与同学讨论。 通过课堂练习，让学生巩固所学的网络命令，提高实际操作能力。​ 课堂小结 作业布置 课堂小结： 作业布置： 1. 修改完善课堂上制作的个人介绍网页，添加更多的内容和标记，如列表标记等。 2. 收集 3 个不同类型的网站，分析其包含的网页类型和大致的 HTML 结构。 板书设计 一、基本概念 1. 网页 2. 网站 3. 站点 三者关系：站点→网站（由多个网页组成）→网页（基本单位） 二、HTML基本结构 <html> <head>：头部信息 <body>：主体内容 </html> 三、常见HTML标记 1. 标题标记：<h1> - <h6>（级别递减） 2. 段落标记：<p>内容</p> 3. 换行标记：<br> ...... 教学反思 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$