Foros del Web » Creando para Internet » Diseño Gráfico »

Problema exportar plantilla de photoshop con sectores a .html

 Estas en el tema de Problema exportar plantilla de photoshop con sectores a .html en el foro de Diseño Gráfico en Foros del Web. amigos he realizado una plantilla de venta para mercadolibre en photoshop y dividida en 37 sectores y asi en el dreamweaver poner algunos link la ...
  #1 (permalink)  
Antiguo 11/09/2011, 11:55
Avatar de reparcelsyst  
Fecha de Ingreso: junio-2011
Ubicación: Venezuela
Mensajes: 8
Antigüedad: 12 años, 10 meses
Puntos: 0
Exclamación Problema exportar plantilla de photoshop con sectores a .html
amigos he realizado una plantilla de venta para mercadolibre en photoshop y dividida en 37 sectores y asi en el dreamweaver poner algunos link la cosa es que en el dreamweaver todo esta bien.... veo la paguina tal cual anexo los link y todo bien en la vista previa en el explorador.. ahora el detalle esta que al subirlo a mi servidor no se logra ver las imagenes..... todo se ve fallido aca el proyecto subido y a lo que me refiero...:

http://www.reparcelsyst.com/lcd9700.html

para ser mas explicito sobre el tema aca adjunto mi proyecto en formato .psd y formato .html asi tendran una nocion de lo que hablo ya que no se si estoy usando terminos correctos ya que soy un novato...

aqui mi proyecto para que puedan descargar y chequiar..

http://www.megaupload.com/?d=BLT67H11


tambien adjunto aca el codigo html del proyecto..

Código: 
<html>
<head>
<title>lcd 9700 - 001</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (lcd 9700 - 001.psd) -->
<table id="Tabla_01" width="1100" height="4151" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="18">
			<img src="im&#xe1;genes/lcd-9700-001_01.gif" width="1100" height="359" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_02.gif" width="106" height="75" alt=""></td>
		<td colspan="2"><a href="http://eshops.mercadolibre.com.ve/k.ardel/"><img src="im&#xe1;genes/lcd-9700-001_03.gif" width="205" height="75" alt=""></a></td>
		<td colspan="4"><a href="http://perfil.mercadolibre.com.ve/K.ARDEL"><img src="im&#xe1;genes/lcd-9700-001_04.gif" width="244" height="75" alt=""></a></td>
		<td colspan="4">
			<img src="im&#xe1;genes/lcd-9700-001_05.gif" width="244" height="75" alt=""></td>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_06.gif" width="225" height="75" alt=""></td>
		<td colspan="4">
			<img src="im&#xe1;genes/lcd-9700-001_07.gif" width="76" height="75" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="im&#xe1;genes/lcd-9700-001_08.gif" width="1100" height="33" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="im&#xe1;genes/lcd-9700-001_09.gif" width="348" height="1" alt=""></td>
		<td colspan="12" rowspan="6">
			<img src="im&#xe1;genes/lcd-9700-001_10.gif" width="726" height="1067" alt=""></td>
		<td rowspan="7">
			<img src="im&#xe1;genes/lcd-9700-001_11.gif" width="26" height="1085" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="im&#xe1;genes/lcd-9700-001_12.gif" width="26" height="1084" alt=""></td>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_13.gif" width="282" height="324" alt=""></td>
		<td colspan="2" rowspan="6">
			<img src="im&#xe1;genes/lcd-9700-001_14.gif" width="40" height="1084" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_15.gif" width="282" height="46" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_16.gif" width="282" height="323" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_17.gif" width="282" height="49" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_18.gif" width="282" height="324" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_19.gif" width="282" height="18" alt=""></td>
		<td colspan="12">
			<img src="im&#xe1;genes/lcd-9700-001_20.gif" width="726" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="im&#xe1;genes/lcd-9700-001_21.gif" width="1100" height="456" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="im&#xe1;genes/lcd-9700-001_22.gif" width="1100" height="142" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_23.gif" width="539" height="559" alt=""></td>
		<td colspan="8"><a href="http://perfil.mercadolibre.com.ve/K.ARDEL"><img src="im&#xe1;genes/lcd-9700-001_24.gif" width="498" height="169" alt=""></a></td>
		<td colspan="3" rowspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_25.gif" width="63" height="559" alt=""></td>
	</tr>
	<tr>
		<td colspan="8">
			<img src="im&#xe1;genes/lcd-9700-001_26.gif" width="498" height="390" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="3">
			<img src="im&#xe1;genes/lcd-9700-001_27.gif" width="501" height="296" alt=""></td>
		<td colspan="4"><a href="http://www.mrw.com.ve/"><img src="im&#xe1;genes/lcd-9700-001_28.gif" width="250" height="83" alt=""></a></td>
		<td>
			<img src="im&#xe1;genes/lcd-9700-001_29.gif" width="36" height="83" alt=""></td>
		<td colspan="5"><a href="http://www.dhl.com.ve/es/"><img src="im&#xe1;genes/lcd-9700-001_30.gif" width="277" height="83" alt=""></a></td>
		<td colspan="2" rowspan="3">
			<img src="im&#xe1;genes/lcd-9700-001_31.gif" width="36" height="296" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_32.gif" width="186" height="213" alt=""></td>
		<td colspan="4"><a href="http://www.grupozoom.com/"><img src="im&#xe1;genes/lcd-9700-001_33.gif" width="143" height="152" alt=""></a></td>
		<td colspan="3" rowspan="2">
			<img src="im&#xe1;genes/lcd-9700-001_34.gif" width="234" height="213" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="im&#xe1;genes/lcd-9700-001_35.gif" width="143" height="61" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="im&#xe1;genes/lcd-9700-001_36.gif" width="1100" height="584" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="im&#xe1;genes/lcd-9700-001_37.gif" width="1100" height="561" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="26" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="80" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="202" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="37" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="153" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="132" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="64" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="31" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="194" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="27" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="im&#xe1;genes/espacio.gif" width="26" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

lo unico que vi extraño en el codigo era la funte de las imagenes que aparece como "im&#xe1;genes" pero es por que la carpeta tiene el nombre de "imágenes" y asi se muestra en el codigo por el asentuo... probe quitandocelo osea colocando la carpeta como "imagenes" y modificar el codigo.. pero de igual forma no se ven.. sigue igual......, las imagenes estan en formato .gif no se si tenga que ver..... ya no se q hacerle..


deberia de ir algo mas en el codigo para que se visualizen las imagenes al subirlas? o algo mas que se me pasa por alto..?

espero en lo principal no infringir alguna regla de este gran foro y por supuesto me ayuden a solventar mi problema ya que pues trabajo con esto y me tiene frenado sin poder hacer nada....

gracias y saludos!
Última edición por reparcelsyst; 11/09/2011 a las 12:01
  #2 (permalink)  
Antiguo 11/09/2011, 15:51
Avatar de marioStudios
Colaborador
  
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.626
Antigüedad: 18 años, 5 meses
Puntos: 212
Respuesta: Problema exportar plantilla de photoshop con sectores a .html
El código fuente se escribe normal, es decir si la carpeta imagenes la creaste así con ese nombre, debes poner igual imagenes en el src=, si la escribes ImAgEneS pues igual lo debes escribir ImAgEneS en el src=, creo que por eso es tu problema, y tu estas tratando de escribir el acento de la palabra cuando no debes hacerlo ahí, eso solo se usa para el texto que se vas a mostrar en pantalla y no para el código fuente, espero esto te ayude!!!
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #3 (permalink)  
Antiguo 11/09/2011, 16:10
Avatar de metafrases  
Fecha de Ingreso: agosto-2011
Mensajes: 60
Antigüedad: 12 años, 7 meses
Puntos: 11
Respuesta: Problema exportar plantilla de photoshop con sectores a .html
Efectivamente, como dice sabiamente marioStudios, has subido al servidor la carpeta que te crea por defecto photoshop "imágenes" con acento...

Crea otra carpeta, sin acento y sin símbolos extraños, renombra la ruta de las imágenes en el archivo html y todo debe funcionar como en local...

Saludos
__________________
»»««
  #4 (permalink)  
Antiguo 11/09/2011, 17:49
 
Fecha de Ingreso: junio-2010
Ubicación: Detrás de mi pantalla
Mensajes: 137
Antigüedad: 13 años, 10 meses
Puntos: 20
Respuesta: Problema exportar plantilla de photoshop con sectores a .html
Una solución mas facil, al momento de exportar la web selecciona la opción "Ajustes: XHTML"
No te dará problemas con el origen de la carpeta, en ese caso el acento y te ahorras el trabajo de reemplazar todas las imágenes de tu archivo HTML.

Saludos, espero que te sirva.
  #5 (permalink)  
Antiguo 12/09/2011, 20:14
Avatar de reparcelsyst  
Fecha de Ingreso: junio-2011
Ubicación: Venezuela
Mensajes: 8
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Problema exportar plantilla de photoshop con sectores a .html
buenas amigo si lo hice y efectivamente ya aparece bien... gracias..

pero hay un detalle en el explorador mozilla se ve bien.. pero en IE no...

alguien podria chequiar y corroborar por favor... el proyecto es;

http://www.reparcelsyst.com/lcd9700.html

por favor altamente agradecido...

salu2

Etiquetas: html, imagenes, photoshop, plantilla, psd, sectores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 17:07.