Quy trình thiết kế Web – End : PSD to HTML

Đâ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!

[line]

1.  The Design Lab: PSD Conversion

[line]

2. From PSD to HTML, Building a Set of Website Designs Step by Step

[line]

3.  Coding: Design Lab TV Styled Layout

[line]

4. PSD to CSS/HTML in Easy Steps – Part 1

[line]

5. Slice and Dice that PSD

[line]

6.  Converting a Photoshop Mockup: Part Two, Episode One

[line]

7.  Build a Sleek Portfolio Site from Scratch

[line]

8. Portfolio Layout – Learn To Code It

[line]

9. Converting a Design From PSD to HTML

[line]

10.  How to Convert a PSD to XHTML

[line]

11. How to Convert PSd to Html

[line]

12.  Creating a CSS Layout from scratch

[line]

13. PSD > HTML/CSS

[line]

14. Encoding a Photoshop Mockup into XHTML & CSS

[line]

15.  Css Template Tutorial

[line]

16. Portfolio Layout 4: The Code

[line]

17. Tutorial Coding a Layout

[line]

18.  Converting a Photoshop Mockup

[line]

19.  Killer site – From Illustrator to Xhtm to Drubal

[line]

20.  From PSD to HTML

[line]

21.  Coding a Car Sales Layout

(Nguồn tổng hợp từ http://dzineblog.com)

6 Comments. Leave new

Thanks for sharing

Reply

Những bài viết rất hay, rất bổ ích :D

Reply

xin lỗi phải Bưng học lớp CTK30 ko?

Reply
Bung Nguyen
March 8, 2012 1:26 PM

Đúng rồi, tình cờ nên mới tìm được trang blog của Uyên, không ngờ lại được U nhận ra :D

Reply

e đang học thiết kế đồ họa và sang kỳ làm web .. hix.. nhưng e cảm thấy khó nhọc vs kỳ này qá chị ạ .. huhu .. c có bí quyết nào k .. chỉ e vs :x

Reply

tất cả là có bao nhiêu part Quy trình thiết kế web hả chị?

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Read more:
image001
Quy trình thiết kế web – Part 3 : Content Overview

Ở những bài viết trước, các bạn đã có tất cả nội dung survey và sitemap của trang web muốn...

Close