Descargar para leer sin conexión
Presentación HTML
- 1.
- 2. HTML(HyperText Mark-up Languageo Lenguaje de Marcas de Hipertexto). Lenguaje desarrollado por el CERN que sirve para modelar texto y agregarle funciones especiales (por ejemplo hipervínculos). Es la base para la creación de páginas web tradicionales.El texto se modela a partir del uso de etiquetas o tags. También se pueden agregar scripts al código fuente html (generalmente JavaScript, PHP, etc.).Por lo general los diseñadores utilizan herramientas gráficas WYSIWYG para la creación de páginas web, las cuales generan el código fuente html automáticamente . Son conocidos como editores web, un ejemplo es Microsoft FrontPage):
- 3. Junto con elcódigo HTML se enlazan otros recursos como imágenes y sonidos, que se incluyen en archivos separados. Igualmente existe el MHTML que permite incorporar ciertos recursos dentro del archivo html.Es un formato abierto que fue originalmente diseñado basado sobre las etiquetas SGML sin énfasis en las marcas rigurosas.Para ver el código HTML de una página web, en la mayoría de los navegadores basta con hacer clickderecho del ratón y darle a “ver código de fuente de la página”. Aquí un fragmento del códido de fuente de la wikipedia:
- 4. Lectura del HTMLElprograma encargado de interpretar el texto HTML es el navegador. El navegador puede recibir el código HTML junto con los elementos integrados en la página (imágenes, sonidos, vídeo, etc.) desde un servidor remoto o de un servidor de red (utilizando el protocolo de transferencia de hipertexto y HTTP) o leer las páginas directamente de nuestro disco duro(sin un protocolo de transmisión tipo HTTP, sino el equivalente a abrir un documento con un procesador de textos).En HTML todas las codificaciones de efectos en el texto que lo forman no son más que instrucciones para el visualizador. Partiendo de esto, se entiende el porqué no se ve lo mismo contodos los visualizadores. Depende de cómo estén diseñados y para qué versión de lenguaje estén diseñados.
- 5. Creando una páginade ejemploCualquiera puede hacer una página web a partir de HTML aunque no tengamos un editor web, ya que un simple bloc de notas también sirve para ello (guardando el archivo como .html), aunque hay que saber usar los códigos necesarios que, de usar un editor web no sería necesario aprender. Es mejor saber HTML a la hora de crear una página web ya que se pueden conseguir mejores resultados al poder manejar mejor la página que con un editor.Todas las páginas html comienzan con el código de inicio <html> y terminan con el código </html> , y esta forma de organización se repite con la mayoría de las etiquetas, excepto algunas pocas que no necesitan cerrarse.Las páginas html se dividen en un encabezado (<head> y </head>) y un cuerpo (<body> y </body>). “Head” sirve para poner el título (<title> y </title> ), y en “body” se pone todo el contenido de la página.
- 6. A partir deaquí cada etiqueta tiene una función y hay que repetirlas continuamente cada vez que queramos usar la función que corresponde a cada etiqueta. Algunos ejemplos son:Negrita: <b> y </b>Cursiva: <i> y </i>Cursiva: <u> y </u>Tamaño del texto: <FONT SIZE=“X"> y </FONT> solamente para cerrar. X es un número comprendido entre +5 y -5, e indica el tamaño.Color del texto: <FONT COLOR="entre estas comillas va el nombre en inglés o el código hexadecimal del color"> y </FONT> para cerrar.Alinear el texto: <p align=“X"> y </p> , sustituyendo X para alinear a la izquierda (left), derecha (right) o al centro (center).Delimitador de párrafo: <p> y </p>Salto de línea: <br> , no necesita etiqueta de cierre
- 7. Subirla a laredEl último paso, una vez está creada la página hay que subirla a un servidor web, ya que si no lo podrá ver quien lo ha creado gracias a un navegador, pero nadie más.Para ello, lo más sencillo es usar un cliente FTP, ya que se agilizan muchos pasos del proceso de subir archivos al servidor.Como otros servicios de Internet, para utilizar FTP necesitamos un programa especial que se denomina cliente de FTP. Podemos encontrar muchos de estos programas, algunos populares son Filezilla (que es gratuito) o Cute FTP.Todos los programas de FTP son parecidos, básicamente consisten en una ventana que está partida en dos partes. En una parte podemos ver nuestro disco duro, con sus distintas unidades de disco y carpetas. En la otra parte se puede ver el sistema de archivos del servidor, con sus correspondientes carpetas. Para mover los archivos de un lugar a otro suele bastar con arrastrarlos de una parte de la ventana a la otra. Hay que configurar el programa de FTP para que acceda al espacio que tenemos asignado.