1.2.3-万维网（教案）-《网页设计与制作(html5+css3+javascript)》同步教学（清华大学出版社）

教案 编号：PT-323 流水号：116 （首页）共 4页 课程 《网页设计与制作(html5+css3+javascript)》 一体化 理论 章节（课题）及内容 万维网 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 了解万维网的基本概念、历史和发展。 · 掌握HTTP协议、URL格式和网页的基本构成。 · 学会使用浏览器访问网页，并进行基本的网页操作。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. 万维网的基本概念和历史。 2. HTTP协议和URL格式。 3. 网页的基本构成和浏览器的使用。 教学难点 1. HTTP协议的工作原理。 2. URL格式的解析。 3. 网页结构的理解。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 · 讲授法：通过教师的讲解，传授基础知识。 · 案例分析法：通过分析实际案例，加深对知识点的理解。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 1. 播放一段关于万维网的短视频，展示万维网在现代生活中的应用。 2. 提问学生：“你们平时上网都做些什么？你们知道万维网是如何诞生的吗？”引导学生思考并分享自己的上网经历。 2分钟 讲授新课 练习指导 万维网（World Wide Web），简称WWW，是一个基于超文本和HTTP协议的全球性信息系统，它允许用户通过互联网访问和共享信息。以下是关于万维网的基本概念、历史和发展： ### 基本概念 - **定义**：万维网是一个全球性的信息系统，基于超文本和HTTP协议，实现了信息的共享和传播。 - **组成部分**：包括HTTP协议、URL格式和网页的基本构成。 ### 历史 - **起源**：万维网由蒂姆·伯纳斯-李于1989年提出，旨在改善科学家之间信息共享的方式。 - **关键人物**：蒂姆·伯纳斯-李，被誉为万维网之父，他发明了HTML、HTTP和URL。 - **重要事件**：1991年，万维网正式公开运行，标志着其诞生。 ### 发展 - **关键技术**：包括HTTP协议、HTML和URL的发展，这些技术的不断进步推动了万维网的快速发展。 - **应用拓展**：从最初的静态网页到现在的动态交互式应用，万维网的应用范围不断扩大，包括电子商务、社交网络、在线教育等。 - **未来趋势**：Web3.0的提出，强调Web应用程序的智能化和语义化，预示着万维网未来的发展方向。 万维网的发展不仅改变了人们获取信息的方式，也极大地促进了全球范围内的信息共享和交流。随着技术的不断进步，我们可以期待万维网将继续引领互联网的未来发展。 ### HTTP协议 HTTP（HyperText Transfer Protocol，超文本传输协议）是用于从Web服务器传输超文本（如HTML）到本地浏览器的传送协议。它是万维网数据通信的基础。 - **工作原理**：HTTP是无连接的、无状态的协议。客户端（通常是浏览器）发送请求到服务器，服务器响应请求并发送数据回客户端。 - **请求方法**：常见的HTTP方法包括GET、POST、PUT、DELETE等，各有不同的用途。 - **状态码**：服务器响应时返回的状态码，如200表示成功，404表示未找到等。 ### URL格式 URL（Uniform Resource Locator，统一资源定位符）是用来描述互联网上资源地址的标准。 - **组成部分**：通常包括协议（如http://或https://）、主机名（或域名）、端口号（可选）、路径和/或文件名，以及可能的查询字符串和片段标识符。 - **示例**：`https://www.example.com:80/path/to/file.html?query=string#fragment` ### 网页的基本构成 网页主要由HTML（HyperText Markup Language，超文本标记语言）编写，它是一种标记语言，用于描述网页的结构和内容。 - **HTML文档结构**：包括`<!DOCTYPE html>`声明、`<html>`元素、`<head>`元素和`<body>`元素。 - **头部信息**：存放在`<head>`元素中，包括标题、脚本、样式文件等。 - **主体内容**：存放在`<body>`元素中，显示给用户看的内容，包括文本、图片、链接、表格、视频等。 了解HTTP协议、URL格式和网页的基本构成是使用和理解万维网的基础。这些技术共同工作，使得用户能够通过浏览器访问和浏览互联网上的各种资源。 10分钟 7分钟 自主学习 8分钟 练习训练 · 填空题：万维网的英文全称是______，它是由______发明的。 · 选择题：HTTP协议的全称是______。 A. 超文本传输协议 B. 文件传输协议 C. 简单邮件传输协议 12分钟 布置作业 1. 完成课后习题，巩固所学知识。 2. 使用浏览器访问几个不同的网站，观察并记录它们的URL格式和网页结构。 3. 尝试创建一个简单的HTML网页，并在本地计算机上预览效果。 1分钟 总结回顾 · 万维网：全球性的信息系统，基于超文本和HTTP协议，实现了信息的共享和传播。 · HTTP协议：用于从Web服务器传输超文本到本地浏览器的传送协议。 · URL格式：统一资源定位符，用于标识互联网上的资源位置。 第 1 页，共 2 页 学科网（北京）股份有限公司 $$