Đây là bước cuối cùng trong loạt bài hướng dẫn quy trình thiết kế web, sau khi đã có được layout web bằng photoshop thì các bạn tiến hành chuyển nó thành file HTML hoàn chỉnh. Ở đây mình sử dụng chủ yếu là CSS để thực hiện, với 1 bài viết thì không thể nào nói hết được, do đó, mình giới thiệu đến các bạn những bài hướng dẫn chuyển từ PSD sang HTML của các designer trên thế giới. Hy vọng sẽ hữu ích cho các bạn!
1. The Design Lab: PSD Conversion
2. From PSD to HTML, Building a Set of Website Designs Step by Step
3. Coding: Design Lab TV Styled Layout
4. PSD to CSS/HTML in Easy Steps – Part 1
5. Slice and Dice that PSD
6. Converting a Photoshop Mockup: Part Two, Episode One
7. Build a Sleek Portfolio Site from Scratch
8. Portfolio Layout – Learn To Code It
9. Converting a Design From PSD to HTML
10. How to Convert a PSD to XHTML
11. How to Convert PSd to Html
12. Creating a CSS Layout from scratch
13. PSD > HTML/CSS
14. Encoding a Photoshop Mockup into XHTML & CSS
15. Css Template Tutorial
16. Portfolio Layout 4: The Code
17. Tutorial Coding a Layout
18. Converting a Photoshop Mockup
19. Killer site – From Illustrator to Xhtm to Drubal
20. From PSD to HTML
21. Coding a Car Sales Layout
(Nguồn tổng hợp từ http://dzineblog.com)
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