momento de subirlo al ftp

llegue a la parte del curso donde entro al ftp el problema cuando subo el index, plantilla y los estilos css cambia totalmente el asunto, osea la plantilla pierde todo lo que son colores y la forma eso es normal aqui les dejo el ejemplo

aqui es el curso sin llegar al icono azul d ftp


y asi se ve al subirlo al ftp


de hecho al subirlo al icono azul se me perdio todo tuve que volver a guardar los datos de la planilla porque al subirlo me aparecio en blanco

y las imagnes igual no me salen a pesar de pasar los objetos al icono azul. no se si es que no he llegado al punto donde dice como solucionarlo pero se le agradece la ayuda

saludes
ok ya en internet me aparece bien pero al querer ver losc ambios en el programa html kit no los logro ver por lo que sucede que cambia la configuracion a como esta el dibujo que puse arriba
vale lo primero es : tu url (osea esta ) http://otarola.sportsontheweb.net/

Una vez tenemos eso podemos acceder al código fuente de tu página y que vemos ( pues esto):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>MONSTRUOTV PRUEBA</title> 
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
</head> 
<body> 
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p> 
<img alt="sonrisa (1K)" src="web-ejemplo-cctw/objetos/sonrisa.gif" height="60" width="60" /> 
<p>Página creada gracias a <a href="http://www.comocreartuweb.com">CCTW</a></p> 
<a href="mailto: [correo eliminado]"><p><img alt="Pulsa aqui para enviar un email" src="web-ejemplo-cctw/OBJETOS/buzon.gif" height="32" width="32" /></p></a> 
</body> 
</html> 
o en su defecto esto:http://otarola.sportsontheweb.net/plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>Page title</title> 
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> 
</head> 
<body> 
<div id="global"> 
<div id="curva-superior"></div> 
  <div id="cabecera">Bienvenidos a mi Web</div> 
  <div id="navegacion">Barra de Navegación</div> 
  <div id="contenido"> 
			 <div id="menu"> 
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul> 
       </div> 
<h1>Esta será la zona principal de la web</h1> 
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p> 
<h2>Y este es el tercer párrafo</h2>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p> 
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p> 
  </div> 
	<div id="pie">Este es el pié de página</div> 
</div> 
</body> 
</html>
lantiga escribió:vale lo primero es : tu url (osea esta ) http://otarola.sportsontheweb.net/

Una vez tenemos eso podemos acceder al código fuente de tu página y que vemos ( pues esto):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>MONSTRUOTV PRUEBA</title> 
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
</head> 
<body> 
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p> 
<img alt="sonrisa (1K)" src="web-ejemplo-cctw/objetos/sonrisa.gif" height="60" width="60" /> 
<p>Página creada gracias a <a href="http://www.comocreartuweb.com">CCTW</a></p> 
<a href="mailto: [correo eliminado]"><p><img alt="Pulsa aqui para enviar un email" src="web-ejemplo-cctw/OBJETOS/buzon.gif" height="32" width="32" /></p></a> 
</body> 
</html> 

bien el problema d el porque no se ven tus imágenes es sin duda la ruta:

"web-ejemplo-cctw/objetos/sonrisa.gif"
"web-ejemplo-cctw/OBJETOS/buzon.gif"
Sin lugar a dudas la ruta correcta seria esta:

"objetos/sonrisa.gif" y "objetos/buzon.gif"

recuerda que el html es sensible a minúsculas y mayúsculas, al igual que otros lenguaje de programación.
tengo un enredo con toda esta parte volvere a hacer todo desde el principio y si tengo problemas vuelvo a escribir,