V 2. delu te serije začnemo s pretvorbo HTML / CSS makete Photoshop, ki smo jo ustvarili v prvem delu. Začnemo z zelo skeletnim okvirom projekta. Nato si oglejmo organizacijo datotečne plasti Photoshop. Nato začnemo od spodaj navzgor, ustvarimo koščke, ki jih potrebujemo iz datoteke Photoshop, in napišemo HTML in CSS, ki jih potrebujemo za opravljeno delo. Velik del dela dejansko ni "rezanje" datoteke Photoshop, temveč natančen pogled nanjo in poskušanje posnemati, kaj se tam počne, s pravilnimi tehnikami označevanja in CSS.
Povezave iz videa:- Spletno mesto Kailin Yong
- jQuery Prepend
- 1. del: Photoshop Mockup
- 2. del: Pretvorba HTML / CSS
- 3. del: WordPress tema