Entrar

Necesito ayuda:¡ Mi web no se ve en los navegadores!

Willy1976 · · Solicitar retirada
Gracias por contestar y dirigirme en este foro Oct, aqui va la pregunta de nuevo: Por qué no se pude visualizar mi sitio web? Esta es la dirección www.sgmobiliario.com.mx
YA intenté guardar todos los archivos dreamweaver que conforman el sitio junto con las fotos y no pasa nada... Ojalá alguien me ayude... Gracias.
skaparate · · Solicitar retirada
Tu sitio web sí se ve, lo que pasa es que falta el index.html.

El servidor siempre buscará, en cada carpeta, un archivo índice y lo abrirá antes que nada y, de no encontrarlo, mostrará todos los archivos contenidos en la carpeta. Por eso es que siempre debes poner un archivo index.html en todas las carpetas de tu sitio (no importa si no tienen nada, es para que no puedan ver lo que hay en las carpetas).

Hay otras formas más complejas de hacerlo.

Saludos.
Willy1976 · · Solicitar retirada
El servidor es Cpanel bucha... skaparate, gracias, ya se ve el cuadro que delimita mi foto, pero ahora no se ve mi fondo a pesar que ya la subí en el folder de images... Qué hacer?? Gracias
Willy1976 · · Solicitar retirada
Claro amigo, gracias...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<img src="imagenes/PORTADAS_sgm/portadasgm.jpg" width="1024" height="652" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="339,73,475,133" href="imagenes/PORTADAS_sgm/Conocenos.jpg" />
<area shape="rect" coords="489,76,632,130" href="sillas_escolares.html" />
<area shape="rect" coords="646,80,759,128" href="#" />
<area shape="rect" coords="776,81,918,129" href="imagenes/PORTADAS_sgm/PESTAÑA-CORREO-copia.gif" />
<area shape="rect" coords="958,450,984,479" href="https://www.facebook.com/pages/SGM-Soluciones-Globales-en-Mobiliari…" />
<area shape="rect" coords="959,498,985,529" href="#" />
<area shape="rect" coords="958,552,987,574" href="ventas.html" />
<area shape="rect" coords="6,512,227,533" href="#" />
<area shape="rect" coords="10,547,224,568" href="#" />
</map>
</body>
</html>
Willy1976 · · Solicitar retirada
Cómo lo ven?, qué le falta o le sobra para que se pueda visualizar en internet? gracias
ocbarrio · · Solicitar retirada
Empieza por aqui:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<link href="estilos.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="contenido">

<img src="imagenes/PORTADAS_sgm/portadasgm.jpg" width="1024" height="652" usemap="#Map" border="0" />

<map name="Map" id="Map">
<area shape="rect" coords="339,73,475,133" href="imagenes/PORTADAS_sgm/Conocenos.jpg" />
<area shape="rect" coords="489,76,632,130" href="sillas_escolares.html" />
<area shape="rect" coords="646,80,759,128" href="#" />
<area shape="rect" coords="776,81,918,129" href="imagenes/PORTADAS_sgm/PESTAÑA-CORREO-copia.gif" />
<area shape="rect" coords="958,450,984,479" href="https://www.facebook.com/pages/SGM-Soluciones-Globales-en-Mobiliari…" />
<area shape="rect" coords="959,498,985,529" href="#" />
<area shape="rect" coords="958,552,987,574" href="ventas.html" />
<area shape="rect" coords="6,512,227,533" href="#" />
<area shape="rect" coords="10,547,224,568" href="#" />
</map>

</div>

</body>
</html>

Lo que esta en verde es lo que he añadido, y lo que esta en rojo es lo que tienes que cambiar tu para que te coincida con tu archivo de estilo.
Willy1976 · · Solicitar retirada
Siempre había diseñado en flash y apenas le entro al dreamweaver, a los divs y a las hojas de estilos... EN este caso lo quise hacer más libre, lo que estoy haciendo ahora es cortar para web en photoshop para deshacerme de la foto... Y colocar en un html objeto por objeto, a ver si funciona...¿que opinas??
Willy1976 · · Solicitar retirada
A ver si entendí, copio y pego lo que escribiste en verde y lo rojo que onda? Mil disculpas esto es un poco dificil...
ocbarrio · · Solicitar retirada
Borra todo el codigo de tu pagina, y pega este que te he dado. Lo que esta en verde es lo que he metido yo (que no es casi nada) y lo que esta en rojo lo cambias por la ruta a tus estilos.

Por ejemplo, tienes una carpeta, dentro tienes el index.html y la carpeta imagenes. Creas con dreamweaver una hoja de estilos (css) y la guardas en la carpeta principal, junto con el index.html. Ahora tienes la carpeta principal, y dentro tienes el index.html, el estilos.css y la carpeta imagenes.

Si sigues ese esquema no tienes que cambiar lo que esta en rojo.

Ahora bien, deberias empezar el curso, parece un toston, pero en realidad es rapido. Asi entenderas bien los conceptos, y con jorgens te aseguro que aprenderas lo basico para poder crear lo quieras.

Yo segui el curso durante 12 dias o asi, y cuando lo acabe empece con mi web fotografiaolivier.com, y tarde 2 meses en hacerla. Toda integra desde cero.
Willy1976 · · Solicitar retirada
Coloque esto ocbarrio... Pero sigue sin verse...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenido">
<img src="imagenes/PORTADAS_sgm/portadasgm.jpg" width="1024" height="652" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="339,73,475,133" href="imagenes/PORTADAS_sgm/Conocenos.jpg" />
<area shape="rect" coords="489,76,632,130" href="sillas_escolares.html" />
<area shape="rect" coords="646,80,759,128" href="#" />
<area shape="rect" coords="776,81,918,129" href="imagenes/PORTADAS_sgm/PESTAÑA-CORREO-copia.gif" />
<area shape="rect" coords="958,450,984,479" href="https://www.facebook.com/pages/SGM-Soluciones-Globales-en-Mobiliari…" />
<area shape="rect" coords="959,498,985,529" href="#" />
<area shape="rect" coords="958,552,987,574" href="ventas.html" />
<area shape="rect" coords="6,512,227,533" href="#" />
<area shape="rect" coords="10,547,224,568" href="#" />
</map>
</div>
</body>
</html>
ocbarrio · · Solicitar retirada
Eso que dices de hacer la maqueta con photoshop es buena idea, pero primero debes aprender ha hacerlo bien. A veces resulta un follon. Por eso al principio es casi mejor crear imagen a imagen a medida que las necesitas.
Willy1976 · · Solicitar retirada
Ok, no había recibido el mensaje de las hojas estilos, las voy a crear... De donde eres oc? Ahorita lo hago...
ocbarrio · · Solicitar retirada
Claro, porque tu carpeta de imagenes no estara bien ubicada, y no tienes hoja de estilos.

Añade esto <p>Hola MUNDO</p> justo antes de <div id="contenido">

Ahora previsualiza.
ocbarrio · · Solicitar retirada
Soy de Valencia, España. Aunque ahora mismo estoy viviendo en Barcelona por trabajo. Y tu?
ocbarrio · · Solicitar retirada
me tengo que ir, mañana seguimos.

De momento pega esto en la hoja de estilos

body {

width:960px;
background-color:silver;
margin:0px auto;

}

Asi vas viendo como funciona. Y hazme caso, vete al home de cctw y empieza el curso, con una hora ya sabras lo suficiente para empezar a hacer cosas. (como estas con dreamweaver puedes saltarte lo de la etiqueta <html> y tal, ya que lo pone solo el programa.

Hasta mañana!
Willy1976 · · Solicitar retirada
La página me la piden como esté mañana por la mañana, por eso tanta pregunta.... Qué me recomiendas es más rápido?? Los CSS o meter en un html de dreamweaver las imagenes cortadas en photoshop?? Gracias.
ocbarrio · · Solicitar retirada
Mañana por la mañana?

Uf!

Pues añade las imagenes recortadas con photoshop.

Quita lo de <p>Hola MUNDO</p>

y añade esto

<img src="imagenes/background-panel1.jpg">

lo que esta en rojo lo cambias por el nombre de la primera imagen que quieras añadir.

Ahora copialo y pegalo debajo (te quedaran dos <img src...>) y cambias el nombre por el de la segunda imagen. Vuelves a pegar debajo y sigue asi hasta tener todas las imagenes.

P.D. Ya que estas borra esto:

<img src="imagenes/PORTADAS_sgm/portadasgm.jpg" width="1024" height="652" usemap="#Map" border="0" />

<map name="Map" id="Map">
<area shape="rect" coords="339,73,475,133" href="imagenes/PORTADAS_sgm/Conocenos.jpg" />
<area shape="rect" coords="489,76,632,130" href="sillas_escolares.html" />
<area shape="rect" coords="646,80,759,128" href="#" />
<area shape="rect" coords="776,81,918,129" href="imagenes/PORTADAS_sgm/PESTAÑA-CORREO-copia.gif" />
<area shape="rect" coords="958,450,984,479" href="https://www.facebook.com/pages/SGM-Soluciones-Globales-en-Mobiliari…" />
<area shape="rect" coords="959,498,985,529" href="#" />
<area shape="rect" coords="958,552,987,574" href="ventas.html" />
<area shape="rect" coords="6,512,227,533" href="#" />
<area shape="rect" coords="10,547,224,568" href="#" />
</map>
ocbarrio · · Solicitar retirada
y por cierto, el archivo css sirve para darle estilos a cada elememto de la web. Asi con lo de "body" q te he dicho antes, estas haciendo que al body (cuerpo de la web) tenga un ancho de 960px, un color de fondo gris, y que este todo centrado.

Si quisieras darle estilo a una imagen (por ejemplo decirle que cada imagen tenga un margen con respecto a la siguiente) usarias otra linea en el css. Pero ahora no voy a entrar en detalles.