Bueno, como he comentado en anteriores entradas estamos ahora dando el lenguaje html. En esta entrada explicaré un poco como funciona esto de una forma mas detallada para que me entendais mejor por si alguien se anima a crear una página web en algun momento.
Lo primero de todo debemos crear una carpeta exclusivamente para cosas de nuestra página web. En ella debemos de guardar todas las fotos, fondos, gif's animados, mapas, absolutamente todo lo que le vayamos añadiendo a la página y también ahi nuestras páginas creadas.
Para crear una página web tendremos que trabajar en un programa que no formatee el texto. Nosotros hemos elegido el bloc de notas que encontramos en accesorios en nuestra barra de inicio. Entonces debemos seguir estos pasos :
1.- Abrir bloc de notas
2.- Guardarlo como documento de texto en la carpeta creada para la web
3.- Guardarlo también como documento html en nuestra carpeta
Despues de haberlo guardado tendremos ya vista de nuestra página en la web aunque solo la veremos nosotros porque no esta aún colgada en la web. Ahi comenzaremos a añadir las diferentes etiquetas que le queramos poner a nuestra página. Aquí os escribiré los más básicos de ellos.
Nuestra página web siempre debe comenzar con la etiqueta <HTML> al principio y </HTML> al final. Entre estas dos etiquetas irán el resto.
Luego, la cabecera debe de ir definida entre las etiquetas <HEAD> y </HEAD> y para definir el cuerpo debemos poner <BODY> con su cierre </BODY>. Normalmente estas etiquetas se colocan despues de la primera (html). POR EJEMPLO:
<HTML>
<HEAD>
<TITLE> Título de la página </TITLE>
</HEAD>
<BODY>
[Aquí van las etiquetas que visualizan la página]
</BODY>
</HTML>
Nosotros le hemos añadido a nuestras páginas textos que se escriben declarando párrafos con la etiqueta <P> y </P>. Nuestro texto también lo podremos modificar:
- Para ponerlo en negrita : <B> y </B>
- Para ponerlo en cursiva : <I> y </I>
- Para poner un estilo preformateado : <PRE> y </PRE> y también algunas más...
Para separar los textos o unas fotos de otras tenemos la siguiente etiqueta : <BR><P> que nos deja un párrafo en blanco para permitirnos una separación.
Otra de las cosas que hemos aprendido es poner un fondo personalizado que puede ser un color o una imagen. Para la imagen la etiqueta es en la anterior nombrada BODY añadir esto : <BODY BACKGROUND="imagen.jpg"> o si queremos ponerle un gif cambiaremos donde dice jpg y pondremos gif.
Otra de las cosas que hemos trabajado han sido los mapas y los frames. Los mapas consiste en realizar un dibujo que perfectamente podemos hacer en el paint como he hecho yo, y en él definir una zona sobre la que al pinchar nos envíe a otro lugar, es decir, a otra página. Para ello al dibujarlo deberemos coger coordenadas entre de cada extremo de la zona que queremos habilitar como activa. Es un poco complicado hacer que nos funcione pero seguro que lo conseguireis.
Aquí teneis mi mapa como ejemplo :
Por otro lado los frames es una especie de índice que podremos colocar al derecha, izquierda, debajo o encima de nuestra página principal q siempre nos aparecera en pantalla y nos permitira acceder a nuestras páginas sin salir de la nuestra propia. Para ello tendremos que crear dos nuevas páginas de la manera que he explicado antes. Una de ellas será la que nos aparecerá dentro del frames. En está pagina tendremos que colocar los enlaces que nos llevarán a abrir otras páginas al lado del mismo frame. La otra página que debemos crear es la que constituye el frame en la que definiremos la os acabo de explicar como la que nos aparecerá en el margen seleccionado y la página principal que se abrirá en el medio.
Aquí teneis una foto de lo que sería un frame, en este caso el mío:
Esto último es más complicado de explicar porque tendréis que leer un poquito más sobre ello en algún lado por lo que aquí dejo la página de la que hemos sacado nosotros la teoría e información sobre etiquetas de todo lo nombrado anteriormente e incluso muchas más cosas.
La página se llama Web Maestro :
http://www.ldc.usb.ve/~vtheok/webmaestro/
Próximamente colgaré en mi blog la manera de subir nuestra página a la red
.jpg)
.jpg)
