Hola:
Voy a comenzar diciéndole que con toda la experiencia que está teniendo tratándo de hacer y subir su web al servidor, en un tiempo más va a ser toda una experta.
Sin embargo, querer hacer muchas cosas en la página, creyéndo que hay que llenarla totalmente, olvidándose de que una página web se compone de muchas más páginas, y que en cada una de las que después haga podrá poner cosas, hace que se pongan cosas en la página que la llenan demasiado y que a la vez se pongan donde no se debe.
Le daré un ejemplo, aunque puede que no sea el más apropiado, pero como hoy estuve oredenando el ropero, le haré una reseña de como funciona una página,
Se lo digo porque al ver sus fotos, veo que tiene códigos que no denben de ir allí donde los puso
Este es
un ropero que dentro tiene
dos cajones.
En cada uno de los dos cajones uno puede poner cajitas pequeñas.
Unas cajitas hay que ponerlas en el cajón de más arriba y las otras cajitas hay que ponerlas en el cajón de más abajo
El ropero tiene una puerta que se abre,
<html> y tiene una puerta que se cierra
</html>El cajón que va en la parte de arriba se llama head, y ese cajón tiene una tapa que se abre
<head> y una tapa que se cierra
</head>Y luego está el cajón que es más grande y que se llama body
Este cajón tiene una puerta que se abre
<body>, y una puerta que se cierra
</body>.
Por lo tanto ese ropero sería así
<html> La puerta del ropero que se abre
<head> La puerta del cajón de arriba que se abre
</head> La puerta del cajón de arriba que se cierra
<body> La puerta del cajón grande que se abre
</body> La puerta del cajón grande que se cierra
</html> Y acá cerramos el ropero y los dos cajones quedan dentro
En el cajón que se llama head metemos una cajita, cajita que también tiene tapa que se abre y tapa que se cierra, esa cajita se llama title, y a esa cajita le vamos a poner unas cositas dentro (unas letras).
Por tanto metemos esa cajita title en ese cajón head y nos quedaría así:
<html> La puerta del ropero que se abre
<head> La puerta del cajón de arriba que se abre
<title>Ecija Ciudad del Sol y de las Torres la Sarten de Andalucia</title>
</head> La puerta del cajón de arriba que se cierra
<body> La puerta del cajón grande que se abre
</body> La puerta del cajón grande que se cierra
</html> Y acá cerramos el ropero y los dos cajones quedan dentro
Hemos puesto la cajita title dentro del cajón head, y hemos puesto dentro de esa cajita unas letras, o sea hemos abirto esa cajita, hemos puesto unas letras y hemos cerrado esa cajita.
Ahora como hemos hecho una hoja de estilo para que la página tenga colores y otras cosas, entonces debemos poner dentro de ese cajón que se llama head, otra cajita, esa cajita que vamos a poner se llama link, solo que no se cierra igual que las demás cajitas.
Así que ponemos dentro del cajón head esta otra cajita que se llama link y nos quedaría así:
<html> La puerta del ropero que se abre
<head> La puerta del cajón de arriba que se abre
<title>Ecija ciudad del Sol y de las torres la Sarten de Andalucia</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head> La puerta del cajón de arriba que se cierra
<body> La puerta del cajón grande que se abre
</body> La puerta del cajón grande que se cierra
</html> Y acá cerramos el ropero y los dos cajones quedan dentro
Como se puede ver, en ese cajón que se llama head, hemos puesto dentro, dos cajitas, una que se llama title y otra que se llama link.
Y por ahora no ponemos nada más en ese cajón.
Lo que haremos ahora será poner dentro del cajón body unas cajitas.
Y pondremos una cajita que se llama p
Pero como las cajitas que se llaman p siempre les gusta ponerse a la izquierda y como nosotros no queremos que se ponga a la izquierda, lo que hemos hecho a sido darle un segundo nombre a esa cajita p
Por eso en la hoja de estilo a esa cajita p le hemos dicho que se llame .centrado
Entonces después de haberle dicho en la hoja de estilo a esa cajita p que se llama centrado, lo que va a ser esa cajita p es ponerse al centro y no a la izquierda
A esa cajita p centrada le pondremos también unas letras dentro
Por eso ahora la ponemos que quede dentro del cajón que se llama body, y nos quedaría así:
<html> La puerta del ropero que se abre
<head> La puerta del cajón de arriba que se abre
<title>Ecija ciudad del Sol y de las torres la Sarten de Andalucia</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head> La puerta del cajón de arriba que se cierra
<body> La puerta del cajón grande que se abre
<p class="centrado">Bienvenido a Ecija ciudad del Sol</p>
</body> La puerta del cajón grande que se cierra
</html> Y acá cerramos el ropero y los dos cajones quedan dentro
Si nos damos cuenta, vemos que hemos abierto esa cajita, p centrado, hemos puesto las letras dentro de esa cajita y luego hemos cerrado esa cajita
Ahora queremos poner dentro del cajón body otra cajita p y ponerle letras dentro
así que nos quedaría así:
<html> La puerta del ropero que se abre
<head> La puerta del cajón de arriba que se abre
<title>Ecija ciudad del Sol y de las torres la Sarten de Andalucia</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head> La puerta del cajón de arriba que se cierra
<body> La puerta del cajón grande que se abre
<p class="centrado">Bienvenido a Ecija ciudad del Sol</p>
Proximamente quedara lista</p>
</body> La puerta del cajón grande que se cierra
</html> Y acá cerramos el ropero y los dos cajones quedan dentro
Bueno, si se da cuenta las cajitas se ponen dentro de dos cajones, uno se llama head y el otro se llama body
En el cajón head se ponen unas cajitas especiales, y en el cajón body se ponen todas las cajitas que se podrán ver.
Y todas van dentro del ropero y como hay varios modelos de roperos , el que vamos a utilizar se llama Doctype 4 Transitional
así que nos estaría quedándo de esta manera:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> La puerta del ropero que se abre
<head> La puerta del cajón de arriba que se abre
<title>Ecija ciudad del Sol y de las torres la Sarten de Andalucia</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head> La puerta del cajón de arriba que se cierra
<body> La puerta del cajón grande que se abre
<p class="centrado">Bienvenido a Ecija ciudad del Sol</p>
Proximamente quedara lista</p>
</body> La puerta del cajón grande que se cierra
</html> Y acá cerramos el ropero y los dos cajones quedan dentro
...................................................
Usted para subir ese index.html nuevo que está haciendo,, si lo va a subir por medio del programa HTML-KIT al hosting Allin
Debe pulsar en la carpeta azul (www.ecijaciudaddls y no se que más )con un click derecho y en el desplegable que se abre pulsar en "Connect", luego que se conecte (eso es cuando esa carpeta azul le muestra hacia abajo todas las demás carpetas más los archivos que usted ha subido)
Entonces pone el cursor sobre la carpeta public_html, le hace click derecho y cuando se le abra el desplegable, pulsa en "upload"
Para que se le abra la ventana en que debe buscar ese nuevo index que va a subir y cuando lo encuentre, hacerle click izquierdo para que quede seleccionado y hacer click en "Abrir" para que ese index reemplace al anterior.
Antes de todo esto que le he dicho, le sugiero que abra su navegador, pulse en la pestaña (arriba) que se llama "Herramientas" y en el desplegable que se abre pulse en "Opciones de Internet"
Cuando se le abra esa ventana Opciones de Internet, pulse en la ficha "General" (si es que no está ya puesta) y vaya donde dice "Eliminar archivos temporales de Internet"
Y pulse donde dice "Eliminar archivos", si le sale una ventan para confirmar , le dice que si.
Luego también al lado hay una pestaña que se llama "Eliminar cookies" pues también los elimina,
eso es para que su ordenador no muestre la página index antigua.
Luego de hacer eso ya puede subir su pagina index.html nueva
Y después de subirla, cierre el programa HTML_KIT y abra su navegador y
escriba su direccion de su web en la barra de direcciones, alli arribaSi le sigue mostrándo el index anterior, entonces vaya arriba y pulse en el icono de "actualizar", es uno que tiene dos flechas verdes (si es que tiene internet Explorer 6).
Si es que tiene Internet Explorer 7, entonces despues que le muestre la página index. sea la que sea vaya a la pestaña "pagina" (creo) y busque allí donde diga "actualizar"
Eso es porque el servidor u hosting, suele guardar el último archivo que usted ha subido pero que ha actualizado, y puede ser que mientras no actualice el nuevo index (dádole a Actualizar) pues le seguirá mostrándo el antiguo index
Saludos
