资源简介

中小学教育资源及组卷应用平台
第1课《精彩尽在网页中——从制作到渲染》教学设计
课题 精彩尽在网页中——从制作到渲染 单元 第一单元 学科 信息科技 年级 七年级下
核心素养目标 信息意识：能够分析网页内容的组织逻辑，理解网页作为信息社会的重要载体，在信息传播、获取与共享中的作用。计算思维：通过拆分网页模块分解为可操作单元的思维能力，掌握用HTML语言描述网页的基本结构，理解网页内容的层级化组织。 数字化学习与创新：深度学习课程尝试通过修改或自主设计，创作创新个性化网页，培养数字化成果的展示与交流能力。信息社会责任：网页网站的深度学习在掌握网页制作的基础技能的同时更能形成技术服务于社会需求的价值观，为数字化时代的公民素养奠定基础。
教学重点 1、掌握网页网站制作和渲染相关知识点。
教学难点 1、安全、规范地使用网站网页的便利服务于生活。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 板书课题。本单元你将学习：浏览器如何渲染网页视觉效果网络视频怎样实现流畅地播放如何确保信息在网络传输中的安全如何设计、制作并发布个人网页在通信理论中，编码是按照一定规则对原始信息符号进行转换编成的代码，它能确保信息在通信线路中进行有效传输。编码既要实现用尽可能少的符号来传递尽可能多的信息，又要增强信号的抗干扰能力，以使信息传输效率最大化。互联网已经发展成规模最为庞大、通信最为繁忙的网络文本、图片、音频与视频等各种网络信息，也都通过一系列规则的变换实现高效传输。其中，网页是网络信息的重要载体。（出示图片）学习热身文本、图片、动画、音频与视频等，都是互联网信息的重要载体。你知道它们都有哪些编码形式吗？请查询资料，了解相关信息，填写在下表中。（完成表格）你知道吗？克劳德·艾尔伍德·香农（Claude ElwoodShannon）是世界公认的信息论创始人。他一举奠定了现代通信技术、数字逻辑电路与密码学基础，并在数据压缩、数字计算机、网络流、图论、人工智能与人机交互领域作出了开创性贡献。香农在信息论方面的代表作有《密码学的一个数学理论》《通信的数学理论》等。（出示图片）本课中你将学习网站与网页之间的关系是怎样的网页的制作标准与设计制作工具有哪些浏览器是如何渲染网页的在网络交流非常频繁的今天，网页诞生的时间虽然比较久远，但它仍然是一种非常重要的网络信息载体形式。网页就像是一个功能非常强大的容器，可以用来盛放各种各样的信息，并被大家访问与转发，从而让网络交流变得更加精彩、有趣!你知道吗？1991年，世界上第一张网页诞生，虽然页面极其简陋，但却立即引起轰动。今天仍然可以继续访问它，如图1.1.1所示。（出示图片）观看教学视频 学习单元引入内容。学习新知引入，观看教学视频。 明确本单元所研究的中心内容和所需掌握的主要知识点。用提问的方式引入课题，增强课堂互动性。将学生的注意吸引到课堂。
讲授新课 新知讲解一、网站与网页网站与网页是上网浏览时经常提到的两个概念，它们之间是包含与被包含的关系。如图1.1.2所示，网站是Web服务器上用来存放网页的文件夹，它是所有相关网页的集合，而网页则是网站中的文档元素。（出示图片）1.网站及其标志人们提及网站，通常会说它的网站名或网站地址。网站名就是用于标识网站的名称，通常会醒目地放在首页中以便浏览者第一眼识别。网站首页就是输入网站地址后，默认被打开的第一张网页。如图1.1.3所示，网站首页的标题，通常显示在浏览器标签页上方的标题栏中。（出示图片）2.网页及其类型网站中的网页可以分为首页与内页。首页又称为主页，主要用来导航与链接其他内页，一个网站通常只有一张主页。内页又称为子页，就是网站内部的其他页面，主要用来呈现更多、更具体的网络信息，并且数量相对较多。（出示图片）阅读网页还可分为动态与静态两类。静态网页的URL（统一资源定位符 ），大多是以 htmm、html及shtml等为后缀，其交互性较差且不易修改,因而网站维护工作量相对较大。动态网页的URL，大多以asp、aspx、jsp、php或perl等为后缀，交互性较强，网站维护工作量相对较轻。（出示图片）无论是主页还是子页，它们的版面大多由导航栏、栏目及正文内容三大部分组成，如图1.1.4所示。网页中的基本元素有文本、图片、动画、音频、视频、表格、超链接、表单、框架与内嵌程序等，其中表单主要用来收集和记录信息，框架用来分割网页的不同区域，内嵌程序用来实现动态效果与交互功能。（出示图片）二、网页的制作在万维网发展初期，网页就已经成为人们获取网络信息的重要途径但由于当时还没有统一的制作标准，相同网页在不同浏览器中会产生不一样的视觉效果，实现不一样的功能，进而阻碍了万维网的发展。（出示图片）1.W3C 标准及其编程语言1994年，万维网联盟（World Wide Web Consortium，简称 W3C）成立，随后陆续发布400多项网页技术标准与实施指南，统称为网页W3C标准或规范。该标准规定，网页代码主要由结构、表现和行为三部分组成，并分别使用 HTML、CSS与 JS等编程语言来创建，如表1.1.1所示。（出示图片）阅读W3C标准的网页，就是一段由HTMIL标签组成的描述性文本文档，其基本格式如图 1.1.5 所示。DOCTYPE（DocumentType 的简写，文档类型）声明，必须位于文档头部，以告诉浏览器将要加载的文档类型。是HTML页面的根元素。用于指定一些网页的元数据和其他信息。这些元数据通常包括页面标题、角色和字符集定义，还可以添加CSS 样式与JavaScripi脚本等。