网页开发技术
作者：济南雷鸣科技 文章来源：本站原创 更新时间：2023-11-07
一、网页编辑语言
1、HTML语言
HTML语言是网页制作的基础，它是网页制作中最基本的使用语言。HTML是一种简单的、基于文本的语言，它使用一系列标记，创建可被浏览者使用的文本，它不是一种真正的计算机语言，而是一种描述语言。用其编写的HTML文件不需要进行编译，而是靠浏览器解释执行的。
其作用有以下几点：
格式化文本。如设置标题、字体、字号、颜色，设置文本的段落、对齐方式等。
建立超链接。通过超链接检索网页，只需用鼠标单击，就可以得到任何一处的相关信息，还可以获得其他不同形态的服务。
插入图像。使网页图文并茂，还可以设置图像的各种属性，如：大小、边框、布局等。
建立表格。表格可以将文本、图片等网页数据按行、列排列，以利于用户快速找到信息，还可以用来设定整个网页的布局，使整个页面更规则地放置图片、文字等数据，使网页条目清晰。
加入多媒体。可以在网页中加入音频、视频、动画等多媒体数据，还能设定播放的时间和次数。
提供交互式表单。如通常可以在HTML文件中看到的用于信息检索、订购产品的输入页面上的包含有文本框、复选框、单选按钮和命令按钮等控件。
2、DHTML
制作网页的人都想让网页能“娇丽动人”，靠添加精美的图片确实能增色不少，但在传输和下载过程中会使访问者因传输速率而失去耐心。而DHTML（Dynamic HTML）就能做出很好的动态网页。经常上网的朋友一定有过这样的体验，当打开某个网页时一张可爱的图片从左下角徐徐升起，优美极了；或者点击某个图片后它突然向下坠落，吓人一跳。此时你一定啧啧称奇，“绝了！” 这就是DHTML，人见人爱的动态网页。
动态 HTML（DHTML） 是 Microsoft 对 HTML 4.0 版的增强，是HTML的一种扩展和延伸，它是在HTML的基础上加入一些特定的标签来创建一些特殊的对象，其最出色的就是DHTML中“层”这个对象。“层”由普通的HTML的内容构成，即相关的HTML内容都可定义为一个“层”。每个“层”都相互独立，可放在网页中的任何位置上，并可设置为“可见”或“不可见”，然后与一定的脚本语言如JavaScript相互结合运用，便可创建出如逐字移出网页的文本和网页间旋转变换等各种有趣的效果。目前，高版本的浏览器都支持DHTML。
3、XML
XML（eXtensible Markup Language）可扩展标记语言，被叫做“第二代WWW开发语言”、“下一代网络应用基石”，是由W3C于98年2月发布的一种标准，它是SGML的一个应用实例或一种受限形式，但却具有很强的功能。W3C对XML是这样描述的：XML描述了一类被称为XML文档的数据对象，并部分描述了处理它们的计算机程序的行为。
它的优势之一是使得人们可以根据要表现的文档，自由地建立适合自己的标记集合，从而能自由地定义标记来表现具有实际意义的文档内容。这一特征使得XML在电子商务中，以及政府文件、司法、出版、保险、厂商等信息交换领域一展身手。
Microsoft Office XP中已广泛支持XML，“另存为XML格式”的实现，标志着XML已成为21世纪的“世界语”了。目前XML已形成了一系列的标准，如：cXML、xCBI、微软的BizTalk，以及ebXML等。WML（Wireless Markup Language）即无线标记语言是XML的一个应用实例，手机等移动终端通过WML来显示通过WAP（Wireless Application Protocol，无线应用协议）网关转换Internet上的文字图像数据。
4、CSS（层叠样式表）
CSS是Cascading Style Sheets的缩写，它由W3C协会所制定，主要的用途是定义网页数据的编排、显示、格式化及特殊效果，该标准制定了样式的基本规则，并规定了格式化网页元素的语法，包含对字体、颜色、表格、图片、文本等的规范。因为HTML语言提供的<B>、<I>、<FONT>、<H1>等控制标记虽然可以将数据格式化，但能做到的文字变化有限，而CSS正好弥补了其不足。CSS只有高版本的浏览器才能支持。层叠样式表不是用来取代HTML的语言，它只是对HTML的补充。网页的制作还是需要利用HTML来编写的，而层叠样式表只是用来精确定位页面元素以及配合JavaScript制作出动态网页。
5、VRML（虚拟现实建模语言）
VRML是Virtual Reality Modeling Language的缩写，主要的用途是描述物体的三维空间信息，让网页的浏览者可以看到3D的物体，也就是说，浏览者不仅可以看到物体的正面，还可以看到物体的其他角度的面，或将物体加以旋转、拉近、拉远等。
6、Script脚本语言
设计网页的HTML、XML、CSS等等却没有办法使用变量、流程控制等程序设计语言所具有的功能，从而使得网页变化繁多、功能齐全，因此Netscape公司和Microsoft公司分别先后推出了JavaScript和VBScript脚本语言来弥补这些网页编辑语言的不足。JavaScript和VBScript都是一种跨平台、面向对象的、解释型的嵌入式脚本语言，不能使用该语言来编写独立运行的应用程序，他们只能被嵌写在其他的语言中，如HTML语言。JavaScript和VBScript都包含了一组对象，如：数组、日期、数学计算、操作符、控制结构等在内的编程语言元素，只不过一个来自于Java，采用了大多数Java的语法规则和基本流控制结构，一个来自于VB，是VB的一个子集，两者都可以作为客户端的脚本语言或服务器端的脚本语言。作为客户端的编程语言，用这些脚本语言所编写的网页仍然是HTML文件，由浏览器来解释执行，目前IE和Netscape都能解释JavaScript的客户端应用程序，而VBScript脚本的客户端应用程序只有IE才能解释；作为服务器端的编程语言，所编写的网页已不是HTML文件了，而是其他的应用程序，如与ASP结合起来，形成*.ASP文件，这些文件的解释由WWW服务器来进行，与浏览器的版本和类型无关。
二、网页编辑工具
1、Adobe pagemill2.0
功能不算强大，但使用起来很方便，适合初学者制作不太复杂的主页。特色是有一个剪贴板，可以将任意多的文本，图形，表格拖放到里面，需要时再打开。用pagemill2.0创立多帧页十分方便，可以同时编辑各帧中的内容。Adobe pagemill允许在HTML代码上编写和修改。
2、Netobjects Fusion2.0
是一个于众不同的网页制作工具，但它把设计者限定在其特有的工作方式中，制作时你无法编辑HTML。
3、MS FrontPage 98/2000
使用FrontPage98/2000创立网页，能真正体会到“功能强大，简单易用”的含义。FrontPage 2000提供了极好的网站管理工具、网页设计与制作工具以及网站应用程序开发工具。可通过类似Outlook的主窗口来产生报表。维护报表涵盖的项目包括破碎连结、未归属的网页以及预计的网页下载时间。预置了50种主题(Themes)，还可以自定义主题功能便于设计者创立页面风格一致的站点。可以直接编辑保存下来的html文件的原代码（包括js脚本和ASP），特别是可以在预览页面上直接修改原代码。方便的数据库管理，支持最新的WWW开发技术，用FrontPage2000可以编辑HTML、DHTML、script、XML、VML。
4、HotDog Professional4.0
是较早基于代码的网页开发工具，主要针对那些希望在页面中加入CSS、Java、RealVideo等复杂技术的高级设计者。界面与Homesite相似，但不能自由定制。最具特色的是提供了许多向导工具，帮助设计者制作页面中的复杂部分。在http：//www.sausage.com 站点提供大量站点下载工具、Java动画工具、按钮编辑工具，加强了HotDog功能。
5、Homesite 3.0
属于基于代码的网页制作工具，功能上给代码编辑者提供了极大的方便。Homesite工作界面繁简由人，根据习惯，可以将其设置成象Notepad一样简单的编辑窗口，也可以在复杂的界面下工作。Homesite具有良好的站点管理功能，链接确认向导可以检查一个或多个文档的链接状况。
6、Dreamweaver
Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上，制作效率高；以全网站内容管理的方式使得复杂的网站更新变得迅速又简单；是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具；Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑；利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。
7、Golive 5
对于国内的绝大多数网页设计者来说，Golive是一个非常陌生的软件，它是Adobe公司推出的一个优秀的可视化网页开发工具。它除了能完成DreamWeaver中的操作外，还提供有更加灵活的源代码编辑器，能快速方便地编辑、检查HTML代码，而且能非常容易地增加动态HTML、层叠样式表、编辑QuickTime物件，还预设有JavaScript事件和更加先进的网站管理功能，预览设计结果也更加方便
三、网络数据库技术
1、ODBC技术
ODBC（Open Databse Connectivity）是一种API规范，它是一个数据库访问函数库，应用程序可以通过它们直接操作数据库中的数据，它适用于多种DBMS产品。
2、SQL语言
SQL是Structured Query Language （结构化查询语言）的缩写，是用于关系型数据库通信的标准语言，目前所有的关系数据库管理系统都支持SQL，从大型关系数据库Oracle、Informix、Sybase 等到个人计算机上使用的Foxpro、Access等都不例外。它包括数据定义（data definition）、数据查询（data query）、数据操纵（data manipulation）和数据控制（data control）功能四部分，其中查询是SQL语言最重要的组成部分。
四、WWW数据库接口技术
1、CGI（Common Gateway Interface）
CGI即通用网关接口，是早期建立应用程序与WWW服务器之间接口的标准，其工作方式是：用户通过浏览器用HTTP以Form（表单）向WWW服务器发出请求；WWW服务器接收对CGI的请求，用一个子进程启动CGI，将用户的请求传给CGI；CGI向服务器，即DBMS发出请求，数据库执行相应的查询操作；数据库服务器将服务请求返回给CGI；CGI将查询结果转成网页形式返回给WWW服务器，WWW服务器再通过HTTP将网页传给用户的浏览器显示出来。只要遵循CGI标准编写的服务器端可执行的应用程序都称之为CGI程序。它可在客户端浏览器和WWW服务器间进行交互，也可通过数据库编程接口与数据库服务器等外部数据源进行通信。CGI程序可用C、C++、Perl、Shell和VB等语言来编写，它的开发与普通程序的开发并无区别，只是要遵从CGI标准。
2、Web API
WWW服务器提供商为扩展其服务器的性能，都各自开发API应用程序接口来取代CGI。目前最流行的2种API分别是Microsoft的ISAPI（Internet Server Application Program Interface），即Internet服务器应用程序接口和Netscape的NSAPI。这2种接口可让我们以标准方式编写 WWW服务器交互的应用程序。目前Netscape宣布其NSAPI也支持ISAPI标准，则意味着只有一种Web API标准了。
3、ASP（Active Server Pages）
由于Web API开发的难度，于是微软推出其ASP技术。ASP是Microsoft于1996年11月推出的一种WWW应用程序开发技术。它既不是编程语言，也不是开发工具，而是一种“技术框架”，其主要功能是为生成动态的交互式的WWW服务器应用程序提供一种功能强大的方法或技术。其主要特性是能够把HTML、脚本、组件等有机地组合在一起，形成一个能够在服务器上运行的应用程序，并把按用户要求专门制作的标准HTML页面送给客户端浏览器。ASP自身提供VBScript和Jscript两种脚本引擎，缺省为VBScript。
4、Java/JDBC
Java语言是由SUN公司于1995年推出的，是从C语言衍生而来的一种编程语言，具有简单性、稳定性、安全性、结构中立性、分布性等特点，是一种强有力的面向对象的网络编程语言，有一组丰富的对象和类，它可以在任何系统平台上建立应用程序，这些Applet可以被Internet用户从WWW服务器上下载到本地浏览器运行，如同本地程序一样独立地访问本地和其他服务器资源。利用Java Applet可以方便地实现与用户的交互，还能提供丰富的图形功能和声音、视频等多媒体功能。
5、JSP
JSP（Java Server Pages）是由Sun Microsystems公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术，是由Sun Microsystems公司倡导，许多公司参与一起建立的一种动态网页技术标准。
6、PHP
PHP（Personal Home Page）也是一种服务器端脚本语言，是一种真正跨平台、跨服务器的开发语言，与ASP类似，但PHP是通过Internet合作开发的开放源代码软件。最初PHP是由Rasums Lerdorf用Perl编写的一个CGI程序，以后又用C语言重写，范围扩大到访问数据库，通过其他一些人的参与，结果出现PHP V3.0。PHP具备以下优点：支持多种系统平台、具有很好的开放性和可扩充性、版本更新速度快、容易与现有的网页整合、具有丰富的功能、系统移植速度快。PHP混合了C语言、JAVA语言和PERL语言的特点，有丰富的数据库操作函数，可以进行当前几乎所有的数据库操作。并且PHP为不同平台下的数据库设计了专门的函数，能与多种数据库直接互联，包括Oracle、Sybase和MySQL等，同时也支持ODBC。
五、其它开发技术
1、静态图片制作
（1）Adobe PhotoShop。
Photoshop可以很方便的绘制像素图形。像素图形可以和矢量图形混合编辑，并且矢量和象素无关，可以自由缩放。用户可以通过一系列的矢量图形工具对矢量图形进行多种方式的编辑，包括并、交、差、补等矢量图形操作。此外其增强的矢量输出能力可以更好的输出Postscript和PDF文件。
（2）Fireworks。
一种专门为网页而诞生的真正的网页作图软件。Fireworks提供专业网络图形设计和制作方案。通过它，你可以编辑网络图形和动画，支持位图和矢量图。同时它能与Dreamweaver、Flash能实现网页的无缝连接，与其他图形程序各HTML编辑也能密切配合，为用户一体化的网络设计方案提供支持。Fireworks能完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明、要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的。
2、动画制作
（1）Flash
Flash是交互式矢量图和WWW动画的标准。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过Flash技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。
（2）GIF Animator。
Ulead GIF Animator 5.0 是目前最快和最易使用的GIF动画工具，它在一个软件包中提供了顶级的功能，用于动画编排、编辑、特效和优化。GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的EXE文件，以便通过电子邮件发布和在任何地方来查看。GIF Animator引入了图层Image Layer概念，可以使用户创建出效果更加丰富的图形，甚至是多个图形之间的叠加，这样的画面效果极好。同时程序也提供了近乎专业的层合并、重定义尺寸、Layer Pane多层内容的同步色彩编辑等功能。
（3）COOL 3D 3.0
Ｕlead Cool 3D作为一款优秀的三维立体文字特效工具，广泛地应用于平面设计和网页制作领域，最近推出的Cool 3D 3.0版较以前又增加了许多新功能。Cool 3D 3.0主要用来制作文字的各种静态或动态的特效，如立体、扭曲、变换、色彩、材质、光影、运动等。
3、ActiveX技术
ActiveX是一套不论创建组件之语言为何，也允许软件组件可在网络环境下彼此交互的应用技术。ActiveX虽然也可以使用在桌面应用程序与其他程序上，但其主要是用于开发全球广域网的交互内容上。结合ActiveX应用技术的可重用软件组件，ActiveX控件可以内置在网页中，以产生出动画和其他多媒体效果、交互性对象和一些精巧的程序。它们可以由各式各样的语言所写成，包括C，C++，和VisualBasic等。
鲁公网安备 37010202001976号
