Trong phần 2 của loạt bài này, chúng ta bắt đầu chuyển đổi HTML / CSS của mockup Photoshop mà chúng ta đã tạo trong phần một. Chúng tôi bắt đầu với một khung dự án rất xương. Sau đó, chúng tôi xem xét tổ chức lớp tệp Photoshop. Sau đó, chúng tôi bắt đầu từ dưới lên, tạo các phần chúng tôi cần từ tệp Photoshop và viết HTML và CSS chúng tôi cần để hoàn thành công việc. Phần lớn công việc không thực sự "cắt" tệp Photoshop, mà là xem xét kỹ nó và cố gắng bắt chước những gì được thực hiện ở đó với các kỹ thuật đánh dấu và CSS chính xác.
Liên kết từ Video:- Trang web Kailin Yong
- jQuery Prepend
- Phần 1: Photoshop Mockup
- Phần 2: Chuyển đổi HTML / CSS
- Phần 3: Chủ đề WordPress