(
课件网) 1.1 编辑网页信息 电子工业版七年级下册 本章重点 1、学习使用网页编辑工具创建网络文档，表达创作思想。 2、知道网络中信息编码及呈现的原理。 3、认识网络爬虫，了解网络爬虫的作用。 4、掌握通过编写网络爬虫程序来获取网页信息的方法。 5、知道使用网络爬虫程序获取网页信息时要遵守基本的道德规范。 新知讲解 互联网的信息和资源的作用： （1）政府部门发布政务信息，提供政策咨询，沟通社情民意； （2）企业进行产品推广、业务宣传、寻找合作伙伴； （3）服务机构提供新闻、教育、娱乐、旅游等服务； （4）学校师生可以宣传学校形象、展示学习效果、开展研究性学习。 新知导入 首先观看一个视频，了解什么是H5？ 教学目标 1、了解网页的概念及组成元素； 2、掌握常用的浏览器的使用； 3、了解HTML和H5的概念； 4、了解静态网页和动态网页的区别； 5、了解H5网页的特点及应用； 6、掌握“科技创新·自主可控”主题网页制作。 1.1.1 浏览网页 新知讲解 网页是构成网站的基本元素，是承载各种网站应用的平台，是一个包含HTML标签的纯文本文件，采用超文本标记语言格式（文件扩展名为.html或.htm）。 新知讲解 网页包含的元素： （1）文本； （2）图像； （3）音频、视频； （4）表格、表单； （5）动画； （6）导航栏。 思考———什么是导航栏？ 导航栏就是在网页中是一组超链接，其连接的目的端是网页中重要的页面。 新知讲解 超链接是从一个网页指向另一个目的端的链接，超链接的目的端可以是网页，也可以是图片、电子邮件地址、文件和程序等，用于实现页面或者网站的跳转功能。 新知讲解 常用浏览器： （1）IE浏览器； （2）谷歌浏览器； （3）360浏览器； （4）火狐浏览器； （5）世界之窗浏览器。 新知讲解 与科技创新相关的网页。 网址或网站名称 可借鉴之处 中国科学院科技创新发展中心http://www.bjb./ 图文并茂，动画、视频展示科技内容，采用表格合理划分区域 网易新闻（神舟15号新闻报道） https://m./dy/article/HURRQDNV0552D3NO.html 除了图文展示新闻内容外，才插入了GIF动画，让内容更加丰富 1.1.2 认识H5网页 新知讲解 HTML语言（超文本标记语言）是一种标准的通用网页信息表示语言。 HTML语言的第五代，简称H5，H5网页就是以用HTML5语言来制作的动态网页。 新知讲解 静态网页其内容是预先确定的，并存储在Web服务器或者本地计算机/服务器之上。 新知讲解 静态网页特点： （1）制作速度快，成本低。 （2）模板一旦确定下来，不容易修改，更新比较费时费事。 （3）常用于制作一些固定版式的页面。 （4）通常用于文本和图像组成，常用于子页面的内容介绍。 （5）对服务器性能要求较低，但对存储压力相对较大。 新知讲解 动态网页，是取决于由用户提供的参数，并根据存储在数据库中的网站上的数据中创建的页面。 通俗地讲，静态页是照片，每个人看都是一样的，而动态页则是镜子，不同的人（不同的参数）看都不相同。 新知讲解 H5网页的特点： （1）互动性强； （2）显示效果更丰富； （3）更适合移动设备； （4）灵活性强； （5）减少代码冗余； （6）开发简单，成本低。 新知讲解 H5网页的应用： （1）邀请函； （2）贺卡； （3）小游戏； （4）测试题； （5）宣传海报； （6）商业服务营销。 1.1.3 制作网页 新知讲解 “科技创新·自主可控”主题网页制作过程。 （1）登录在线网页编辑平台（http://www.）。单击“创建作品”菜单，进入到在线网页编辑窗口。 新知讲解 （2）添加页面。单击工具栏中的“页面”按钮，在“舞台”下方增加一个页面对象，将该页面命名为“欢迎页”。 新知讲解 （3）设置页面背景颜色。单击属性面板上的“背景 ... ...
