Retroceder   Foros del Web > Diseño de Sitios web > Web general

Respuesta
 
Herramientas Desplegado
Antiguo 18-may-2008, 08:06   #1 (permalink)
Alejandro_88 está en el buen camino
 
Fecha de Ingreso: mayo-2005
Ubicación: Vimianzo. A Coruña
Mensajes: 111
web a partir de plantilla psd

Hola! Soy programador en VisualBasic, C, PHP, HTML...pero malísimo en diseño gráfico...xD
El caso es que ayer pasandome por una web de PSD´s, me encontré con un artículo llamado: Web 2.0 Layout Free PSD.
Me descargué el psd y es una completa plantilla para hacer una web.
Pero claro, ahí me entró la curiosidad, ya que yo nunca he usado este tipo de cosas.

Y por eso os pregunto: ¿Como se hace una web a partir una plantilla PSD?
[url="http://psdfreebee.com/web-20-layout-free-psd/"]Web 2.0 Layout Free PSDURL]
Se hace la estructura con tablas en HTLM y luego se colocan "cachos" de imagen de la plantilla??

Me gustaría informarme acerca de este tipo de métodos...de como se hace una web a partir de una plantilla como esa...

Muchas gracias por la ayuda!
Un Saludo y Gracias!
Alejandro_88 está desconectado   Responder Citando
Antiguo 18-may-2008, 08:58   #2 (permalink)
harvey ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2007
Mensajes: 56
Respuesta: web a partir de plantilla psd

Hola Alejandro.

Pues si, basicamente es lo que dices excepto que... photoshop te facilita la tarea de hacer la estructura con tablas y poner "cachos" en la plantilla. Imagino que ese psd estara dividido en lo que son "sectores". Si no los ves presiona en el botoncito de la herramienta sector. Te aparecera una cuadricula que definirá las partes donde, por ejemplo, va el logotipo, el indice, contenido, etc...
Pues bien te vas a guardar para web y le das a guardar ya sea gif o jpg y cuando te sale la pantallita para que le pongas nombre al archivo que vas a guardar veras que debajo pone "Tipo". Pues bien ahi eliges "html e imagenes". Te creara un html con la tabla creada y los trozos (Sectores) de imagen ya puestos. Esto en principio favorece la maquetación con tablas de lo cual abomina mucha gente porque "las tablas son para datos tabulares y bla bla bla" Ahi cada cual lo haga como quiera. Tu mismo puedes coger el codigo html y hacer una version con divs y css. Se me olvidaba decirte que al guardar para web puedes seleccionar que sectores (trozos de imagen) son los que se van a guardar de modo que puedes eliminar sectores que son grandes extensiones de un color que pueden ser un color de fondo del documento html y cosas asi.
Espero que esto te sirva. Un saludo.
harvey está desconectado   Responder Citando
Antiguo 18-may-2008, 10:32   #3 (permalink)
Alejandro_88 está en el buen camino
 
Fecha de Ingreso: mayo-2005
Ubicación: Vimianzo. A Coruña
Mensajes: 111
Respuesta: web a partir de plantilla psd

gracias por responder!
Pero va a ser que esta plantilla sólo tiene un sector...xD
le di a guardar como html e imagenes y sólo me guardó una imagen junto a la pagina html, que es la imagen completa de la página.
De hecho si pulso en Slice Select Tool, no me aparece nada, sólo una ligera línea puntuada de color naranja alrededor de toda la imagen.
Eso sí, en lo que son capas, sí trae todos los apartados de la web: footer, header, logo, menu...etc...

Bueno, gracias y un saludo!
Alejandro_88 está desconectado   Responder Citando
Antiguo 19-may-2008, 06:11   #4 (permalink)
harvey ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2007
Mensajes: 56
Respuesta: web a partir de plantilla psd

Tendras que dividir tu mismo con la herramienta sector el psd.

Un saludo.
harvey está desconectado   Responder Citando
Respuesta
Calificación: Calificación de Tema: 1 votos, 5,00 de promedio.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 00:46.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93