Diseño de páginas de internet(html)

(Diseño de páginas de Internet)

Contenido

Bienvenidos
Antes de empezar
Qué necesitas...
Inicio
Estructura básica de un documento en HTML
Texto
Color
Imágenes
Enlaces (Links)
Dónde coloco mi página?
Bienvenidos

Te interesa aprender a diseñar páginas para Internet? Aquí te voy a enseñar los conocimientos fundamentales para que puedas hacerlo desde hoy. Crear una páginaWeb es realmente fácil. Sin meternos mucho en la gran cantidad de detalles que tiene HTML (el lenguaje con el que se diseñan las páginas Web), existen algunos conceptos básicos que te pueden ayudar a hacer tu primera página y dar a conocer lo que tú quieras a la enorme cantidad de usuarios de Internet en todo el mundo.

La manera de explicarte todo este asunto del diseño lo quiero hacer de laforma más sencilla posible. Y cuál es ésta? pues utilizando un lenguaje nada técnico, como si te estuviera explicando un amigo. Así para aquellas personas que nunca han estado en contacto con el argot informático, este breve manual podrá ser más que entendible.

Volver al Contenido
Antes de empezar

Parece muy obvio, pero a veces no es así. Antes de iniciar con el diseño de tu página, debestener en mente qué quieres poner en ella. Si tienes idea de lo que quieres hacer será mucho más fácil.
Aquí te doy unos tips sobre lo que puede tratarse tu página:
- Información personal.
- Artista favorito.
- Cualquier disciplina: Computación, artes, deportes, música, etc.
- Manuales: computadoras, mecánica, recetas de cocina, etc.
- Tu región: país, ciudad, etc.
- Una combinación de todos.En fin, los temas son inagotales y depende de tu creatividad e imaginación el que decidas elegir.

Volver al Contenido
Qué necesitas...

Para empezar a crear tu página necesitas un editor de textos, o sea, un programa en el que puedas teclear el código de tu página. Si tienes Windows en tu computadora puedes usar el Bloc de notas o Notepad, que sería lo más práctico y sencillo. No terecomiendo por ahora usar el Word o algún programa similar porque podría haber problemas con los formatos, pero si de todas maneras decides utilizarlo, recuerda guardar la información sólo como texto simple (extensión .txt).

Otra cosa que necesitas es un navegador de Internet para poder ver como está quedando tu página. Estos navegadores de Internet pueden ser Netscape Navigator o Internet Explorer.Para diseñar tu página no es necesario por el momento que dispongas de una conexión a Internet. Puedes estar modificando el código de tu archivo en el editor de textos y estarlo visualizando en el navegador sin tener que conectarte.

Volver al Contenido
Inicio

Entra al editor de textos (Bloc de notas) y crea un archivo nuevo; no tienes que escribir nada todavía en él. Puedes llamarlo comoquieras pero de preferencia nómbralo prueba, ya que es el ejemplo que se manejará en este manual. Es necesario que le pongas la extensión htm o html a ese archivo para que lo puedas visualizar en el navegador. Entonces el archivo quedará así: prueba.htm y deberá estar guardado en alguna carpeta de tu disco duro.

Para ver como está quedando tu página (cuando hayas empezado con el diseño) haz losiguiente:

Para Netscape Navigator o Communicator:
Ve a File en el menú y escoge Open Page (Open File para otras versiones). Escoge Choose File y dale la dirección en la que tienes guardado tu archivo prueba.htm. Ya que tengas la dirección correcta dale Aceptar y verás tu página.

Para Internet Explorer:
Te vas al menú y selecciona Archivo, luego Abrir y pulsa Examinar para darle ladirección en donde se encuentra tu archivo prueba.htm. Ya que lo tengas le das Aceptar y tu archivo se visualizará en el navegador.

Ahora sí, que ya tienes tu archivo listo y sabes como visualizarlo, lo que sigue es empezar a programar en html.

Volver al Contenido
Estructura básica de un documento en HTML

El lenguaje html trabaja con etiquetas (tags) que tienen diferentes usos. Por ejemplo...