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

第二单元 网站设计与制作 随着网络技术的普及和发展，因特网已经不仅仅是人们获取信息的宝库，更是人们交换信息、发布信息、展示自我的舞台。本单元主要介绍网页的基本构成元素，ＨＴＭＬ语言的初步知识，用FrontPage创建网站、编辑网页和发布网站的基本知识和基本方法。 第一课 五彩缤纷话网页 ——了解网页的基本结构 在学习制作网页之前，要了解一些基本知识，这对以后的学习会很有帮助。我们经常能听到和看到“网站”和“网页”这两个词，这两个词有什么区别呢？ 我们先说网页，在互联网上，就用最广泛的功能是网页浏览，浏览器窗口中显示的一个页面被称为一个网页。网页中包括文字、图片、动画、视频和音频等内容。网站是众多网页的集合，网站是把不同用户通过有组织的链接整合到一起，为浏览者提供更丰富的信息。网站同时也是互联网信息服务类企业的代名词，如果一个人在“新浪”或者“搜狐”上班，就可以说他在为一家网站工作。 一、构成网页的基本元素 １、文本和图片 ２、超级链接 ３、动画：gif动画、flash动画 ４、表单:网页实现互动特性最常用的元素。 ５、音频和视频：wmv,rm,flv 二、网页的布局 布局元素： １、页面标题 ２、网站标志 ３、页眉 ４、导航栏 ５、内容 ６、页脚 三、HTML语言概述 我们用浏览器打开一个网页，然后点击菜单栏中的[查看]-[源文件]命令，这时会弹出一个文本文档，文档里的文字就是这个网页的组成部分HTML代码。 什么是网页代码HTML呢？HTML是一种用来制作超文本文档的简单标记性语言。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，而且可以从一个文件跳转到另一个文件，与世界各地的主机文件链接。 HTML并不是很神奇，只是因为你不是很了解它，现在我们就来揭开它的面纱。 三、HTML语言概述 HTML的组成结构（头部、眼睛、身体——好象一个人一样） （１）头部：head头部的内容/head （２）眼睛：title标题/title，放在head/head之间，即headtitle标题/title/head （３）身体：body页面内容/body 现在就把这些部分组成一体，我们用html/html把它们给“包”起来，就组成了我们常见的网页了。好了，大家来看看网页的大体结构： html head title标题内容/title /head body页面内容/body /html 启动记事本，输入上面的代码，将文档保存为网页格式（*.html)，然后用浏览器打开它，就会看到我们做的第一个网页。 四、网页内部细则 看以下几个示例： 示例１： html head title我的网页/title /head body bgcolor=blue 看这个页面背景是蓝色的。 /body /html 你还能把背景变成其它颜色吗？（bgcolor=red,bgcolor=#ff0000) 四、网页内部细则 看以下几个示例： 示例2： html head title我的网页/title /head body background=images/back-ground.jpg 这个网页有背景图片哦！ 如果图片比页面小，图片会自动重复。 /body /html 注：images是放图片的文件夹，和这个网页文件在同一位置，back-ground.jpg图片放在images文件夹内。 四、网页内部细则 看以下几个示例： 示例３： html head title我的网页/title bgsound src=media/background_sound.mid loop=-1 /head body background=images/back-ground.jpg 这个网页有背景图片和背景音乐哦！ 而且背景音乐是循环播放的。 /body /html 注：loop前面有一个空格，loop表示循环次数，为-1时表示无限循环。media为媒体文件夹，和这个网页文件在同一位置，background_sound.mid声音文件放在media文件夹内。 五、拓展知识 静态网页与动态网页： 目前的www网页根据其生成方式，大致可以分为静态网页和动态网页两种。 所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标记，这种网页一般以后缀.html或.htm存放。静态网页一经生成，内容就不会再变化，不管何时何人访问，显示的都是一样的内容，如果要修改相关内容，就必须修改源代码，然后上传到服务器。 所谓动态网页，就是说该网页文件里有程序代码，这种网页的事缀一般根据不同的程序设计语言而不同，如asp文件的后缀为.asp。动态网页能够根据不同时间、不同的来访者显示不同的内容。如常见的BBS、留言板、聊天室等通常是用动态网页来实现的。 一般来说，静态网页制作比较简单，利用Fro