В част 2 от тази серия започваме преобразуването на HTML / CSS на макета на Photoshop, който създадохме в част първа. Започваме с много скелетна рамка на проекта. След това разглеждаме организацията на файловия слой на Photoshop. След това започваме отдолу нагоре, създаваме необходимите парчета от файла на Photoshop и пишем HTML и CSS, които са ни необходими, за да свършим работата. Голяма част от работата всъщност не е „нарязване“ на файла Photoshop, а разглеждането му отблизо и опитите да имитира какво се прави там с правилни техники за маркиране и CSS.
Връзки от видео:- Сайт на Кайлин Йонг
- jQuery Prepend
- Част 1: Photoshop Mockup
- Част 2: Преобразуване на HTML / CSS
- Част 3: Тема на WordPress