Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (19)
Similar a Lenguajes diseño web HTML
Similar a Lenguajes diseño web HTML (20)
Más de angelesdecharlie
Más de angelesdecharlie (8)
Lenguajes diseño web HTML
- 1. Lenguajes de diseño web HTML Enol García Llano Óscar Cajigal
- 2. La web se encuadra dentro de Internet, no es más que un servicio de los muchos que presta la Red. WEB
- 3. El sistema con el que está construido el web se llama hipertexto y es un entramado de páginas conectadas con enlaces. Los sistemas de hipertexto se utilizan en otros contextos aparte del web. La web no solo se limita a presentar textos y enlaces, sino que también puede ofrecernos imágenes, videos, sonido y todo tipo de presentaciones, llegando a ser el servicio más rico en medios que tiene Internet. Por eso, para referirnos al sistema que implementa la web (hipertexto), se ha acuñado un nuevo término que es hipermedia, haciendo referencia a que el web permite contenidos multimedia.
- 5. Lenguaje HTML El código de las páginas está escrito en un lenguaje llamado HTML, que indica básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página. El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área de ocio con carácter multimedia, de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.
- 6. Un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo. El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes
- 7. Con los datos anteriores podemos fabricar una pagina web. Guardamos el archivo creado en un bloc de notas en formato html o htm. Con el documento HTML creado, podemos ver el resultado obtenido a partir de un navegador. Es conveniente, llegado a este punto, hacer hincapié en el hecho de que no todos los navegadores son idénticos. Desgraciadamente, los resultados de nuestro código pueden cambiar de uno a otro por lo que resulta aconsejable visualizar la página en varios. Generalmente se usan Internet Explorer y Firefox como referencias ya que son los más extendidos. Si estamos empleando el Explorer, hemos de ir al barra de menú, elegir Archivo y seleccionar Abrir. Una ventana se abrirá. Pulsamos sobre el botón Examinar y accederemos a una ventana a partir de la cual podremos movernos por el interior de nuestro disco duro hasta dar con el archivo que deseamos. abrir.
- 8. La cosa no resulta más difícil para Netscape. En este caso, nos dirigimos también a la barra de menú principal y elegimos File y a continuación Open File. La misma ventana de búsqueda nos permitirá escudriñar el contenido de nuestro PC hasta dar con el archivo buscado. Si ahora hacéis click con el botón derecho sobre la página y elegís Ver código fuente veréis como en una ventana accesoria aparece el código de nuestra página.
- 9. Insertar imagen Los hipertextos no se "funden" con las imágenes que les sirven de acompañamiento gráfico, sino que se limitan a invocarlas desde un recorrido específico in situ o en el web. Dicho de otro modo, existe una división muy clara entre archivo .htm e imágenes (y también sonidos, apliques, etc.). Los documentos HTML se limitan a prever dentro de ellos un espacio en el que se insertan las imágenes solicitadas. La marca <IMG> no necesita cierre y su sintaxis correcta es:
- 10. <IMG SRC="immagine.gif"> donce SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen (en este caso "immagine.gif"). Como hemos señalado, esta marca es única en el sentido de que NO lleva como cierre el correspondiente </IMG> .
- 11. Algunos codigos html ALINK="..." Especifica el color de las Direcciones activadas en la página. BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif. BGCOLOR="..."Especifica el Color del Fondo del Documento. Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF).
- 12. Amarillo = #FFFF00 Azul = #0000FF Azul Claro = #00CCFF Blanco = #FFFFFF Gris = #CC9999 Lila = #CC33FF Negro = #000000 Rojo = #FF0000 Verde = #00FF00
- 13. BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE) LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE) LINK="..." Especifica el color de las direcciones contenidas en el documento. TEXT="..." Especifica el Color del texto. TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE) VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento.
- 14. Mas Comandos en: Mas comandos html.