post image

Từ PSD sang HTML (phần 1/5)

Việc biến một giao diện được thiết kế trong Photoshop thành HTML là một phần rất quan trọng trong thiết kế web. Sau này nếu bạn muốn tự tạo giao diện cho trang web của mình cho dù nó động hay là web tĩnh, thì việc chuyển một thiết kế từ PSD sang HTML là việc đầu tiên bạn phải làm. Trong Series tutorial trước, tôi đã hướng dẫn bạn cách chuyển từ PSD sang HTML. Trong lần này, chúng ta sẽ sử dụng một giao diện tương đối phức tạp hơn.


Thời lượng:18:56
Link Download định dạng .avi chất lượng cao: MegaUpload, MediaFire
File Size: 73.32MB
Download PSD và Source Code: Business Style PSD. PSD được làm lại bởi Lê Đình Cường do phiên bản cũ bị mất. Rất cảm ơn bạn.
Những phần khác:Phần 2, Phần 3, Phần 4, Phần 5

Get the Flash Player to see this content.

«

»

26 Comments

( Comment bài này )
  1. Soncoi says:

    Em chào anh ạ. Em rất thích Design giao diện website bằng Photoshop nhưng em mới làm quen nên cũng chưa biết được nhiều.Anh có thể quay 1 Tut hướng dẫn layout website bằng Photoshop được không ạ. Em cảm ơn anh nhiều. Những Tut anh làm hay quá !!!

    • Phùng Bá Hữu says:

      em chào anh làm các video
      em muốn hỏi trình soạn thảo anh dùng là chương trình gì ạ. em nghe không rõ nên muốn hỏi lại. em thấy nó rất hay

      • Phùng Bá Hữu says:

        anh có thể chỉ cho em địa chỉ download không ạ em có dow mấy bản nhưng nó không giống bản anh dùng:((

  2. nguyen thanh trung says:

    minh dong y voi Soncoi .ban hay lam 1 video tao layout bang photoshop cho anh em thuong thuc di.da lam phai lam cho den cung chu :d

  3. lehongphat says:

    Cam on bam. tut rất hay.

  4. Xuanlanbui says:

    Tình cờ em vào trang web này và tìm đc “1 người thầy”, cám ơn anh admin rất nhiều. Những tut của anh rất dễ hiểu và dễ nhớ.
    Em có 1 thắc mắc nhờ anh giải đáp dùm, trong đây em thấy có phần xuât PSD sang XHTML và phần xuât PSD sang HTML. Em không hiều giữa 2 phần này nó khác nhau như thế nào, nhờ anh Admin giải thích dùm em? Thanks anh nhiều

  5. Câu hỏi của em rất hay. Thực ra khi anh viết là PSD sang xHTML hoặc PSD sang HTML thì cũng không có gì khác nhau bởi vì anh sử dụng xHTML hết.

    Nhưng có sự khác biệt giữa HTML và xHTML. Nói ngắn gọn thì xHTML quy luật của nó nghiêm khắc hơn khi viết code HTML. Em có thể tìm thêm thông tin về xHTML trên trang web nhé.

  6. Forevernone says:

    Rất cám ơn bài giảng của anh.
    Thật vui vì đc biết đến trang web này:)

  7. TieuLong says:

    Tuyệt quá vô tình biết đến izwebz. giúp em học được rất nhiều điều bổ ích. cám ơn các anh nhiều lắm đặc biệt là anh Demon warlock.

  8. khanhlien says:

    cám ơn Demon warlock nhiều mong anh có nhiều video hay hơn nữa chúc anh thành công

  9. Raito says:

    http://www.izwebz.com/wp-content/uploads/2009/08/demo/business/business.rar


    Hình như link này bị die anh ạ, cho em xin cái mirror được không anh. Rất cám ơn anh! :D

  10. duocvang9999 says:

    Bác DW cho em xin cai PSD và Source Codecủa trang này! link trên bị die rồi bác ah! thanks!

  11. duocvang9999 says:

    Anh DW cho em xin cai PSD và Source Code của bài này với. link này: Business Style PSD và Source Code Anh đưa lên bị lỗi rồi. Em đang rất cần, mong anh giúp đỡ. Em cám ơn anh nhiều!

  12. Ẹc, Xem ai có download từ trước thì share lại nhỉ? hôm nọ anh restore lại máy cũng mất tiêu cái file PSD rồi. Thế mới cùi.

  13. duocvang9999 says:

    éc híc híc T_T . hứa với nhỏ bạn cùng lớp là cho nó cái PSD này rồi, mà em cũng đang cần nữa. Nhưng cám ơn anh nhiều lắm!

  14. naruto says:

    Vẫn còn một cách khác , mọi người đừng buồn mà, không có cái tốt nhất bạn có thể dùng cái bạn đang có theo cách tốt nhất , mình nghĩ là ổn mà
    http://www.izwebz.com/wp-content/uploads/2009/08/demo/business/php/tutorials.php
    vẫn còn đây bạn ạ,

  15. Hoàng says:

    Ai có PSD và Source Code của bài này thì cho xin với. làm ơn gửi vào mail giúp với. Thanks.

  16. Đã update lại link trên bài viết. Rất cảm ơn bạn. Nhìn gần giống phiên bản cũ :D

  17. Trung Thông says:

    izwebz là một người bạn tuyệt vời của tôi, một ngừoi thầy tuyệt hảo, cảm ơn admin cả ngàn lần.

  18. Hiệp Trịnh says:

    anh ơi em download video về chỉ có tiếng ko có hình là sao nhỉ?

  19. Em download phần mềm VLC Player về xem là có hình và tiếng ngay. Đây là phần mềm miễn phí và sử dụng rất tốt.

  20. toctem says:

    Cám ơn DW nhìu nhìu các video hướng dẫn rất hấp dẫn dễ hiểu và lại còn hài hước nữa.
    Chúc trang web ngày càng thành công!

  21. Hoàng Dung says:

    Cám ơn thầy DW đã bỏ rất nhiều công sức và tâm huyết cho những người mới học như em.^^
    Góp ý: em thấy thầy cắt PSD, những bg còn hơi lớn, nếu cắt nhỏ hơn thì trang web sẽ lại nhẹ hơn nữa.

  22. cuong says:

    Cám ơn anh rất nhiều về tutorials này, chúc anh nhiều sức khỏe để xuất ra nhiều video còn hay hơn thế này nữa.

  23. cuong says:

    Anh cho em hỏi trong PTS có phần Save for web & Devices, anh có thể giải thích và hướng dẫn cho em biết được ko ạ.

  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Wrap code trong dấu `backtick` (dấu trên phím Tab)

Chọn kiểu gõ: Tự động TELEX VNI Tắt