辽师大版信息技术八上《了解网页的基本结构》课件ppt1.pptVIP

了解网页的基本结构  同学们带着以下问题阅读课文P３８～请３９，问题如下：A.什么是网页？浏览器窗口中显示的一相页面被称为一个网页 B.什么是网站？网站是众多网页的集合。 二、网站的布局 １．页面标题 ２．网站标志 ３．页眉 ４．导航栏 ５．内容 ６．页脚 三、HTML语言概述 １、什么是网页代码HTML？ HTML是一种用来制作超文本文档的简单标记语言。 ２、什么是超文本？ 所谓超文本，因为它可以加入图片、声音、动画、影视等内容，而且可以从一个文件跳转到另一个文件，与世界各地的主机文件连接。 ３、什么是渲染？ ４、HTML的组成结构 （头部、眼睛、身体）——好像一个人一样 (1)、头部＜head＞头部的内容＜/head＞ (2)、眼睛＜title＞标题＜/title＞ ＜head＞ ＜title＞ 标题＜/title＞ ＜/head＞ (3)、身体＜body＞页面内容 ＜/body＞ 网页的大体结构： ＜html＞ ＜head＞ ＜title＞标题内容 ＜/title＞ ＜/head＞ ＜body＞ 页面标题＜/body＞ ＜/html＞ 课堂练习 请同学们更改标题和页面的内容，试一下吧。 四、网页的内部细则 示例一： html head title我的网页/title /head body bgcolor=“blue” 看，这个页面是蓝色的。 /body html 四、网页的内部细则 示例二： html head title我的网页/title /head body background=“images/back-ground.jpg” 这个页面有背景图片哦！ /body html 四、网页的内部细则 示例三： html head title我的网页/title bgsoung src=“images/back_sound.mid” loop=“-1” /head body background=“images/back-ground.jpg” 这个页面有背景图片和背景音乐哦！ 而且背景音乐是循环播放的。 /body html 课堂小结 九年义务教育初中教科书信息技术八年级上册 学习任务 1.了解网页与网站的有关知识； 2.认识构成网页的基本元素； 3.掌握网页的布局特点与方法； 4.了解网页代码与渲染的有关知识； 5.认识HTML组成的结构及内部细则。 一、构成网页的基本元素 请同学们带着以下问题阅读课文P３９，问题如下： １．构成网页的基本元素？ A、文本和图片 b、超级链接 c、动画 d、表单 g、音频和视频 ２．超级链接有几种形式？ 　　一种是文本链接，一种是图片链接 ３．常见的网页动画有几种，它们各自的特点： GIF动画，FLASH动画． 示例一： html head title我的网页/title /head body bgcolor=“blue” 看，这个页面是蓝色的。 /body html 示例二： html head title我的网页/title /head body background=“images/back-ground.jpg” 这个页面有背景图片哦！ /body html 示例三： html head title我的网页/title bgsoung src=“images/back_sound.mid” loop=“-1” /head body background=“images/back-ground.jpg” 这个页面有背景图片和背景音乐哦！ 而且背景音乐是循环播放的。 /body html