Avatar Image
Usuario habitual
Usuario habitual

¿Quien me puede decir como realizar un template para hacer una pagina? tengo entendido q es con photoshop pero yo hago el diseño luego lo divido en sectores luego exporto el html y lo abro en dreamweaver escribo y luego la imagen pareciese que se estuviera rompiendo esta es la forma correcta de hacerlo o hay otra forma, le agradeceria que me ayudaran...

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por tk4d3d
(...) la imagen pareciese que se estuviera rompiendo (...)

Después de haber creado el documento, prueba a poner cellspacing="0" cellpadding="0" en todas las tablas, desde el código fuente, a ver si así se vé bien.
Avatar Image
@man / @woman
@man / @woman
Aqui te dejo un tutorial, solo que esta en ingles, trata de entenderlo porque es muy bueno.
Lo voy a traducir solo que me tomara 2 o 3 dias jeje

http://files.deviantart.com/f/2004/01/5/5/Tutorial1.jpg


Saludos
The Ghost
Avatar Image
@man / @woman
@man / @woman

Primero: No funciona el enlace.
Segundo: Quién hace tutoriales en JPG? Eso es consumir ancho de banda a lo tonto.

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por Defero
Primero: No funciona el enlace.
Segundo: Quién hace tutoriales en JPG? Eso es consumir ancho de banda a lo tonto.



Respuesta al primero: Si funcioan el enlace
Respuesta al segundo: cierto consume pero no deja deser bueno

Saludos
The Ghost
Avatar Image
@man / @woman
@man / @woman

Primero: Es cierto, sí que funciona, pero no si haces simplemente click en él. Por culpa de la publicidad de Google, cómo no.

Segundo: Pues no está mal el tutorial (aunque esté en inglés), pero sigo pensando que hacerlo en JPG es un despropósito.

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por tk4d3d
¿Quien me puede decir como realizar un template para hacer una pagina? tengo entendido q es con photoshop pero yo hago el diseño luego lo divido en sectores luego exporto el html y lo abro en dreamweaver escribo y luego la imagen pareciese que se estuviera rompiendo esta es la forma correcta de hacerlo o hay otra forma, le agradeceria que me ayudaran...


Te explico:

Efectivamente, el diseño se hace sobre Photoshop (hay otros programas, pero pudiendo ir en un Ferrari pq ir en algo menor???)

Al grano, en photoshop tu creas tu diseño mediante capas, cuándo lo tengas terminado guardas el documento (GUARDAR COMO...) no (GUARDAR PARA WEB).

Luego te vas al inspector de capas y las combinas todas, quedando el diseño agrupado en 1 sola capa.

Ahora debes habilitar las reglas (si sabes diseñar en photoshop asumo que sabes de que te hablo, si no es asi, dimelo) y entonces empiezas a sacar guías distribuyendolas por el diseño con el objeto de cortarlo en pedazos.

Esta fase es complicada y se requiere un nivel importante en cuanto al conocimiento y manejo de photoshop.

Debes cortar el documento pensando que luego los trozos que cortes puedan encajar en tablas y celdas (dreamweaver te facilita esto bastante).

Los espacios del diseño que en el documento html puedan ser coloreados con colores planos NO LOS RECORTES, recorta los elementos gráficos indispensables, por ejemplo, la cabecera (cortala al menos en 4 trozos) el menú, etc...

Para cortar, una vez ubicadas las gúias usas la selección rectangular, copias el trozo cortado en un nuevo documento (haciendo el siguiente proceso)

ctrl+c (copiar)
ctrl+n (abrir documento nuevo)
pulsas enter
ctrl+v (pegar)

Entonces tendrás el trozo cortado en un nuevo documento, ahora si, ahora ese trozo GUARDAR PARA WEB (formato gif o jpg)

Y asi sucesivamente con todos los trozos.

Si tienes dreamweaver o similar, crea la estructura de tablas y celdas necesarias y ve pegando los trozos en celdas hasta completar el diseño.

Sé que esto que estoy explicando es complicado. Y es que diseñar directamente sobre dreamweaver o frontpage poniendo colores y añadiendo imágenes es muy fácil, pero hacerlo COMO DEBE HACERSE, diseñando en photoshop (o corel) es bastante más complicado aunque eso si, los resultados son webs con mucho mejor diseño.

En cualquier caso, estoy escribiendo un curso de diseño de páginas webs de nivel intermedio-avanzado en el cual se diseña sobre phothosop y se maqueta en dreamweaver. Lo verás en esta dirección dentro de un tiempo

http://miarroba.com/foros/ver.php?foroid=235367

Avatar Image
Usuario habitual
Usuario habitual

Muchas gracias Ikerman, lo entendi mas o menos pero ya tengo la base...esperare impaciente a q hagas el curso...

Saludos!!

Avatar Image
Usuario habitual
Usuario habitual

¿Ikerman cuando tendremos el curos de html-intermedio me has dejado con las ganas de leerlos...?

Y otra cosa que opinan de nueva web tiene apenas 3 dias.... http://xdesing.webcindario.com

Saludos!

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 13/Oct/2006, 23:46
SDF.net13kOct/06