admin 管理员组文章数量: 1184232
2023年12月17日发(作者：顺序是)
章
节
第1章 网页制作基础
1.2 什么是网页与网站
1、了解什么是网页、什么是网站，网页与网站的关系
2、了解网页的种类和网页的基本元素
3、了解什么是HTML语言以及HTML语言的格式
4、学会使用记事本编写源代码的方式来制作一些简单的网页
5、学会用编写源代码方式制作跑马灯效果
教学目标
1、网页的分类和组成网页的基本元素
教学重点、2、HTML语言标记和格式
难点 3、掌握用记事本编写网页的方法
4、掌握跑马灯效果的制作
技能培训的目的
教法
学法
教具使用
1、学会用记事本编写源代码的方式来制作一些简单的网页
2、学会MARQUEE标记的用法，制作跑马灯效果。
阅读演示与练习相结合、引发学生学习的兴趣、指导学生自学
记忆、观察、思考与上机实践
多媒体投影、多媒体计算机机房
教学内容与过程
教学内容 教师活动 学生活动
思考
回答问题
引发学习兴趣
明确学习内容
教师讲解、启发
备注
复习提问 提问：
1、什么是WWW服务？
2、访问识别哪些是超文本链接，哪些是超媒体链接？
导入新课 同学们都已经能通过浏览器访问Internet上的各类网站和网页，但谁能准确的告诉我什么是网页？网页由哪些元素组成？网站和网页有什么关系？网页是怎么编写出来的？这就是本节要讲解的内容。
给出本节课题
1.2 什么是网页与网站
1．什么是网页
网页是WWW服务中最基本的文档。是用HTML超文本标记语言或其他类似的语言（ASP、JSP、PHP等）编写的一种文档，该文档可以通过WWW方式在网上传播，被浏览器识别、以WEB页面形式显示出来。
分类：
（1）静态网页（扩展名为htm、html）
（2）动态网页（扩展名为asp、aspx、jsp、php、cgi等）
（3）区别
静态网页与动态网页的区别在于网页是否具有应用程序解释器和后台数据库支持，而不是指网页是否具有动感效果。使用了应用程序解释器和后台数据库的，我们称为动态网页，反之为静态网页。
讲授新课
1．什么是网页
理解记忆
2．网页的几种基本组成元素
3．什么是网站
2．网页的几种基本组成元素
（1）文本
（2）图片
常用图像格式：JPEG和GIF
GIF适合：支持透明背景、支持动态效果、适用于颜色数比较少的图片（文字特效图片等）
JPEG适合：支持1670万种颜色，适用颜色丰富的画面（风景画、照片等）
（3）多媒体元素：音频、视频和动画
音频：WAV和MIDI格式
视频：RM、AVI、WMV格式
动画：SWF（FLASH动画）、GIF格式
（4）超链接
（5）脚本程序（Script）
可以在网页中直接解释的程序语言，有：JavaScript、VBScript两种语言。
3．什么是网站
（1）学生阅读书中第5页中“什么是网站”小节的内容，找出以下问题的答案（8分钟）：
A、网站、站点、首页、主页的概念与关系
网站：许多相关网页有机结合而形成的一个信息服务中心。又常被为“站点”。
首页：指用户在浏览器地址栏里输入网址后自动打开的默认页面。又称为主页。网站的其他页面都会通过超链接与这个主页相连。这些页面通常称为子页面。由于主页在一个网站的所有网页里处于中心地位，所以经常有人用主页来代替网站的称呼，如个人网站称为个人主页。
B、首页的名称是什么？
首页的主名一般定义为index或Default，如果首页类型是静态网页，那么首页名称一般为、或、，如果首页是动态网页类型并是用ASP语言编写的，那么首页名称为或。
C、主页设计的重要性？
主页是用户访问该网站时第一眼所看到的页面，所以主页的设计就至关重要。主页既要表达出网站的风格、内容，又要美观醒目、吸引用户的注意力。否则，访问者就有可能因为第一印象不好而不再访问该网站。
（2）老师提问，学生回答上述问题
看书、思考、找出相关答案
回答问题
教师下台指导学生看书
老师要经
4．HTML语言简介
4．HTML语言简介
（1）什么是HTML语言
HTML是Hypertext Markup Language 的缩写，意思为“超文本标记语言”。
HTML就是用于编写网页的统一的语言规范。只有采用HTML制作的网页，浏览器才能正确地阅读和运行。
（2）HTML语言的编写方法
第一种方法：使用记事本之类的工具，输入HTML标记和网页的内容进行直接编写，然后保存为以html或htm为扩展名的网页文件；
第二种方法：使用可视化的网页制作工具根据用户的可视化操作自动生成HTML代码，这样可以使人不需要了解HTML语言也能做出很好的网页。
（3）演示用记事本编写网页：跟我学“我的第一个网页”。
（4）学生上机操作老师演示的实例（5分钟）
（5）讲解HTML源代码的一些基本知识
通过刚才的操作，很多同学都制作出了自己的第一个网页，但有些同学还没有，为什么呢？主要是HTML代码输错了，代码出错了，网页就显示不出来了，接下来，我们来学习一些关于源代码的基础知识。
A、标记的写法
HTML语言中所有的标记都要用<>包起来，如
，小括号中的标记字母不用区别大小写，<>与标记中间不能用空格隔开。
B、标记的类型
Html语言中的标记可以分为两类：对称标记和单独标记。
对称标记中的HTML标记是对称的，表示方式是：<标记>内容。其中“<标记>”称为起始标记，表示某种格式功能的开始，而后面的“”称为结束标记，表示这种格式功能的结束，如上例中的
这是我用记事本编写的第一个网页
。对称必须首尾呼应、有头有尾；对称标记允许相互嵌套，但不能交叉嵌套，单独标记中的HTML标记是不成对的，表示方法是：<标记>。标记中只有起始标记没有结束标记，如
标记的作用是换行，功能相当于WORD文档中的回车符。
C、文件标记
(A) 从上例可以看出所有HTML文件都必须用特定的标记“”起始，表示这是个网页文件，网页内容一直持续到标记结束。
观察操作过程
学习具体操作
常提示，并鼓励有不同的看法
这里先不给学生讲解原理，先满足学生的好奇心，学会依葫芦画瓢做出第一个网页，再讲解源代码的一些基础知识。
结合“跟我学”案例边演示边讲解
5．跑马灯效果
(B) 网页文件内容分为两大部分：
和对称标记我们称为头部分，主要包含着和网页文件有关的一些头信息，除了标题标记(C) 网页头部分中的