APUNTS PRÀCTICS HTML 4.0
En aquest capítol es tracten els següents elements:
Contingut del capítol:
Els Scripts, Applets i Objects són programes que s'inserten en la pàgina Web,
però que estan creats en un llenguatge diferent a HTML, com pot ser Java,
JavaScript, VBScript, VisualJ ++, etc. i els ActiveX. Serveixen per a extendre
les capacitats del propi llenguatge HTML.
És possible que no tots els
programes funcionin amb tots els visualitzadors.
En aquest apartat només s'inclou la forma d'inclore el codi dins la pàgina Web, l'aparença que tenen, però no com es programa en aquests llenguatges, que caldria un manual apart per a cadascun d'ells.
Un Script és un programa escrit en un llenguatge diferent al HTML i que es
pot incloure en una pàgina Web.
Mentre que Java és una llenguatge de
programació, i es poden fer programes normals o reals amb ell, JavaScript
és més una extensió del llenguatge HTML que un llenguatge de programació real.
JavaScript es un llenguatge més simple, desenvolupat per Netscape,
indicat per a no-programadors, i serveix per a crear formes dinàmiques en la
pàgina Web. La programació de JavaScript va a dins mateix de la pàgina de codi
HTML. Pot controlar els formularis, botons, i elements de text. La rèplica de
Netscape i JavaScript, és el llenguatge creat per Microsoft anomenat
VBSscript.
Per a incloure aquests programes en una pàgina Web s'utilitza l'element
<SCRIPT>. Tot el codi a insertar va entre l'inici i el final d'aquest
element i també entre l'element de comentari (<!--).. La sintaxi és:
<SCRIPT language="nom_del_llenguatge">
<!--
instruccions dels programa...
-->
</SCRIPT>
A on a language hi anirà el llenguatge fet servir, que pot ser, JavaScript, VBScript.
Exemple de codi en Javascript insertat en una pàgina Web, que
s'encarrega de calcular la
lletra del DNI:
| <HTML> <HEAD> <TITLE>Càlcul de la lletra del NIF</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function compute(form) { var cadena ="TRWAGMYFPDXBNJZSQVHLCKE"; form.result.value=cadena.substring(form.expr.value % 23,form.expr.value % 23+1) } //--> </SCRIPT> </HEAD> <BODY"> <form> <CENTER>Entra el DNI</CENTER> <CENTER><INPUT TYPE="TEXT" NAME="expr" SIZE=15 onchange="compute(this.form)"> </CENTER><BR> <CENTER><INPUT TYPE="button" value="Calcula" onchange="compute(this.form)"></CENTER> <BR> <CENTER>La lletra és la: <INPUT TYPE="text" name="result" size=1> </CENTER><BR> </form> </BODY> </HTML> |
Exemple de codi en VBScript, d'un programa que calcula el factorial d'un
número:
| <HTML> <HEAD> <SCRIPT LANGUAGE="VBScript"> <!-- Sub Num1_onChange if CInt(document.FormFactorial.Num1.Value) > 100 then MsgBox "El valor introduït es major de 100", 16, "Error" document.FormFactorial.Num1.Focus() end if End Sub Sub btnFactorial_onClick Dim Factorial, num, x num = CInt(document.FormFactorial.Num1.Value) Factorial = 1 for x=1 to num Factorial = Factorial * x next MsgBox "El factorial de "&num&" es "&Factorial,64 ,"Calcular factorial" End Sub --> </SCRIPT> <title>Càlcul del factorial d'un número"</title> </HEAD> <BODY> Càlcul del Factorial d'un número en VBScript <P>Introdueixi un nº menor de 100: </P> <FORM NAME="FormFactorial"> <P>Número : <INPUT TYPE="text" NAME="Num1"> <INPUT TYPE="button" NAME="btnFactorial" VALUE="Calcular"></P> </BODY> </HTML> |
Java, també anomenat HotJava, es un llenguatge de programació orientat a
objectes, creat per la casa Sun Microsystems. Aquest llenguatge és especialment
útil per a ser usat a Internet per la seva seguretat i per la seva execució
multiplataforma. Per a que funcioni un programa en JAVA es necessita un
ordinador que funcioni en una plataforma de 32 bits i un visualitzador de webs
que ho permeti.
Un programa fet en Java és en sí mateix una aplicació
completament funcional, però petita. Una aplicació petita, un Applet.
La pàgina Web que conté un Applet conté l'element APPLET CODE i el nom de la
clase que l'anirà a buscar al servidor, o generalment es pot copiar al disc dur
de l'usuari per a ser executat posteriorment off-line. Es a dir, el programa no
està inclòs en la pàgina web, com passa en els Scripts, sinó només unes poques
referències a ell i algunes variables. La sintaxi és:
<APPLET CODE="nom.class" width=xxx height=xxx>
<PARAM variables.....
</APPLET>
A on a "nom.class" és el nom de l'arxiu .class que és el programa en sí, a "widht" i "height" són les mides de la finestra dins de la pàgina Web que tindrà l'aplicació.
Exemple de codi en Java
en que es visualitza un text que va onejant a través de la pantalla.
| <html> <title>Applet-Java</title> <body> Applet de JAVA <hr> <applet code=SineText.class width=500 height=50> <param name=Text value="Quatre coses sobre HTML (c) Melcior Oliveras 1997"> <param name=Traveling value="yes"> <param name=MouseClick value="yes"> <param name="Background" value="ffffff"> <param name="Foreground" value="ff8080"> <param name=Rate value="5"> </applet> <hr></center> <b>Si no es veu l'Applet, cal que guardeu l'arxiu<a href="sinetext.class"> SineText.class</a> al vostre directori, i torneu a recarregar la pàgina.<p> </body> </html> |
ActiveX en sí mateix no és un llenguatge de programació, sinó una tecnología
que permet desenvolupar controls i components que es poden insertar en una
pàgina Web. Són una derivació dels controls de Microsoft OLE o OCX. Es a dir, es
pot insertar qualsevol objecte, com els botons, quadres de control, graelles de
dades, etc.
Aquests controls, que bàsicament funcionaran amb entorns
Windows, inserten el següent codi dins de la pàgina Web:
<OBJECT
ID="nom_objecte" WIDTH=xxx HEIGHT="xxx"
CLASSID=
variables.....
<OBJECT>
VRML es el ""Llenguatge de modelació de realitat virtual", "virtual reality modeling language", Una analogía: VRML és a 3D on HTML és a 2D.
La versió actual de VRML, la 2.0, és molt més sofisticada que l’anterior: els objectes poden tenir comportaments propis, especificats inclús amb «scripts» en altres llenguatges diferents (JavaScript, Java, Visual Basic, etc.), el que li confereix una enorme flexibilitat. També s’ha potenciat la interactivitat de l’usuari amb l’entorn: es poden definir sensors (de posició, col·lisió, contacte, etc) que informen del que està fent l’usuari per a que els objectes puguin actuar en conseqüència. També es poden crear fons gràfics, efectes de boira, sons tridimensionals, etc.
Com es pot visualitzar VRML. De la mateixa forma que per les 2D utilitzem el navegador corrent, per les 3D necessitem d'un programa específic, o bé, un component addicional, un plug-in instal·lat al nostre navegador, que ens permeti visualitzar-les. Aquest component es pot trobar a, per exemple, TriVista Website.
Si teniu el plug-in instal·lat podeu visitar la següent pàgina amb un exemple
d'un cub 3D rotant. (17
Kb).
Si no el teniu, podeu visitar la pàgina alternativa amb una demostració
en format GIF animat de
l'anterior (200 Kb).
| © Melcior Oliveras 1998 melcior@intercom.es |  |
 |
 | ||