home *** CD-ROM | disk | FTP | other *** search
/ PCMania 64 / PCMania CD64_1.iso / phy / phy002 / files / articulo.006 < prev    next >
Encoding:
Text File  |  1997-01-27  |  4.5 KB  |  90 lines
  1. *cN                           Universo World Wide Web
  2. *cG
  3.   Comenzamos hoy una nueva sección en PM que tratará todo lo relacionado con
  4. el mundo WEB, empezando por la creación de páginas en HTML. En números
  5. posteriores trataremos temas como CGI, browsers, VRLM, Java, etc. siempre
  6. desde el punto de vista práctico.
  7.   El universo WWW está en contínua evolución ya que, en principio, el estandar
  8. que hoy tenemos no era más que una solución provisional, pero que se ha
  9. convertido en un estandar de facto dominado por el par NetScape-Explorer
  10. (desde aquí recomendamos claramente el NetScape).
  11.   La comisión que lleva la estandarización del HTML (que significa HyperText
  12. Markup Language) se reune cada cierto tiempo y discute las propuestas que los
  13. distintos fabricantes formulan y aprueban algunas de ellas y editan unos
  14. documentos con el texto de lo que se ha acordado (accesible por InterNet).
  15. Pero esto no nos interesa a no ser que queramos usar alguna etiqueta definida
  16. hace poco tiempo.
  17.   El HTML funciona mediante etiquetas que se encierran entre los signos
  18. menor-que (<), el nombre de las etiquetas y mayor-que (>) para abrirlas y lo
  19. mismo para cerrarlas con una barra diagonal (/). Por ejemplo, para que un
  20. texto se escriba en negrita debemos encerrarlo entre las etiquetas <B> y </B>.
  21. Cuando cerramos la etiqueta el texto vuelve al estado anterior.
  22.   Las etiquetas tambien pueden llevar modificadores en cuyo caso se ponen
  23. antes de cerrar con >. Ejemplo: para cambiar el tamaño de una fuente escribimos
  24. <FONT SIZE=+2> ... </FONT> con lo que el modificador seria SIZE=+2 que hace
  25. que la fuente de letra "crezca" 2 unidades con respecto al tamaño que tenia
  26. anteriormente.
  27.   Algunas etiquetas importantes con algunos de sus modificadores son:
  28. *cB
  29.         <I>                     Letras cursivas (italics).
  30.         <B>                     Letras en negrita (bold).
  31.         <FONT>                  Cambio en la fuente.
  32.           COLOR=c                  Cambia el color de la fuente de letra.
  33.           FONT=n|FONT=+m           Cambia el tamaño de la fuente absolutamente
  34.                                     o de forma relativa.
  35.         <P>                     Tipo texto: párrafo (tipo normal).
  36.         <PRE>                   Tipo texto: preformateado (respetando los
  37.                                  espacios y retornos de carro.
  38.         <IMG>                   Carga una imagen.
  39.           SRC=path                 Path hasta el fichero de imagen (JPG, etc)
  40.         <A>                     Crea un link o enlace con otro servicio.
  41.           HREF=url                 Dirección del servicio a linkar.
  42.         <!-- ··· -->            Comentario (no se cierra)
  43.         <CENTER>                Centra un texto en pantalla.
  44.         <Hx>                    Define un titular (donde x es un número entre
  45.                                 0 y 6)
  46. *cG
  47. Aunque no estan todas las que se usarán frecuentemente, sí son un buen punto
  48. de partida para comenzar a descubrir las maravillas del mundo WWW. Un fichero
  49. de código HTML lleva una estructura general semejante a esta:
  50. *cB
  51.         <HTML>
  52.           <HEAD>
  53.             <TITLE> .... </TITLE>
  54.           </HEAD>
  55.           <BODY>
  56.             ...
  57.           </BODY>
  58.         </HTML>
  59. *cG
  60.   Pondremos un sencillo ejemplo para ver mejor en que consiste una página en
  61. HTML. El ejemplo sólo creará una página con un titular, un link y una imagen:
  62. *cB
  63.         <HTML>
  64.           <HEAD>
  65.             <TITLE> Ejemplo práctico </TITLE>
  66.           </HEAD>
  67.           <BODY>
  68.             <CENTER>
  69.               <H1> Esto es un simple ejemplo para PhyMosys Magazine </H1>
  70.             </CENTER>
  71.             <P> En esta página se define un título, un link y una imagen.
  72.             <A HREF=http://www.yahoo.com> Link a Yahoo </A>
  73.             <IMG SRC="phymosys.gif">
  74.           </BODY>
  75.         </HTML>
  76. *cG
  77.   Como ya sabrás Yahoo es uno de los múltiples buscadores de Internet. Si no
  78. tienes un fichero gráfico llamado "phymosys.gif" en el direcctorio donde
  79. tengas el documento HTML verás la imagen por defecto que tenga tu visualizador
  80. o, si tu browser es en modo texto, verás todo tal y como es. Hablando de
  81. browsers, para probar tus creaciones si estas en el NetScape (que te desde
  82. aquí te recomendamos) tendrás que ir al menú "files", elegir "open file" y
  83. buscar el fichero HTML.
  84.   Esto es todo por este número, en el próximo seguiremos viendo las etiquetas
  85. y modificadores que quedan, entre ellos los importantísimos de creación de
  86. tablas y listas. Nos vemos pronto.
  87. *cL
  88.                                                           Navi Dj.
  89.  
  90.