From - Mon Jun 16 21:50:23 1997 X-POP3-Rcpt: uc2312@cclx1 Return-Path: jgn@nil.fut.es Received: from nil.fut.es (root@nil.fut.es [194.224.210.3]) by cclx1.alumnos.unican.es (8.8.5/8.6.9) with ESMTP id OAA08622 for ; Mon, 16 Jun 1997 14:01:56 +0100 Received: from sharki (ShArKi@ppp2.a6.tinet.fut.es [194.224.210.25]) by nil.fut.es (8.8.5/8.8.0) with SMTP id OAA24102; Mon, 16 Jun 1997 14:00:16 +0200 Message-Id: <3.0.1.32.19970616120526.006fa094@tinet.fut.es> X-Sender: jgn@tinet.fut.es X-Mailer: Windows Eudora Light Version 3.0.1 (32) Date: Mon, 16 Jun 1997 12:05:26 +0200 To: Seth , Modesto Iribarnegaray =?iso-8859-1?Q?Pi=F1eiro?= From: ShArKi Subject: [LS] Curso de html Mime-Version: 1.0 Content-Type: text/plain; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable X-Mozilla-Status: 0001 Como no se quien de los dos me lo pidio, os lo mando a los dos ;-)=09 =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D Pues ahora un poco de historia a grandes rasgos. El HTML o Hypertext Main Lenguaje, lo inventa un ingeniero que=20 trabaja en el Centro de desarrollo de la Energia de Bruselas. Hasta esa fecha, sobre el a=F1o 89 me parece, todo lo que pasaba normalmente por la linea de "internet" era puro texto, ya que no habia forma de que la informacion grafica fuera reconocida por=20 los diferentes sistemas operativos que existian en el mercado(UNIX, windows, MAC, etc...). Entonces crea el famoso HTML, que es un lenguaje que es igual en todos estos ordenadores(usease, un C,=20 Pascal, etc... a grandes rasgos). Lo que falla en cada lenguaje es que el codigo primero se genera y despues se compila basandose en que maquina va a ser utilizado el programa, por eso los programas de MAC no funcionan en un PC, aunque los componentes si. Con el HTML pasa lo contrario( al igual que el Java), el lenguaje se compila cuando llega a nuestro ordenador, el programa encargado de=20 hacer esto es el browser( Netscape, Internet Explorer, etc...). De esta forma, una pagina realizada en HTML podra ser vista en cualquier ordenador del mundo, sea el tipo que sea. =20 -Estructura del HTML: Una consideracion, el HTML va por la version 3.2, lo que pasa es que cada uno de los browsers aceptan unas ordenes que otros las pasan por alto. Puede que se me escape alguna orden, y no funcione en todos los browsers, ya dire cuales son para uno y cuales para otro, si no digo nada, las ordenes valen para todos. Para los que programen esto les sera chupao. -En HTML se trabaja con etiquetas, ej: Con esto, se les especifica al browser que todo lo que haya entre=20 estas dos etiquetas sera el codigo de una pagina WEB. Normalmente todo texto e imagen que sale en pantalla va intercalado por una=20 de estas etiquetas. Hay muchas etiquetas y poco a poco veremos unas= =20 cuantas. -Toda pagina de HTML estara formada por estas etiquetas: =20 Dentro de la etiqueta BODY es donde va haber la mayoria del sarao de la pagina. -Ejercicio practico, lo podeis hacer con cualquier editor de texto si quereis, solo hay que recordar que las extension con la que se graba el fichero es .htm y lo podeis visualizar con el Netscape o el= M.I.E. Esta es mi primera pagina Web En pantalla os saldra, en teoria, con letras negras y fondo gris: Esta es mi primera pagina Web. Facil verdad? ;-) Por ahora no pongais acentos ni cosas raras, pq pensar que nostros utilizamos acentos, los americanos, los chinos, los japoneses,= etc... les aprareceria en pantalla una cosa rara, pq ellos no los utilizan. -Podemos centrar el texto respecto a la pantalla:
Esta es mi primera pagina Web
Ahora la frase saldra en medio de la pantalla. =20 -Otra consideracion, el browser le el codigo de arriba a abajo, y de izquierda a derecha, pq lo digo, pues poner esto y vereis que sale= por la pantalla: Esta es mi primera pagina Web Y no se que poner Os sale una cosa como esta: Esta es mi primera pagina WebY no se que= =20 poner Si o no? Como se solucionara? jejeje le tenemos que especificar que estamos= al=20 final de una linea y queremos una nueva, solo tenemos que poner
al final de la linea: Esta es mi primera pagina Web
Y no se que poner -Tambien podemos hacer diferentes tama=F1os de letra. Esto se= consigue ulizando unas etiquetas que se llaman "headings".=20

Letra mas grande


Letra mas peque=F1a
=20 Donde la H1 es la mas grande y la H6 la mas peque=F1a, estan tambien= la H2, la H3, la H4 y la H5. De mayor a menor. = --------------------------------------------------------------------- - Como hacer parrafos: =20

Poner un texto bastante grande aqui

Utilidad de esto: te permite controlar texto muy grandes, pq el=20 browser lo reconoce como un solo objeto. Podemos centrarlo, alinerlo a la izquierda, derecha, etc... Ademas, trabajando con parrafos nos podemos olvidar del
pq hay veces que es muy engorroso. - Alinear textos e imagenes: Esto es mas chungo, lo mas facil es=20 alinear a la izquierda y al centro, pero a la derecha es otra=20 historia. Se utilizan una ordenes llamadas ALIGN.

El texto sale a la derecha

Lo veis? tambien se puede poner align=3Dright y align=3Dcenter. Y el= texto saldra donde le digais. =20 - Como insertar graficos: =20 For example. Si estais trabajando con todos los ficheros en el mismo subdirectorio, no hace falta poner el path, solo poner el nombre del fichero: Para alinearlo, la orden se pone al final: - El problema de los acentos: Muchos programas editores de paginas HTML esto lo hacen automaticamente, pero si no lo ha lo tendreis que hacer vosotros. Para poner un acento es de esta forma: día En pantalla os saldra "d=EDa", para poner una letra acentuada= tenemos que poner eso: &"letra que queremos acentuar"acute; , da igual si es mayuscula o minuscula. Los catalanes, valencianos y los de balerares tenemos un acento mas: para que saliera por pantalla la palabra=20 "caf=E8" bien, tenemos que poner cafè . =20 ------------------------------------------------------------------- - Como poner un color de fondo o una imagen y cambiar el color del texto Todo esto se hace a=F1adiendo una ordenes dentro de la etiqueta . Pero antes os tengo que explicar que es el RGB, supongo que alguno ya lo sabe, pero bueno. RGB significa Red-Green-Blue y son los tres colores basicos con los que trabaja el ordenador, en estos tres colores se basa nuestra paleta de colores, que aunque=20 parezca mentira, llega a 16 millones de colores. No explicare pq, pero es asi. Pues en el ordenador el RGB esta definido por 6 letras o numeros, la variacion de estos nos daran los diferentes colores. Estos numeros y letras estan en codigo hexadecimal, o sea, se=20 empieza en el 00 y acaba en el FF. Esto parece muy lioso, pero al final es una gilipollez. Un ejemplo: el color rojo es FF0000, el verde 00FF00, el azul 0000FF, el negro FFFFFF y el blanco 000000. Bueno, si no lo entendeis, me lo decis. Las ordenes concretas son estas: - color de fondo: esto hara que el fondo salga en color negro - imagen de fondo: si fuera el caso, especificaremos el path donde esta la=20 imagen. Hay veces que el browser hace el cabron y no lo da la gana= =20 sacar la imagen. - color del texto: TEXT para el texto, y el resto es para los colores de los links y demas. Lo mejor es ir probando. Para cambiar el color del texto dentro de la pagina tendremos= otra etiqueta que se llama , despues lo explico. =20 - Como irse a otras paginas, enviar correo, ftp, etc... A una pagina: =20 Esto nos llevara a la pagina= ejemplo.htm Donde va el nombre de la pagina, tambien se puede especificar el= =20 path, pero no aconsejo que lo hagais, que todo este junto en el= =20 mismo subdirectorio, paginas e imagenes, como mucho una entrada por ejemplo /graficos, donde esten las imagenes. =20 Si en el nombre del fichero, ponemos una direccion del tipo: http://www.ejemplo.es, automaticamente el browser nos saltara a= =20 esa direccion. =20 Donde va el texto "Esto nos llevara..." se puede poner una= imagen, de esta forma sera la imagen la que nos lleve a la citada pagina. FTP: Pues lo que he dicho antes, si la direccion es del tipo: ftp://ftp.ejemplo.es, se ira al servidor de FTP. Si le ponemos ftp://ftp.ejemplo.es/starwars/sw.jpg, el browser ira al servidor este, subdirectorio starwars y cojera la imagen y se la traera =20 CORREO: Esta es mi direccion de= e-mail Facil no? Esto activa en el browser el modo correo. =20 =20 Esto es lo mas interesante, pq no creo que llameis a un server de= =20 Gopher ni idioteces de esas, o sea, que con estas tres vais mas= que sobraos. =20 =20 - Etiqueta : =20 Esta etiqueta es bastante interesante, nos permite modificar tanto= =20 el tama=F1o como el color del texto. Puede que no funcione en todos los browsers, pero no creo que haya ningun colgao que utilize todavia la primera version tanto del=20 Netscape como del Internet Explorer. =20 Para el tama=F1o:=20 Letra mas grande Letra mas peque=F1a No me acuerdo muy bien , pero me parece que solo hay rango de +3 a= =20 -3, probar. Para el color: Pone la letra de color negro = =20 - Como hacer las "rayitas" que salen por pantalla: Pues es una chorrada como poner
. Eso ara que= salga una raya de punta a punta. Si queremos que sea mas ancha le=20 a=F1adiremos
. El porcentaje y el size= se pueden variar. =20 - Que la letra salga en negrita: Se pueden utilizar dos etiquetas, tanto la como . En teoria las dos hacen lo mismo. Ahora la letra sale en negrita =20 - Como poner un codigo ASCII: Se pone &#numero;=20 For example, si se pone ~ ,por pantalla saldra ~. - Una cosa que olvidaba, como poner el titulo a nuestra pagina: Aqui va el titulo de la pagina Sale arriba, tanto en el Netscape como en el Internet Explorer. ---------------------------------------------------------------------- - Creacion de tablas.=20 Es bastante util, aunque no lo parezca.=20 Copiar esto: =20
1 FILA 1 COLUMNA 1 FILA 2 COLUMNA 1 FILA 3 COLUMNA
2 FILA 1 COLUMNA 2 FILA 2 COLUMNA 2 FILA 3 COLUMNA
Tiene que salir mas o menos esto: 1 FILA 1 COLUMNA 1 FILA 2 COLUMNA 1 FILA 3 COLUMNA 2 FILA 1 COLUMNA 2 FILA 2 COLUMNA 2 FILA 3 COLUMNA Cada es una fila nueva y cada o una columna= =20 nueva. Podemos a=F1adir esto a la tabla: =20
CREACION DE UNA TABLA
1 FILA 1 COLUMNA 1 FILA 2 COLUMNA 1 FILA 3 COLUMNA
2 FILA 1 COLUMNA 2 FILA 2 COLUMNA 2 FILA 3 COLUMNA
Esto nos a=F1ade una casilla como si fuera un titulo,=20 automaticamente la letra sale en negrita. Opciones: Nos saldra el recuadro. Si lo queremos mas= =20 grande, solo hay que aumentar el numero.
Esto modifica los= bordes. Probar cambiando los numeros.
o
= Tama=F1o de la tabla. La primera se especifica por un valor concreto y el segundo con un valor relativo al tama=F1o de la= pantalla.
y
Nos permite ponerle un color a la tabla o una imagen. Solo funciona en el internet explorer.
y
Para aliniar los= texto o objetos dentro de la tabla. Opciones del ALIGN:TOP, MIDDLE, BOTTOM, RIGHT, LEFT,= TEXTTOP, BASELINE y ABSMIDDLE. Opciones de VALIGN: TOP y BOTTOM. =20 Los parametros; ALIGN, VALIGN, BGCOLOUR, BACKGROUND y HEIGHT, valen tambien para
Unas opciones que tiene : y , esto permite unir dos, tres,=20 o las celdas que queramos. El ROWSPAN nos cojera dos celdas= =20 de diferentes filas y el CELLSPAN no las coje de la misma=20 columna. Sera mejor que ponga un ejemplo no? =20
1 2 3
4
=20 Se ha visto? - Vamos a hacer chorraditas?=20 =20 - A=F1adir esta opcion a una imagen: 3D"Queda Y pasar el puntero por encima. Que tal? Ademas, si le decimos al browser que no cargue imagenes, saldra como titulo de la imagen. El texto que sale encima de la imagen solo funciona en Internet=20 Explorer, mientras que el que sale cuando no carga imagenes=20 funciona en los dos. - Otra mas bestia, esta es para las referencias: =20 Pasar el puntero por encima de la referencia y mirar que pone=20 abajo en la ventana de status!!!! ;-) Un poco de Javascript no= =20 hace da=F1o no? Solo funcionara para browsers que soporten=20 jacascript. -------------------------------------------------------------------- - Creacion de una imagen con diferentes links(imagen sensitiva) Deberiamos tener un programa medianamente bueno que nos de las coordenadas de cualquier punto de la imagen, tipo Paint Shop Pro, etc... no se si me he explicado bien. A ver, un ejemplo es la pagina principal del playboy(www.playboy.com), la imagen es sensitiva y te permite ir a las diferentes URL que tiene el playboy. Si o no? Es bastante complejo crear un mapa de estos y que quede bien. En una imagen de esta podemos poner todos los links que nos=20 salgan de las "estrellas de la muerte";-). Todo viene determinado por lo grande que sea la imagen. - Como crearla: =20 Cuando pongamos la imagen, se le a=F1ade un mandato mas a la= linea. En la opcion USEMAP podemos poner nosotros lo que queramos, ej: #pepe, #ShArKi;), etc... =20 =20 Entonces tenemos que crear las partes sensitivas. Hay 2 formas de hacerlo: cuadrado y circulo. - Cuadrado: =20 =20 La X y la Y significan las coordenadas, el 1 es el primer punto y el 2 el segundo. - Circulo: Idem de lo mismo de antes, el valor "radio" se entiende no? =20 Hay un tercero que nos permite crear poligonos de x lados, pero todavia no lo controlo bien. Supongo que con estos dos podreis= pasar no? =20 =20 ------------------------------------------------------------------- - Creacion de un formulario. Sabeis que es no? Esta es una forma facil de crear un formulario. Despues la=20 informacion recogida es enviada por correo a donde nosotros queramos. Las ordenes que pongo yo aqui tiene que funcionar =20 tanto en Nestcape como Internet Explorer. Para que veais bien como funcionan las ordenes, podeis hacer un cute&paste a una pagina de prueba para poderlas ver.
=20 Comienzo del formulario indicandole que la respuesta sera enviada por correo a la direccion indicada en la opcion ACTION. Nombre


=20 Saldra una ventana donde podremos escribir nuestro nombre. Nombre,= =20 edad, calle, etc... lo que nosotros queramos. NAME--> Nos servira para cuando el formulario sea enviado por= e-mail SIZE--> Longitud de la ventana VALUE-> Dentro de la ventana saldra esto por defecto =20 Le gusta Star Wars?
Si
No

Nos saldra unas opciones a coger, solo puede estar seleccionada una de las dos. NAME y VALUE--> Nos serviran para el envio CHECKED---> La opcion que estara seleccionada por defecto Que le gusta más de Star Wars?
Novelas
Música
Cómics
=20 =20 Otra lista de opciones a elegir, pero en esta podremos coger todas las que queramos NAME---> Vuelvo a decir para que sirve? CHECKED---> La opcion que esta seleccionada por defecto, pero a=20 diferencia del menu anterior, lo podemos pones a=20 todos si queremos Comentarios


Crea una ventana para que el tio te ponga lo que quiera. Si se pone algo entre las dos etiquetas, despues saldra dentro de la ventana. Solo saldra el texo, o sea, probar de poner una imagen, solo saldra la orden. NAME---> Otra vez? ROWS y COLS---> Dimensiones de la ventana Selecciona que película te gusta más


Esto es lo que yo llamo un persiometro. Ponerlo y de esta forma lo vereis mejor. NAME---> Y duran, y duran... ;-) OPTION---> Las diferentes opciones que saldran OPTION SELECTED---> Esta la opcion por defecto Esto hara que nos envie el formulario por correo VALUE---> Lo que queremos que ponga en el boton Borra todo lo que hayamos puesto VALUE---> Que? =20 =20 Tambien explico esto? =20 En los valores NAME y algun VALUE, poner algo que despues os sirva de referencia, si poneis en este campo algo como =B7$SDFG${, puede que cuando os llegue el mensaje, parecera un mensaje encriptado y no os enterareis de nada. ------------------------------------------------------------------- - Poner musica en las paginas Las ordenes son muy sencillas, lo que pasa es que hay unas para el Internet Explorer y otrar para el Netscape. Esto es lo mas facil para poner musica, hay mas formas, pero asi se asegura que= =20 la pe=F1a lo pueda oir (si tiene una version 3 o superior del=20 navegador). En teoria funciona tanto con sonidos con extension WAV como con extension MID. Para M.I.E: o =20 Como siempre, hay un parametro para el BGSOUND. Si queremos que la= =20 cancion se repita infinitas veces o un numero de veces, le=20 a=F1adiremos LOOP=3DINFINITE o LOOP=3Dx (x=3Dnumero de veces que= se tiene que repitir), segun sea el caso. Ej: Para infinito Para que se repita 2 veces Para Netscape: =20 =20 o Solo se como se hace para que se repita indefinidamente, le=20 a=F1adimos Supongo que si quitamos el autostart y al loop le ponemos un= numero se repetira x veces, no se, probar. < soy vago hasta para eso ;-)= > Para Netscape hay una cosa bastante interesante que alguno ya habra=20 visto. Es que aparezca un control de sonido en la pantalla, con un control de volumen y toda la pesca. Se tiene que poner esto: =09 Las medidas se pueden cambiar y hacer que solo se vea parte del control. =20 =20 Como poner una marquesina con movimiento:=20 =20 Solo para Internet Explorer =20 Esto es un ejemplo OPCIONES: ALING =3D Aliniacion (top, middle y bottom) HEIGHT =3D Altura WIDTH =3D Anchura BEHAVIOR =3D Movimiento del texto Scroll - Pasa por pantalla y desaparece Alternate - De un aldo a otro Slide - Pasa por la pantalla y se para al final BGCOLOR =3D Para poner un color de fondo, queda mejor si no se= pone=20 nada DIRECTION =3D Direccion del texto (left o right) HSPACE y VSPACE =3D Ni zorra idea, lo unico que se es que se tiene que poner LOOP =3D Las veces que el texto pasara por la pantalla INFINITE =3D Infinito Numero =3D Nunmero de veces Tambien le podemos cambiar el color del texto utilizando la orden FONT COLOR, pero lo tenemos que hacer fuera de la etiqueta= MARQUEE. Ej: texto -------------------------------------------------------------------- - Crear frames: =20 Supongo que todos sabreis que son los frames no? por si algun=20 despistado no lo sabe lo explicare en cuatro palabras. Es la forma de disponer de un documento con dos o mas zonas, de=20 manera que una de ellas mostrara informacion cambiante, y la otra= =20 informacion estatica que servia de indice a la anterior. Os habeis enterado? ;-) Antes de empezar a implementar una pagina Web que haga uso de FRAMES,=20 se deben considerar dos aspectos: Sectorizacion Definir la manera de dividir la pagina, que sector(es) contendra(n)= =20 el(los) indice(s) fijo(s) y que sector(es) mostrara(n) la=20 informaci=F3n variable.=20 Lo mas comun es utilizar aproximadamente el tercio izquierdo de la= =20 pagina para el =EDndice fijo y los dos tercios restantes para la=20 informacion. Otra distribucion usual es aproximadamente el quinto superior de la= =20 pagina para los temas, de lo que resta, el tercio izquierdo es para= =20 los indices fijos y el tercio derecho para la informacion. Incidencia Definir la incidencia de los hyperlinks, es decir, cual sera el=20 sector (frame) que sera afectado por la activacion de cada hyperlink.=20 Usualmente, los hyperlinks del indice muestran su resultado en el= =20 frame de la informacion, los del frame de los temas en el de los=20 subtemas, y asi sucesivamente. Los hyperlinks del frame de la informacion, usualmente se expresan= =20 dentro del mismo frame. Tambien es posible que un hyperlink haga desaparecer la= distribucion de los frames y se exprese en la pagina completa, o que cree un=20 nueva ventana al ser activado. =20 Sectorizaci=F3n La sectorizaci=F3n de la pagina se realiza con los comandos= FRAMESET=20 y FRAME. =20 Un FRAMESET define: =20 -.Un conjunto de FRAMEs dispuestos uno sobre otro (rows), o bien...= =20 -.Un conjunto de FRAMEs dispuestos uno al lado de otro (cols).=20 Ademas, puede contener a otros FRAMESET, lo que posibilita un sin= =20 numero de sectorizaciones distintas. El ancho y la altura de cada FRAME se definen en el FRAMESET. El elemento FRAMESET se usa en vez del elemento BODY. Se usa en un= =20 documento HTML cuyo unico proposito es definir las caracteristicas= =20 de los sub documentos HTML o cajas (FRAME), que formaran la pagina. Atributos: ROWS =3D numero,numero,numero,...=20 Es una lista separada por comas que describe la altura de cada= fila.=20 COLS =3D numero,numero,numero,...=20 Es una lista separada por comas que describe el ancho de cada fila.= =20 FRAMEBORDER =3D yes|no=20 Indica la presencia o ausencia de un borde alrededor de los=20 diferentes FRAMES. Por omision es YES.=20 BORDER =3D pixeles=20 Este comando puede configurar globalmente el grosor del borde de=20 todos los FRAMES en un FRAMESET.=20 BORDERCOLOR =3D #rrggbb|[MSCOLOR]=20 Indica el color del borde de los FRAMES.=20 =20 Cada FRAME tiene asociado como m=EDnimo: -.Un nombre (atributo NAME), que sirve para distinguir su zona de= =20 las otras.=20 -.Una fuente (atributo SRC), que consiste en un URL apuntando hacia= =20 un documento HTML que sera cargado en el FRAME al inicio.=20 Adicionalmente, se puede especificar el ancho y la altura del margen,=20 la presencia o ausencia de barras de desplazamiento, etc.=20 El elemento FRAME define una caja simple dentro de un conjunto de= =20 cajas. El valor para el atributo SRC es la URL de un documento que= =20 sera mostrado en la caja. Un elemento FRAME sin un SRC se ve como= =20 un espacio en blanco. Atributos: SCROLLING =3D yes|no|auto=20 El atributo SCROLLING define si la caja tendra una barra de=20 desplazamiento, y por omision es "auto", es decir, la tendra en= caso=20 de ser necesaria.=20 NORESIZE=20 La presencia del atributo NORESIZE previene que la caja sea= cambiada=20 de tama=F1o por el usuario.=20 NAME =3D "..."=20 El elemento NAME asigna un nombre a la caja para ser usado como=20 objetivo de links.=20 MARGINHEIGHT =3D pixeles=20 Ancho del margen.=20 MARGINHEIGHT =3D pixeles=20 Altura del margen.=20 FRAMEBORDER =3D yes|no=20 Denota la presencia o ausencia de un borde alrededor del FRAME.=20 BORDERCOLOR =3D #rrggbb|[MSCOLOR]=20 Denota el color del borde de un FRAME.=20 =20 Ejemplos Una division tipica: Division en dos mitades horizontales: Division mixta: Notas adicionales El comando FRAMESET acepta varias formas de definir la disposicion= =20 de los FRAMES en su interior: FRAMESET rows=3D"20%,80%"Porcentaje FRAMESET rows=3D"20%,*"Equivalente al anterior. "*" se usa para indicar=20 todo el resto. FRAMESET rows=3D"30,*"Pixeles FRAMESET rows=3D"30,*,30"No tienen por que ser dos frames solamente Incidencia El FRAME que sera afectado por la activacion de un hyperlink, se=20 define mediante su atributo TARGET, con valor igual al NAME del=20 FRAME que recibira la pagina cargada. El TARGET tambien puede ser: _self=20 Valor por omision, carga la pagina en el mismo FRAME del hyperlink.= =20 _parent=20 Carga la p=E1gina en el FRAME del cual este FRAME es parte.=20 _top=20 Carga la pagina a ventana completa.=20 _blank=20 Inicia otra ventana.=20 Obviamente, estos valores estan reservados y ningun FRAME los puede= =20 llevar por nombre. El elemento NOFRAMES Actualmente, solo Netscape 2.0 o superiores reconocen la=20 construccion de FRAMES. Para evitar problemas con los clientes que= =20 no reconocen FRAMES se deberia incluir en el archivo codigo=20 suficiente para generar una pagina sin FRAMES. Para que este texto sea ignorado por el cliente que si define= FRAMES,=20 se debe delimitar mediante: ... . El elemento NOFRAMES define el contenido dentro del contenido de=20 FRAMESET que sera ignorado por los elementos que puedan definir=20 FRAMES. Un ejemplo completo: -------------------------------------------------------------- Archivo index.html: Ejemplo de FRAMES -------------------------------------------------------------- Archivo indice.f.html: Tema 1 Tema 2 Tema 3 -------------------------------------------------------------- Archivo tema1.f.html:

Este es el contenido del primer tema ...

-------------------------------------------------------------- Archivo tema2.f.html: =20

... este es el contenido del segundo tema ...

-------------------------------------------------------------- Archivo tema3.f.html:

... y este es el contenido del tercer tema.

---------------------------------------------------------------------- JAVASCRIPT El lenguaje JavaScript es el complemento ideal del HTML, al permitir=20 a la pagina realizar algunas tareas por si misma, sin necesidad de=20 estar sobrecargando el servidor del cual depende. Entre estas tareas, puede estar, por ejemplo, realizar algunos=20 calculos simples, formatear un texto para que sea leido por=20 distintas personas de manera distinta, proveer de un medio de=20 configurar la visualizacion de una pagina, realizar un pre-chequeo=20 de validacion en un formulario antes de enviarlo, etc. Como incluir JavaScript Existen principalmente tres lugares de una pagina donde puede=20 aparecer un trozo de lenguaje JavaScript: 1.Usando la directiva: .=20 Por ejemplo:=20 =09
Numero 1: Numero 2:
=20 Aqui hay una peque=F1a guia de eventos: Evento Descripci=F3n Elementos =09 que lo=20 admiten =20 onBlur Perder el text, select, textarea =09 cursor =20 =09 onChange Cambiar o text, select, textarea perder cursor =20 =20 onClick Hacer click button, checkbox, link, radio sobre el=20 elemento onFocus Donde enfoca text, select, textarea =09 el cursor=09 onLoad Cargar una pagina body=20 onUnload Descargar una body=20 pagina onMouseOver Pasar el mouse a=20 por encima onSelect Seleccionar textotext, textarea onSubmit Enviar un form=20 formulario Ejemplos: onBlur onChange onClick onFocus = =20 onLoad =20 onUnload =20 onMouseOver onSelect =20 onSubmit
=20 Resumen =95JavaScript es una forma de trasladar algunas tareas simples al=20 lado del cliente.=20 =95JavaScript tiene una sintaxis que es en general parecida a la de=20 C, excepto que no hay una funci=F3n main sino que lo que no esta=20 dentro de una funcion se ejecutara mientras se cargue la pagina.=20 =95JavaScript recibe informaci=F3n a atrav=E9s de eventos y propiedades de= =20 objetos, y la entrega mediante propiedades de objetos y m=E9todos.=20 =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D ShArKi Kozo Nikawa, DApp Comp:OT /jgn@tinet.fut.es /jgnsharki@hotmail.com =A7h=C3=AEK=EE, Lo=AE=F0 =F4f =A7=ECth, D=E3rK Kn=EEgHt