第1章网页制作基础.docVIP

¤ 中文版 ¤ 中文版Dreamweaver+Flash+Photoshop网页制作三合一教程 ︻电脑基础·实例·上机系列教程︼ ︻电脑基础· ︻电脑基础·实例·上机系列教程︼ 第1章 网页制作基础 ¤ PAGE 2 PAGE 3 第1章 网页制作基础 学习目标 随着Internet的不断发展，网页已经成为重要的信息载体。如果想自己动手制作网页，首先应了解网页的组成、HTML的基本语法和网页制作的常用软件。本章就讲解这些网页制作的基本知识，为以后的学习垫下基石。 本章要点 HTML的组成和语法 网页制作的常用软件 网页制作软件的启动和退出 网 页 制 作 在Internet中充满了许多漂亮、美观的网页，要制作出这样的网页，必须先了解什么是网页，网页的基本组成是怎样的。 网页简介 网页又称Web页，其中一般都包含图像、文字和超链接等元素。如图1-1所示即是一个网页。 图1-1 新浪网首页 按表现形式的不同，网页一般分为静态网页和动态网页。 静态网页是标准的HTML文件，它是采用HTML（超文本标记语言）编写的，通过HTTP（超文本传输协议）在服务器端和客户端之间传输的纯文本文件，扩展名为.html或.htm。 动态网页与静态网页在许多方面是一致的。它们都是无格式的ASCII码文件，都包含着HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发送给Web浏览器。根据采用Web应用技术的不同，动态网页文件的扩展名也不同。如使用ASP（Active Server Pages）技术时文件扩展名为.asp，使用JSP（Java Server Pages）技术时文件扩展名为.jsp。 按网页在网站中的位置，可将其分为网页（Web Page）和主页（Home Page）。一个网站中只有一个主页，而网页却可能成百上千。通常所说的主页是指访问网站时看到的第一页，即首页。首页的名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。 HTML的概念 HTML全名是Hyper Text Markup Language，即超文本标记语言，是用来描述WWW上超文本文件的语言。 ?提示： HTML并不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的内容，说明段落、标题、图像和字体等在浏览器中的显示效果。浏览器打开HTML文件时，将依据HTML标记去显示内容。 HTML能够将Internet中不同服务器上的文件连接起来，如将文字、声音、图像、动画和视频等媒体有机组织起来，展现出五彩缤纷的画面。此外，它还可以接收用户信息，与数据库相连，实现用户的查询请求等交互功能。 HTML文件独立于平台，对多平台兼容，通过网页浏览器能够在任何平台上阅读。 【例1-1】 下面通过文本编辑器——记事本创建一个名为index.html的HTML文件（光盘\源文件\第1章\index.html）。 图1-2 “开始 图1-2 “开始”菜单 3（1）选择“开始/程序/附件/记事本”命令，如图1-2所示。 3 24（2）在打开的“记事本”文档中输入下面代码，如图1-3所示。 2 4 html head title这里是页面标题/title /head body 这里是正文内容 /body 1/html 1 （3）选择“文件/另存为”命令，打开“另存为”对话框。在“保存在”下拉列表框中选择文件保存路径，在“文件名”下拉列表框中输入文件名及扩展名（.html或.htm），如index.html，在“保存类型”下拉列表框中选择“所有文件”选项，如图1-4所示，单击按钮。 5 5 图1-3 输入代码 （4）双击打开所创建的文件，即可在浏览器中预览，如图1-5所示。 6978 6 9 7 8 图1-4 保存文件 图1-5 浏览页面 HTML的组成及语法 HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签，即HTML标签用来组成HTML元素。 HTML标记的一般格式为： 标记符内容/标记符 标记符一般需要配对使用，前面的标记符表示某种格式或指令的开始，后面的/标记符表示这种格式的结束，这对标记符之间的内容就是被作用的对象。 以上面创建的HTML文档为例，第一个标签是html，最后一个标签是/html，这两个标签分别代表HTML文档的开始和结束；在head和/head标签之间的文本是头部信息，在浏览器窗口中，是不会显示头部信息的；在title和/title标签之间的文本是