Trang chủ » Thiết kế web » Chuyển PSD sang HTML

Chuyển PSD sang HTML

1477 Lượt xem

Mặc dù có rất nhiều người bỏ qua bước này và cũng không phải là bắt buộc nhưng mình luôn có thói quen làm việc này, mục đích là để mình lưu giữ lại file giao diện bằng HTML để sau này nếu có dịp rảnh rỗi sẽ tập code sang giao diện cho các CMS khác như Drupal, Joomla.

chuyen-psd-thanh-html

Trong bước này, mình sẽ chia làm 4 cộng đoạn nhỏ như sau:

  1. Bóc tách một số hình ảnh cần thiết có trong file PSD mà CSS không thể định hình được.
  2. Xác định bố cục tổng thể, xem nó sẽ sử dụng các block thế nào.
  3. Viết lại toàn bộ giao diện bằng HTML đơn thuần.
  4. Sử dụng CSS để định hình giao diện và trang trí nó..

Nói thẳng ra là dù bước này có thể sẽ hơi khó khăn đối với người mới nhưng mình thành thật khuyên bạn nên cố gắng học theo một tutorial nào đó để chuyển một giao diện trên Photoshop ra website HTML.

down