1.2什么是网页和网站.ppt

第1章 网页制作基础1.2 什么是网页与网站广东省韶关学院009级软件班 王永雪复习n提问： 1、什么是WWW服务？ 2、访问识别哪些是 超文本链接，哪些是超媒体链接？ 同学们都已经能通过浏览器访 问Internet上的各类网站和网页，但 谁能准确的告诉我什么是网页？网 页由哪些元素组成？网站和网页有 什么关系？网页是怎么编写出来的 ？这就是本节要讲解的内容 新课导入什么是网页 n定义网页是WWW服务中最基本的文档是用HTML超文本标记语言或 其他类似的语言（ASP、JSP、PHP等）编写的一种文档，该文档可 以通过WWW方式在网上传播，被浏览器识别、以WEB页面形式显示 出来n分类：n（1）静态网页（扩展名为htm、html）n（2）动态网页（扩展名为asp、aspx、jsp、php、cgi等）n（3）区别静态网页与动态网页的区别在于网页是否具有应用程序解释 器和后台数据库支持，而不是指网页是否具有动感效果使用了 应用程序解释器和后台数据库的，我们称为动态网页，反之为静 态网页 网页的几种基本组成元素n文本n图片 常用图像格式：JPEG和GIF GIF：支持透明背景、支持动态效果、适用于颜色数比较少的图片 （文字特效图片等） JPEG：支持1670万种颜色，适用颜色丰富的画面（风景画、照片）n多媒体元素：音频、视频和动画 音频：WAV和MIDI格式 视频：RM、AVI、WMV格式 动画：SWF（FLASH动画）、GIF格式n超链接n脚本程序（Script）可以在网页中直接解释的程序语言，有：JavaScript、VBScript 两种语言。

什么是网站n 阅读书中第5页中 “什么是网站”小节的 内容，找出以下问题的答案（8分钟）：A、网站、站点、首页、主页的概念与关系? B、首页的名称是什么？ C、主页设计的重要性？ n 老师提问，学生回答上述问题 HTML语言简介n什么是HTML语言 HTML是Hypertext Markup Language 的缩写，意思为“超文本标 记语言” HTML就是用于编写网页的统一的语言规范只有采用HTML制作的 网页，浏览器才能正确地阅读和运行nHTML语言的编写方法第一种方法：使用记事本之类的工具，输入HTML 标记和网页的内容进行直接编写，然后保存为以html 或htm为扩展名的网页文件；第二种方法：使用可视化的网页制作工具根据用 户的可视化操作自动生成HTML代码，这样可以使人不 需要了解HTML语言也能做出很好的网页 HTML语言简介n演示用记事本编写网页：跟我学“我的第一个 网页” n学生上机操作老师演示的实例（5分钟） n讲解HTML源代码的一些基本知识 A、标记的写法 B、标记的类型 C、文件标记 D、标记参数 跑马灯效果 n基本语法 文字或图片该语法只适用于在IE浏览器中显示，只能放在标记中使用， 作用是实现标记 中的内容在页面移动的效果。

n演示操作实例1 欢迎大家光临这是我用记事本编写的第二个网页跑马灯效果 n学生上机操作实例1（5分钟） n讲解参数属性表 Bgcolor:背景颜色，可输入颜色的英文名称或者16进制代码等； direction=left、right、up、down: 滚动方向（左、右、上、下） Behavior=scroll、slide、alternate:scroll表示由一端滚动到另一端；slide表示由一端快速滑动到另一端，不再重复； alternate表示在两端之间来回滚动； height＝数值: 滚动区域的高度； Width=数值: 滚动区域的宽度； scrollamount=数值: 决定滚动的速度，数值越大滚动越快； Scrolldelay=数值: 延迟时间，数值越大跳跃越明显； loop＝数值: 循环次数，不设置该值即表示无限循环n演示讲解实例2、实例3、实例4，说明参数的使用方法 上机操作n继续上机操作老师演示的实例“我的第一 个网页”，理解源代码的基本含义n上机操作“跑马灯效果”跟我学的4个实 例，掌握跑马灯的制作n上机操作课后操作题：4.2、4.3、4.4 ？ 小结n什么是网页、什么是网站，网页与网站 的关系n网页的种类和网页的基本元素n什么是HTML语言以及HTML语言的格式n使用记事本编写源代码的方式来制作一 些简单的网页n用编写源代码方式制作跑马灯效果 作业n书：第一章习题P11 1.3、1.4、1.5、1.6、1.7、1.11 、1.13、2.1、2.3、2.5、2.9、 2.10、3.4、3.5、3.6、3.7、3.8n温习所掌握的操作n预习下一节内容 。