miércoles, 27 de junio de 2012

Tus Primeros pasos para crear páginas web con HTML

Antes de Comenzar:

Se puede hacer una página web sin aprender HTML. Pero no se recomienda. En primer lugar, porque seguro tendrás problemas en algún punto, sin importar el tipo de editor de páginas web que uses, y deberás conocer HTML para arreglarlos. Este artículo te muestra los pasos básicos para crear un sitio web con HTML. Con esta introducción básica pronto estarás haciendo una página web desde cero.

Pasos:

1. Comprende lo que es HTML. Técnicamente, significa Lenguaje de Etiquetas de Hipertexto, pero eso no es lo que importa. Es el lenguaje de codificación lo que hace a las páginas web. En Netscape escoge “fuente de página” en el menú Ver. En Internet Explorer, la opción del menú Ver es “fuente”. En Mozilla Firefox presiona Ctrl+U para ver el código fuente de la página. En Safario selecciona Ver – Ver fuente (u Option+Command+U). Verás una página con código: eso es HTML. El código es lo que verá el navegador para interpretarlo y armar la bonita página web frente a tus ojos.



2. Recuerda: no todas las páginas son igual de complejas. Comienza con una página realmente sencilla, o te verás abrumado por la sintaxis y los lenguajes de scripts.
Es importante recordar que estarás escribiendo la información entre una etiqueta de apertura de HTML y una de clausura de HTML.

*Una etiqueta de apertura es así: <____>. 
*Una etiqueta de clausura es así: </____>.
*Reemplaza ____ por un código.

3. Ve a Inicio > Programas > Accesorios > Bloc de Notas. 


4. Dile al navegador cuál lenguaje estarás usando. Tipea o escribe <html> en la hoja del bloc de notas. Esta es la primera etiqueta a escribir (le dice a la computadora que estamos comenzando con una página web), y se cerrará al final con </html> (finaliza con la página web).



5. Añade la cabecera de la página como se muestra.


6. Dale un título a la página. El título es importante porque:

a) Les da a los usuarios una idea del tema de la página.
b) Cuando los usuarios marquen el sitio, el título es lo que verán en la lista de marcadores.

El código HTML para el título es <title>. Ciérrala al final del título escribiendo </title>.



7. Sigue con el cuerpo de la página. Teclea <body> para abrir la etiqueta del cuerpo. Luego cierra con la etiqueta </body>. La información para la página web va entre <body> y </body>.


8. Para darle un color de fondo a la página, puedes añadirle un estilo al cuerpo. En vez de escribir sólo <body>, escribe <body style=”background-color:red”>. Puedes intentar un color distinto, o incluso un código hexadecimal. Las palabras entre comillas se conocen como “atributos”. Deben ser rodeados por comillas.


Si quieres comprobar la efectividad de los anteriores códigos, debes darle guardar a tu hoja de bloc de notas seguido de " .html" ejemplo:


Así quedara en tu pagina web:




9. Escribe algo de texto entre las etiquetas de cuerpo.




Así quedara en tu página web:



10. Para que el texto siga en la línea siguiente (como si presionaras “Enter” en el teclado), escribe "<br>"

11. Una marquesina es una palabra que se mueve de lado a lado de la pantalla. ¿Quieres añadir una marquesina? ¡Simple!: El código es:

 <marquee>TEXTO</marquee>. 


12. Añade algunas imágenes. Si quieres colocar una imagen de internet a tu página web, el código HTML es: <img src=”URL”>. La etiqueta de clausura, </img>, es opcional.

13. Guarda yendo a “Guardar como...”, ingresa un nombre de archivo que termine en la extensión .html y escoge “Todos los archivos” o “txt” en Tipo de archivo. No funcionará si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y ábrelo. Tu navegador favorito debería abrirse con tu propia página web.

No hay comentarios:

Publicar un comentario