《了解网页的基本结构》ppt课件2 信息技术八上.ppt

《《了解网页的基本结构》ppt课件2 信息技术八上.ppt》由会员分享，可在线阅读，更多相关《《了解网页的基本结构》ppt课件2 信息技术八上.ppt（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第二单元 网站设计与制作随着网络技术的普及和发展，因特网已经不仅仅是人们获取信息的宝库，更是人们交换信息、发布信息、展示自我的舞台。本单元主要介绍网页的基本构成元素，语言的初步知识，用FrontPage创建网站、编辑网页和发布网站的基本知识和基本方法。第一课 五彩缤纷话网页了解网页的基本结构在学习制作网页之前，要了解一些基本知识，这对以后的学习会很有帮助。我们经常能听到和看到“网站”和“网页”这两个词，这两个词有什么区别呢？我们先说网页，在互联网上，就用最广泛的功能是网页浏览，浏览器窗口中显示的一个页面被称为一个网页。网页中包括文字、图片、动画、视频和音频等内容。网站是众多网页的集合，网站是把

2、不同用户通过有组织的链接整合到一起，为浏览者提供更丰富的信息。网站同时也是互联网信息服务类企业的代名词，如果一个人在“新浪”或者“搜狐”上班，就可以说他在为一家网站工作。一、构成网页的基本元素、文本和图片、超级链接、动画：gif动画、flash动画、表单:网页实现互动特性最常用的元素。、音频和视频：wmv,rm,flv二、网页的布局布局元素：、页面标题、网站标志、页眉、导航栏、内容、页脚科目一考试 http:/ 驾驶员理论考试科目二考试 http:/ 场地考试科目三考试 http:/ 实际道路考试科目四考试 http:/ 安全文明驾驶常识考试2016年驾驶员试题网学车试题大全http:/三、H

3、TML语言概述我们用浏览器打开一个网页，然后点击菜单栏中的查看-源文件命令，这时会弹出一个文本文档，文档里的文字就是这个网页的组成部分HTML代码。什么是网页代码HTML呢？HTML是一种用来制作超文本文档的简单标记性语言。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，而且可以从一个文件跳转到另一个文件，与世界各地的主机文件链接。HTML并不是很神奇，只是因为你不是很了解它，现在我们就来揭开它的面纱。三、HTML语言概述HTML的组成结构（头部、眼睛、身体好象一个人一样）（）头部：头部的内容（）眼睛：标题，放在之间，即标题（）身体：页面内容现在就把这些部分组成一体，我们用把它们给“包

4、”起来，就组成了我们常见的网页了。好了，大家来看看网页的大体结构：标题内容页面内容启动记事本，输入上面的代码，将文档保存为网页格式（*.html)，然后用浏览器打开它，就会看到我们做的第一个网页。四、网页内部细则看以下几个示例：示例2：我的网页这个网页有背景图片哦！如果图片比页面小，图片会自动重复。注：images是放图片的文件夹，和这个网页文件在同一位置，back-ground.jpg图片放在images文件夹内。四、网页内部细则看以下几个示例：示例：我的网页这个网页有背景图片和背景音乐哦！而且背景音乐是循环播放的。注：loop前面有一个空格，loop表示循环次数，为-1时表示无限循环。me

5、dia为媒体文件夹，和这个网页文件在同一位置，background_sound.mid声音文件放在media文件夹内。五、拓展知识静态网页与动态网页：目前的www网页根据其生成方式，大致可以分为静态网页和动态网页两种。所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标记，这种网页一般以后缀.html或.htm存放。静态网页一经生成，内容就不会再变化，不管何时何人访问，显示的都是一样的内容，如果要修改相关内容，就必须修改源代码，然后上传到服务器。所谓动态网页，就是说该网页文件里有程序代码，这种网页的事缀一般根据不同的程序设计语言而不同，如asp文件的后缀为.asp。动态网页能够根据不同时间、不同的来访者显示不同的内容。如常见的BBS、留言板、聊天室等通常是用动态网页来实现的。一般来说，静态网页制作比较简单，利用FrontPage、DreamWeaver等软件就可以方便地生成。而动态网页制作就比较复杂，需要用到ASP、PHP、JSP和ASP.NET等专门的动态网页设计语言。