第1章网页制作基础

《第1章网页制作基础》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、︻电脑基础·实例·上机系列教程︼第1章网页制作基础¤第1章网页制作基础学习目标随着Internet的不断发展，网页已经成为重要的信息载体。如果想自己动手制作网页，首先应了解网页的组成、HTML的基本语法和网页制作的常用软件。本章就讲解这些网页制作的基本知识，为以后的学习垫下基石。本章要点þHTML的组成和语法þ网页制作的常用软件þ网页制作软件的启动和退出1.1网页制作在Internet中充满了许多漂亮、美观的网页，要制作出这样的网页，必须先了解什么是网页，网页的基本组成是怎样的。1.1.1网页简介网页又称We

2、b页，其中一般都包含图像、文字和超链接等元素。如图1-1所示即是一个网页。图1-1新浪网首页按表现形式的不同，网页一般分为静态网页和动态网页。7︻电脑基础·实例·上机系列教程︼第1章网页制作基础¤静态网页是标准的HTML文件，它是采用HTML（超文本标记语言）编写的，通过HTTP（超文本传输协议）在服务器端和客户端之间传输的纯文本文件，扩展名为.html或.htm。动态网页与静态网页在许多方面是一致的。它们都是无格式的ASCII码文件，都包含着HTML代码，都可以包含用脚本语言（比如JavaScript或VB

3、Script）编写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发送给Web浏览器。根据采用Web应用技术的不同，动态网页文件的扩展名也不同。如使用ASP（ActiveServerPages）技术时文件扩展名为.asp，使用JSP（JavaServerPages）技术时文件扩展名为.jsp。按网页在网站中的位置，可将其分为网页（WebPage）和主页（HomePage）。一个网站中只有一个主页，而网页却可能成百上千。通常所说的主页是指访问网站时看到的第一页，即首页。首页的名称是特定的，一般为

4、index.htm、index.html、default.htm、default.html、default.asp或index.asp等。1.1.1HTML的概念HTML全名是HyperTextMarkupLanguage，即超文本标记语言，是用来描述WWW上超文本文件的语言。U提示：HTML并不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的内容，说明段落、标题、图像和字体等在浏览器中的显示效果。浏览器打开HTML文件时，将依据HTML标记去显示内容。HTML能够将Internet中不同

5、服务器上的文件连接起来，如将文字、声音、图像、动画和视频等媒体有机组织起来，展现出五彩缤纷的画面。此外，它还可以接收用户信息，与数据库相连，实现用户的查询请求等交互功能。HTML文件独立于平台，对多平台兼容，通过网页浏览器能够在任何平台上阅读。【例1-1】下面通过文本编辑器——记事本创建一个名为index.html的HTML文件（光盘源文件第1章index.html）。图1-2“开始”菜单操作步骤如下：3（1）选择“开始/程序/附件/记事本”命令，如图1-2所示。24（2）在打开的“记事本”文档中输入下

6、面代码，如图1-3所示。这里是正文内容17︻电脑基础·实例·上机系列教程︼第1章网页制作基础¤（3）选择“文件/另存为”命令，打开“另存为”对话框。在“保存在”下拉列表框中选择文件保存路径，在“文件名”下拉列表框中输入文件名及扩展名（.html或.htm），如index.html，在“保存类型”下拉列表框中选择“所有文件”选项，如图1-4所示，单击按钮。5图1-3输入代码（4）双击打开所创

7、建的文件，即可在浏览器中预览，如图1-5所示。6978图1-4保存文件图1-5浏览页面1.1.1HTML的组成及语法HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签，即HTML标签用来组成HTML元素。HTML标记的一般格式为：<标记符>内容标记符一般需要配对使用，前面的<标记符>表示某种格式或指令的开始，后面的表示这种格式的结束，这对标记符之间的内容就是被作用的对象。以上面创建的HTML文档为例，第一个标签是，最后一个标签是

8、ml>，这两个标签分别代表HTML文档的开始和结束；在和标签之间的文本是头部信息，在浏览器窗口中，是不会显示头部信息的；7︻电脑基础·实例·上机系列教程︼第1章网页制作基础¤在标签之间的文本是文档标题，它显示在浏览器窗口的标题栏；在和标签之间的文本是正文，会在浏览器的网页浏览区中显示。1.1网页制作的常用软件网页所包