¿ Como hacer una página web ? 

 Primeros pasos.

1º Elegir el tema apropiado para la Web. Puede ser alguno vinculado con vuestra familia o entorno, de forma que si vuestra familia tiene un negocio, podemos hacerle la Web o bien sobre gustos musicales o cinematográficos, procura elegir un tema sobre el que encuentres bastante información en internet.



La estructura de la Web debe ser: 1º Hacer una carpeta en el escritorio con el nombre Web. Dentro de la carpeta Web, creamos otra carpeta con el nombre imágenes. Según necesitamos mas elementos haremos mas carpetas para tener todos los archivos ordenados.
Como hacer una pagina web
 El archivo principal debe llamarse index.html. Esto es necesario porque si lo subimos a Internet, al  escribir el nombre del dominio, el servidor busca el archivo index y si no lo encuentra da un error. Esto es al escribir tecnologia-informatica.es el servidor busca el archivo index.html y lo muestra en el navegador. Si nosotros tenemos como archivo principal miweb.html  el servidor dará un error porque no sabe que es esto lo que debe mostrar.

Todas las imágenes que se suban no deben tener mas de 60kb. Excepcionalmente podemos subir algunas mas pesadas pero esto afecta a la hora de cargar las páginas

Los nombres de los archivos y carpetas no deben tener la letra ñ, acentos o espacios entre letras para evitar posible errores con los navegadores


En esta sección vamos a trabajar para hacer nuestra Web propia con los elementos necesarios para una buena presentación 


1ª Parte . Mapa de imágenes

 1.1 Mapas de imagen con el programa gráfico Gimp

Es el primer paso que tenemos que dar para crear una portada, si lo que queremos es una imagen que tenga zonas donde al hacer clic sobre la misma se acceda a diferentes lugares de la web. Por ejemplo, los dedos de una mano pueden ser activados para ir a 5 páginas diferentes.
Sigue estos pasos
  1. Abre la imagen donde quieras poner las zonas activas con el Gimp y ve al apartado Filtros -> Web -> Mapa de imagen. Al abrirse una ventana nueva, verás la imagen junto a las herramientas necesaria para la selección del área que te interesa
  2. Toma la forma geométrica apropiada, llevarla sobre la imagen y al terminar el programa te pedirá la url. Añade la dirección web, que puede ser una página de nuestro proyecto u otra externa
  3. Si es una página interna, especifica solo el nombre y la ruta relativa. Por ejemplo, si tenemos un archivo que se llama fotos.html dentro de la carpeta imagen, debemos poner /imagen/fotos.html en el apartado url
  4. Tener cuidado. En la versión actual, cuando tomamos la figura de polígono irregular, al terminar hay que hacer clic dos veces para que salga el menú de la url
  5. Cuando ya tengas todas las zonas creadas y sus correspondientes enlaces, ve a Archivo -> Guardar como y guárdalo con un nombre acabado en map.
  6. Mira el archivo map creado. Copia su código fuente y llevarlo a tu página
  7. Un problema típico es que al llevar el código, la imagen no se ve. Esto es debido porque hay que ajustar la ruta de la imagen , es decir, en la línea donde pone <img src="/imagen.jpg" width="200" height="246" border="0" usemap="#map" /> , la ruta de la scr debe ser la adecuada porque ahí es donde va a buscar la imagen. En este caso, lo busca en la misma carpeta. Veamos algunos ejemplos: Si la imagen ( supongamos que se llama paisaje.jpg está en la carpeta imagenes, entonces la ruta para que se cargue debe ser  <img src="/imagenes/paisaje.jpg" ….