九州书源-清华大学出版社

《九州书源-清华大学出版社》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第1章网页制作基础第1章网页制作基础学习目标þ了解HTML的组成和语法þ了解网页制作的常用软件þ掌握网页制作软件的启动和退出方法目标任务&项目案例启动PhotoshopCS3退出PhotoshopCS3随着Internet的不断发展，网页已经成为重要的信息载体。在动手制作网页前，首先应了解网页的组成、HTML的基本语法和制作网页的常用软件。本章将主要讲解网页制作的基本知识，为后面的学习打下坚实的基础。1.1网页制作基础知识Internet中有许多漂亮、美观的网页，要制作出这样的网页，必须先了解什么是网页，网页的基本组成是怎样的。下面将进行详细讲解。

2、1.1.1网页简介网页又称Web页，一般都包含图像、文字和超链接等元素。如图1-1所示即为新浪网首页。按表现形式的不同，网页可分为静态网页和动态网页。其含义和特点分别介绍如下。è静态网页：9第1章网页制作基础静态网页是标准的HTML文件，它是采用HTML（超文本标记语言）编写的，通过HTTP（超文本传输协议）在服务器端和客户端之间传输的纯文本文件，扩展名为.html或.htm。è动态网页：动态网页是指具有动态效果的网页，由ASP、PHP、JSP和CGI等程序组成。图1-1新浪网首页U提示：动态网页与静态网页在许多方面是一致的。它们都是无格式的ASC

3、II码文件，都包含着HTML代码，都可以包含用脚本语言（如JavaScript或VBScript）编写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发送给Web浏览器。按网页在网站中的位置，可将其分为内页（WebPage）和主页（HomePage）。通常所说的主页是指访问网站时看到的第一页，即首页。首页的名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。内页是指与主页相链接的其他页面，即网站内部的页面。1.1.2什么是HTM

4、LHTML是HyperTextMarkupLanguage的简写，即超文本标记语言，是用来描述Internet上超文本文件的语言。U提示：HTML并不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的内容，说明段落、标题、图像和字体等在浏览器中的显示效果。浏览器打开HTML文件时，将依据HTML标记去显示内容。HTML能够将Internet中不同服务器上的文件连接起来，如将文字、声音、图像、动画和视频等媒体有机组织起来，展示出五彩缤纷的画面。此外，它还可以接收用户信息、与数据库相连、实现用户的查询请求等交互功能。HTML文件独立于

5、平台，对多平台兼容，通过网页浏览器能够在任何平台上阅读。1.1.3HTML的组成结构及语法HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签，即由HTML标签组成HTML元素。9第1章网页制作基础HTML标记的一般格式如下：<标记符>内容标记符一般需要配对使用，前面的<标记符>表示某种格式或指令的开始，后面的表示这种格式的结束，这对标记符之间的内容是被作用的对象。HTML文档结构主要由、、标签之间的文本是文档标题，它显示在浏览器窗口的标题栏；在和标签之间的文本是正文，会在浏览器的网页浏览区中显示。1.1.4应用举例——使用“记事本”程序编写网页在“记事本”程序中创建一个名为index.html的HTML文件（立体化教学:源文件第1章index.html）。操作步骤如下：（1）选择“开始/程序/附件/记事本”命令，打开“记事本”程序，如

7、图1-2所示。23514（2）在打开的“记事本”窗口中输入如图1-3所示的代码。1图1-2启动“记事本”程序图1-3输入代码（3）选择“文件/另存为”命令，打开“另存为”对话框，在“保存在”下拉列表框中选择文件保存路径，在“文件名”下拉列表框中输入文件名及扩展名，这里输入“index.html”，在“保存类型”下拉列表框中选择“所有文件”选项，单击按钮，如图1-4所示。（4）双击所创建的文件，即可在浏览器中打开文件进行网页效果预览，如图1-5所示。1076989第1章网页制作基础图1-4保存文件图1-5浏览页面9第1章网页制作基础1.2网页制作的常

8、用软件网页中所包含的内容除了文本外，还应该有图像、背景和Flash动画等，从而使页面更具观赏性和艺术性。要在网页中添加这些