9
TUTORIAL DE CÓMO CREAR PAGINAS WEB MAR IO E NRIQUE V ILLE D A BAT EN

Tutorial de cómo crear paginas web

Embed Size (px)

Citation preview

Page 1: Tutorial de cómo crear paginas web

TUTO

RIAL D

E CÓMO

CREAR PAGIN

AS WEB

MA

RI O

EN

RI Q

UE

VI L

L ED

A B

AT

EN

Page 2: Tutorial de cómo crear paginas web

INDICE

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

Dile al navegador qué lenguaje estarás usando.  

Haz el cuerpo de la página.

Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo.

Añade algunas imágenes.

Guarda tu trabajo

Page 3: Tutorial de cómo crear paginas web

EN HTML

Si bien podrías hacer una página web sin aprender HTML, inevitablemente tendrás problemas en algún punto, sea cual sea el tipo de editor de páginas web que uses, y tendrás que saber HTML para arreglarlos. Hay muchos sitios web en los que podrás aprender HTML, pero el presente artículo te mostrará los pasos básicos para crear un sitio web con ese formato. ¡Con esta introducción básica pronto estarás haciendo una página web desde cero!

Page 4: Tutorial de cómo crear paginas web

VE A INICIO > PROGRAMAS > ACCESORIOS > BLOC DE NOTAS.

Será mucho más fácil si usas el Bloc de Notas++ (lo podrás descargar gratis por Internet). Cuando hayas elegido el lenguaje HTML, todo lo que escribas estará automáticamente conectado con diversos colores, de esta manera será muchísimo más fácil corregir posibles errores.

Page 5: Tutorial de cómo crear paginas web

DILE AL NAVEGADOR QUÉ LENGUAJE ESTARÁS USANDO. 

 Escribe <html>. Esta es la primera etiqueta que deberás escribir, la cual le indicará a la computadora que empezarás a hacer una página web. También se cerrará al final, así que al final del documento, ciérralo con <>. Esto finalizará la página web.

Page 6: Tutorial de cómo crear paginas web

HAZ EL CUERPO DE LA PÁGINA.

 Escribe <body> para abrir la etiqueta del cuerpo. Luego ciérala con la etiqueta </body>. La información para la página web irá entre <body> y </body>.

Page 7: Tutorial de cómo crear paginas web

ESCRIBE UNAS CUANTAS LÍNEAS DE TEXTO ENTRE LAS ETIQUETAS DE CUERPO.

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

¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve de lado a lado de la pantalla? Solo tendrás que escribir <marquee>TEXTO</marquee>.

Page 8: Tutorial de cómo crear paginas web

AÑADE ALGUNAS IMÁGENES.

 Si quieres colocar alguna imagen de Internet a tu página web, el código HTML para las imágenes será: <img src=“URL”>. La etiqueta de clausura es: </img>, pero es opcional.

Page 9: Tutorial de cómo crear paginas web

GUARDA TU TRABAJO

Ve a “Guardar como”, ingresa un nombre de archivo que termine en la extensión .html (por ejemplo: “archivodeprueba.html”) y escoge “Todos los archivos” o “text” en Tipo de archivo. No funcionará si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y haz doble clic para abrirlo. Tu navegador por defecto se abrirá con tu propia página web.