1.2什么是网页和网站.pptVIP

第1章 网页制作基础 1.2 什么是网页与网站 广东省韶关学院009级软件班 王永雪 复习 提问：1、什么是WWW服务？ 2、访问识别哪些是超文本链接，哪些是超媒体链接？ 新课导入 同学们都已经能通过浏览器访问Internet上的各类网站和网页，但谁能准确的告诉我什么是网页？网页由哪些元素组成？网站和网页有什么关系？网页是怎么编写出来的？这就是本节要讲解的内容。 什么是网页 定义 网页是WWW服务中最基本的文档。是用HTML超文本标记语言或其他类似的语言（ASP、JSP、PHP等）编写的一种文档，该文档可以通过WWW方式在网上传播，被浏览器识别、以WEB页面形式显示出来。 分类： （1）静态网页（扩展名为htm、html） （2）动态网页（扩展名为asp、aspx、jsp、php、cgi等） （3）区别 静态网页与动态网页的区别在于网页是否具有应用程序解释器和后台数据库支持，而不是指网页是否具有动感效果。使用了应用程序解释器和后台数据库的，我们称为动态网页，反之为静态网页。 网页的几种基本组成元素 文本 图片常用图像格式：JPEG和GIFGIF：支持透明背景、支持动态效果、适用于颜色数比较少的图片（文字特效图片等）JPEG：支持1670万种颜色，适用颜色丰富的画面（风景画、照片） 多媒体元素：音频、视频和动画音频：WAV和MIDI格式视频：RM、AVI、WMV格式动画：SWF（FLASH动画）、GIF格式 超链接 脚本程序（Script） 可以在网页中直接解释的程序语言，有：JavaScript、VBScript两种语言。 什么是网站 阅读书中第5页中 “什么是网站”小节的内容，找出以下问题的答案（8分钟）： A、网站、站点、首页、主页的概念与关系?  B、首页的名称是什么？  C、主页设计的重要性？ 老师提问，学生回答上述问题 HTML语言简介 什么是HTML语言 HTML是Hypertext Markup Language 的缩写，意思为“超文本标记语言”。HTML就是用于编写网页的统一的语言规范。只有采用HTML制作的网页，浏览器才能正确地阅读和运行。 HTML语言的编写方法 第一种方法：使用记事本之类的工具，输入HTML标记和网页的内容进行直接编写，然后保存为以html或htm为扩展名的网页文件； 第二种方法：使用可视化的网页制作工具根据用户的可视化操作自动生成HTML代码，这样可以使人不需要了解HTML语言也能做出很好的网页。 HTML语言简介 演示用记事本编写网页：跟我学“我的第一个网页”  学生上机操作老师演示的实例（5分钟）  讲解HTML源代码的一些基本知识 A、标记的写法 B、标记的类型 C、文件标记D、标记参数 跑马灯效果 基本语法 marquee文字或图片/marquee 该语法只适用于在IE浏览器中显示，只能放在Body标记中使用，作用是实现标记中的内容在页面移动的效果。 演示操作实例1 HTML HEAD title欢迎大家光临/title /HEAD BODY marquee这是我用记事本编写的第二个网页/marquee /BODY/HTML 跑马灯效果 学生上机操作实例1（5分钟） 讲解参数属性表 Bgcolor:背景颜色，可输入颜色的英文名称或者16进制代码等；direction=left、right、up、down: 滚动方向（左、右、上、下）Behavior=scroll、slide、alternate: scroll表示由一端滚动到另一端； slide表示由一端快速滑动到另一端，不再重复；  alternate表示在两端之间来回滚动；height＝数值: 滚动区域的高度；Width=数值: 滚动区域的宽度；scrollamount=数值: 决定滚动的速度，数值越大滚动越快；Scrolldelay=数值: 延迟时间，数值越大跳跃越明显；loop＝数值: 循环次数，不设置该值即表示无限循环。 演示讲解实例2、实例3、实例4，说明参数的使用方法 上机操作 继续上机操作老师演示的实例“我的第一个网页”，理解源代码的基本含义 上机操作“跑马灯效果”跟我学的4个实例，掌握跑马灯的制作。 上机操作课后操作题：4.2、4.3、4.4 ？ 小结 什么是网页、什么是网站，网页与网站的关系 网页的种类和网页的基本元素 什么是HTML语言以及HTML语言的格式 使用记事本编写源代码的方式来制作一