En la parte 2 de esta serie, comenzamos la conversión HTML / CSS de la maqueta de Photoshop que creamos en la parte uno. Comenzamos con un marco de proyecto muy esquelético. Luego echamos un vistazo a la organización de la capa de archivos de Photoshop. Luego, comenzamos de abajo hacia arriba, creando las piezas que necesitamos del archivo de Photoshop y escribiendo el HTML y CSS que necesitamos para hacer el trabajo. Gran parte del trabajo no es en realidad "cortar" el archivo de Photoshop, sino mirarlo de cerca y tratar de imitar lo que se hace allí con las técnicas correctas de marcado y CSS.
Enlaces de video:- Sitio de Kailin Yong
- Anteponer jQuery
- Parte 1: Maqueta de Photoshop
- Parte 2: Conversión HTML / CSS
- Parte 3: Tema de WordPress