第1课 精彩尽在网页中-从制作到渲染 课件(共23张PPT)+学案-2024-2025学年清华大学版七年级下册

(课件网) 信息技术 七年级 下册 第一单元 第1课 精彩尽在网页中-从制作到渲染 一、 项目筹备 科技文化艺术节是学校一项颇具特色的活动，每年都会邀请一大批校外人士参加。为了能让更多人了解并积极参与，需要你组建一支团队，运用语文、英语、美术等学科知识，来设计制作一份便于社交媒体转发的、以“向世界介绍我的学校”为主题的宣传网页。 1.单元项目情境 一、 项目筹备 2.单元项目任务 你会如何设计制作“向世界介绍我的学校”宣传网页？ 01 准备过程 02 整体结构 03 重点说明 04 名词解释 （1）项目方案范例 知识学习 实施步骤 预期成果 （1）学习教材中的相关知识 （2）了解如何根据需求来收集、处理制作网页所需要的各类素材（文字、图片、音频、视频等） （3）了解如何根据需求来设计网页 （4）了解根据设计来制作网页 （5）掌握如何对网页进行测试、优化和发布 （1）确定网页的栏目 （2）选写出网页栏目对应的宣传内容要求 （3）收集并处理素材 （4）设计制作网页 （5）测试优化发布网页 （1）向世界介绍我的学校网页 （2）项目成果汇报文档（PPT格式） 01 准备过程 02 整体结构 03 重点说明 04 名词解释 （2）项目分工 姓名 角色 职责 组长 主持整个项目开展过程，协调处理各种情况以确保完成项 目任务 组织员 组织各成员共同开展需求分析、规划实施与交流评价等具 体活动 记录员 记录并整理需求分析、规划实施与交流评价等活动的相关 信息 检查员 核查各项任务的完成情况，制作汇报 PPT 并负责对外展示 交流 为此，我们需要学习哪些知识？ 二、知识探究 第1节精彩尽在网页中———从制作到渲染 主要内容 /01 /02 /03 第2节流畅的网络视频———视频压缩、流媒体及版权保护 第3节信息传输保安全———Web 安全协议 01 准备过程 02 整体结构 03 重点说明 04 名词解释 项目任务评估 完成整个项目：预计需要5课时 本节课的任务：了解网站与网页之间的关系、网页的制作标准与设计制作工具、浏览器是如何渲染网页的，为项目制作储备知识。 01 准备过程 02 整体结构 03 重点说明 04 名词解释 学习网页知识，该从哪里开始？ 二、 知识探究 01 准备过程 02 整体结构 03 重点说明 04 名词解释 探究内容 遵循“概念→实现→应用”的认知规律。 1.网站和网页之间的关系是什么？———变革基础（概念）习得 2.浏览器是如何渲染网页的？———关键技术（实现）运用 3.在网上搜索适合的网页制作工具制作网页？———重要工具（应用）探究 …… 知识习得 （1）自主阅读：以书本P3-9为主，网络知识作补充。 （2）知识梳理： ①网站与网页之间是 和 的关系。 ②网站是 上用来存放 ，它是所有相关网页的 ，而 则是网站中的文档元素。 ③ 是用于标识网站的名称， 是指输入网站地址后，默认被打开的第一张网页。 ④在网站中， 是用来导航与链接其他内页，而 就是网站内部的其他页面。 将知识转为能力 学会分析：使用浏览器访问两个你喜欢的网站，并通过单击超链接切换不同的网页，在这个过程中，浏览的网页内有哪些基本元素，基本的结构是什么，是通过什么实现的？ 用户通过_____来架设网页的结构，通过_____控制网页的样式，通过_____来为网页添加交互功能和动态效果。 将知识转为能力 学会解释：编写生成的网页可直接在客户端的任意软件上显示出来，这种说法对吗？请说明理由。 无论是采用哪种制作工具，编写生成的网页都是一种包含HTML标签、CSS样式与JavaScript的纯文本文件。而它真实的视觉效果与功能，则必须经过_____，才能正常显示出来。 将知识转为能力 学会解释：使用浏览器打开网页，尝试将 UTF-8 字符编码更改为 GBK 或者其他编码，网页中的文字发生了变化，为什么 ... ...