网页制作基础知识
■ 什么是网页
现在在你眼前,出现在显示器上的这个“东西”,就是一个网页。网页实际是一个文件,他存放在世界谋个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序(详见“域名系统”),网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
■ 构成网页的元素
文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。
现在在你眼前,出现在显示器上的这个“东西”,就是一个网页。网页实际是一个文件,他存放在世界谋个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序(详见“域名系统”),网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
■ 构成网页的元素
文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。
除此之外,网页的元素还包括动画、音乐、程序等等。如果想了解更多的话,请参考“商业建
站指南”的“网站的要素”最简单的网页制作软件。
■ 揭开网页的神秘面纱
在网页上点击鼠标右键,选择菜单中的“查看源文件”,就可以通过记事本看到网页的实际内容:
screen.width-430)this.width=screen.width-430 align=center border=0>
可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片?
■ 揭开网页的神秘面纱
在网页上点击鼠标右键,选择菜单中的“查看源文件”,就可以通过记事本看到网页的实际内容:
screen.width-430)this.width=screen.width-430 align=center border=0>
可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片?
网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
■ 网页的类型
通常我们看到的网页,都是以 htm 或 html 后缀结尾的文件,俗称 HTML
文件。不同的后缀,分别代表不同类型的网页文件,例如以CGI、ASP、PHP、JSP甚至其他更多。
HTML
全称 HyperText Markup
■ 网页的类型
通常我们看到的网页,都是以 htm 或 html 后缀结尾的文件,俗称 HTML
文件。不同的后缀,分别代表不同类型的网页文件,例如以CGI、ASP、PHP、JSP甚至其他更多。
HTML
全称 HyperText Markup
Language,正式名称是超文本标记语言,利用标记(tag)用来描述网页的字体、大小、颜及页面布局的语言,使用任何的文本编辑器都可以对它进行编辑,与VB、C++等编程语言
有着本质上的区别。
举一个简单的例子:
HTML 原代码: <b>goEway</b> 从不懂上网到网络高手
在浏览器的显示效果: goEway 从不懂上网到网络高手
其中 <b></b> 就是两个HTML标记。它以起始标记<b>及结束标记</b>标记文字
goEway,令它显示成粗体。要知道更多有关HTML的知识,请看“HTML彻底剖析”
对于网页制作的初学者来说,理解 HTML
的工作原理是必要的,但也无须仔细地了解到每一个标记的作用,因为现在已经有了很好
举一个简单的例子:
HTML 原代码: <b>goEway</b> 从不懂上网到网络高手
在浏览器的显示效果: goEway 从不懂上网到网络高手
其中 <b></b> 就是两个HTML标记。它以起始标记<b>及结束标记</b>标记文字
goEway,令它显示成粗体。要知道更多有关HTML的知识,请看“HTML彻底剖析”
对于网页制作的初学者来说,理解 HTML
的工作原理是必要的,但也无须仔细地了解到每一个标记的作用,因为现在已经有了很好
的所见即所得的网页编辑软件为我们快速地生成 HTML
代码,例如 Dreamweaver 和 Frontpage ,再也无须象早期的网页制作人员一样,一行一行地编写代码了。
以下内容,可能会导致部分网友感到不安,敬请留意!
哈哈,开个玩笑而已。但是,对于以下的“网页类型”,及接着的“网页相关技术”,的确会让一些初学者产生恐惧心理,其实不用担心,在这里,我们只会作简单的介绍,而作为初学者,也只需作初步的了解就足够了。就算一时间无法理解,也可以先放在一边,先看“一些与网页密切相关的技术”,待日后回过头来再慢慢消化这部分的内容也不迟。
CGI
CGI 全称为 Common Gateway Interface
代码,例如 Dreamweaver 和 Frontpage ,再也无须象早期的网页制作人员一样,一行一行地编写代码了。
以下内容,可能会导致部分网友感到不安,敬请留意!
哈哈,开个玩笑而已。但是,对于以下的“网页类型”,及接着的“网页相关技术”,的确会让一些初学者产生恐惧心理,其实不用担心,在这里,我们只会作简单的介绍,而作为初学者,也只需作初步的了解就足够了。就算一时间无法理解,也可以先放在一边,先看“一些与网页密切相关的技术”,待日后回过头来再慢慢消化这部分的内容也不迟。
CGI
CGI 全称为 Common Gateway Interface
(公共网关接口CGI),它是一种编程标准,它规定了Web服务器调用其它可执行程序(CGI程序)的接口协议标准。CGI
程式通过读取使用者的输入请求从而产生 HTML 网页。CGI
程序可以用任何程序设计语言编写,如Shell、Perl、C、Java等,其中最为流行的是Prel。CGI程序通常用于查询、搜索、或其他的一些交互式的应用。
screen.width-430)this.width=screen.width-430 align=center border=0>
网易虚拟社区就是使用了CGI
ASP
ASP 全称为 Active Server Pages(动态服务器主页),它一种应用程序环境,可以利用 V
程式通过读取使用者的输入请求从而产生 HTML 网页。CGI
程序可以用任何程序设计语言编写,如Shell、Perl、C、Java等,其中最为流行的是Prel。CGI程序通常用于查询、搜索、或其他的一些交互式的应用。
screen.width-430)this.width=screen.width-430 align=center border=0>
网易虚拟社区就是使用了CGI
ASP
ASP 全称为 Active Server Pages(动态服务器主页),它一种应用程序环境,可以利用 V
Bscript 或
Java Script 语言来设计,主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候,服务器会自动将 ASP
的程序码,解释为标准 HTML 格式的网页内容,再送到浏览者浏览器上显示出来。我们也可以将 ASP 理解为一种特殊的 CGI。
利用 ASP 生成的网页,与HTML相比具有更大的灵活性。只要结构合理,一个 ASP 页面就可以取代成千上万个网页。尽管 ASP
在工作效率方面较之一些新技术要差,但胜在简单、直观、易学,是涉足网络编程的一条捷径。
screen.width-430)this.width=screen.width-430 align=center border=0>
Java Script 语言来设计,主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候,服务器会自动将 ASP
的程序码,解释为标准 HTML 格式的网页内容,再送到浏览者浏览器上显示出来。我们也可以将 ASP 理解为一种特殊的 CGI。
利用 ASP 生成的网页,与HTML相比具有更大的灵活性。只要结构合理,一个 ASP 页面就可以取代成千上万个网页。尽管 ASP
在工作效率方面较之一些新技术要差,但胜在简单、直观、易学,是涉足网络编程的一条捷径。
screen.width-430)this.width=screen.width-430 align=center border=0>
ASP是微软产物,微软的网站当然也就使用了ASP
PHP
PHP 是 Hypertext Preprocessor
的缩写,代表:超文本预处理器。其优势在于其运行效率比一般的CGI程序要高,而且,PHP是完全免费,不用花钱,你可以从PHP官方站点(www.php)自由下载。PHP
在大多数 Unix 平台,GUN/Linux 和微软 Windows 平台上均可以运行。
JSP
JSP 与 ASP 非常相似。不同之处在于 ASP 的编程语言是 VBScript 之类的脚本语言, 而 JSP 使用的是 Java
PHP
PHP 是 Hypertext Preprocessor
的缩写,代表:超文本预处理器。其优势在于其运行效率比一般的CGI程序要高,而且,PHP是完全免费,不用花钱,你可以从PHP官方站点(www.php)自由下载。PHP
在大多数 Unix 平台,GUN/Linux 和微软 Windows 平台上均可以运行。
JSP
JSP 与 ASP 非常相似。不同之处在于 ASP 的编程语言是 VBScript 之类的脚本语言, 而 JSP 使用的是 Java
。此外, ASP 与 JSP 还有一个更为本质的区别:两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。在 ASP 下,
VBScript 代码被 ASP 引擎解释执行;在 JSP 下,代码被编译成 Servlet 并由 Java 虚拟机执行。
VRML
VRML(Virtual Reality Modeling
Language)就是虚拟实境描述模型语言。是描述三维的物体及其连结的网页格式。用户可在三维虚拟现实场景中实时漫游,VRML2.0在漫游过程中还可能受到重力和碰撞的影响,并可和物体产生交互动作,选择不同视点等(就象玩Quake)。
浏览VRML的网页需要安装相应的插件,利用经典的三维动画制作软件3DMAX,可以简单而
快速地制作出VRML。
一些与网页密切相关的技术
Java
Java 是由 Sun 公司开发而成的一种编程语言,利用 Jave 写成的小程序叫做 Java
Applet。使用它可在各式各样不同种机器、不同种操作平台的网络环境中开发软件。而且,不论你使用的是哪一种 WWW
浏览器,哪一种计算机,哪一种操作系统,只要WWW浏览器上面注明了“支持Java”,你就可以看到生动的主页。
当初Java面世的时候,曾经轰动一时,被认为将会成为 Internet 应用的主要开发语言。但
一些与网页密切相关的技术
Java
Java 是由 Sun 公司开发而成的一种编程语言,利用 Jave 写成的小程序叫做 Java
Applet。使用它可在各式各样不同种机器、不同种操作平台的网络环境中开发软件。而且,不论你使用的是哪一种 WWW
浏览器,哪一种计算机,哪一种操作系统,只要WWW浏览器上面注明了“支持Java”,你就可以看到生动的主页。
当初Java面世的时候,曾经轰动一时,被认为将会成为 Internet 应用的主要开发语言。但
时至今日,Java
的风头已大不如前,原因是 Java 也有着起致命的弱点,就是在客户端的编译运行的速度慢,资源消耗大。现在 Java
多用于服务器端、及一些复杂的客户端程序的编写。
javascript
javascript 具有脚本语言的“简单”这个特性,编写容易,不需要有很深的编程经验。javascript
语言是通过嵌入或整合在标准 HTML 语言中实现的,也就是说 javascript 的程序是直接加入在HTML文档里,当浏览器读取到
的风头已大不如前,原因是 Java 也有着起致命的弱点,就是在客户端的编译运行的速度慢,资源消耗大。现在 Java
多用于服务器端、及一些复杂的客户端程序的编写。
javascript
javascript 具有脚本语言的“简单”这个特性,编写容易,不需要有很深的编程经验。javascript
语言是通过嵌入或整合在标准 HTML 语言中实现的,也就是说 javascript 的程序是直接加入在HTML文档里,当浏览器读取到
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论