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

Chuyển PSD sang HTML

2360 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

THAM KHẢO THÊM CÁC SẢN PHẨM HOT NHẤT HIỆN NAY
Giày Cafe SHOEX
Hạ Khang Đường - Ổn định đường huyết
Saffron Extra White
Cốc Nguyệt San BEUCUP
Maxi White
Fysoline - Nước muối sinh lý dành cho bé sơ sinh và trẻ nhỏ
Mặt nạ thon mặt Vline
Finava - Tinh chất vàng sáng da, trị nám ngăn ngừa lão hoá
Trị Mụn Caryophy
Rong Nho Sabudo
Son YUMEISAKURA
Máy Khử Mùi MARKEL
Orlavi - Làm mờ sẹo
Dottorprimo - Trị các vết sẹo nặng
ZEN - Sản phẩm giúp hỗ trợ giảm căng thẳng
Nồi Chiên Không Dầu COSORI
Nồi Chiên Không Dầu LOTTE
Dưỡng Trắng RealWhite
Máy rửa mặt Pebble Lisa
Dầu Gội Nature Quen - Sao Thái Dương