Iniciarse en CSS desde photoshop

Para los que vieron el tutorial de como pasar de PSD a CSS he aqui comentarios adicionales

(https://sdgestudio.wordpress.com/2008/01/12/breve-tutorial-como-pasar-de-psd-a-css-en-minutos/)
Como Diseñador que soy no estoy entrenado al 100% para trabajar en aspecos como la programacion, en este caso CSS, y vaya que es algo que tal vez ni programacion se le considere entre Ingenieros y demas… pero bueno. El caso es que me ha servido grandemente el ver como se estructuran los graficos mediante CSS. Y esto fue gracias a los ejemplos que el photoshop me dio al exportar mi diseño a CSS.

CSS en lugar de tablas HTML

Si bien las tablitas HTML son muy utiles para armar una pagina, no es lo mejor, es mucho codigo, son inestables dependiendo del navegador y requieren mucho mas codigo para hacer lo mismo que las CSS. Esto se refleja en el peso de tu archivo final y en los tiempos de descarga. Lo que he visto, los CSS son mas flexibles y se pueden acomodar de otras maneras en la que una tabla HTML seria muy dificl o casi imposible.

Que hay que aprender para iniciarse en CSS


Pues a mi me ha funcionado mucho trabajar con el Dreamweaver. Ya que en las ayudas visuales de codigo te das cuenta como se estructura el codigo y como se nombran las etiquetas para llamar al CSS. Hay que empezar por lo facil y practicarlo mucho. Tambien me gusta observar otros sitios hechos con CSS y ver el codigo de las paginas y su CSS para ver como lo estructuran, que hace y cuales son los alcances de este sistema. Muchos sitios los pueden ver en esta pagina que lista sitios CSS buenos.

Echando a perder se aprende

Si no le mueves al CSS nunca lo vas a aprender, en mi caso cuento con la gran fortuna de tener un buen compañero de trabajo y programador a mi lado al cual lo atiborro de preguntas, mis teorias y ejemplos. El me ha explicado y juntos hemos visto las cosas que se pueden hacer con el CSS.

Finalmente, aqui pueden checar algunos tutoriales y refencias para continuar aprendiendo:

  • http://www.webestilo.com/css/
  • http://www.w3schools.com/css/default.asp
  • http://www.cristalab.com/tutoriales/94/tutorial-basico-de-css
  • Acerca de Emmanuel Vargas @sdgestudio

    Graphic Designer currently working with user interface for web applications using dojo toolkit, jQuery in a java environment. Photographer interested in portrait, experimental and photo-journalism for social events. www.sdgestudio.com you can find me in G+

    1. Pingback: Search Engine Optimization Direct » Iniciarse en CSS desde photoshop

    2. Hi! This is my 1st comment here so I just wanted to give a quick shout out
      and say I genuinely enjoy reading through your blog posts.
      Can you recommend any other blogs/websites/forums that deal with the same topics?

      Thanks a lot!

    Responder

    Introduce tus datos o haz clic en un icono para iniciar sesión:

    Logo de WordPress.com

    Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

    Imagen de Twitter

    Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

    Foto de Facebook

    Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

    Google+ photo

    Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

    Conectando a %s

    A %d blogueros les gusta esto: