Từ PSD sang HTML (phần 1/5)
- September 7, 2009
- 26 comments
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.
Giao diện liquid với CSS – Phần 2 »
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á !!!
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
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:((
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
Cam on bam. tut rất hay.
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
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é.
Rất cám ơn bài giảng của anh.
Thật vui vì đc biết đến trang web này:)
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.
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
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!
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!
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!
Ẹ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.
é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!
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 ạ,
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.
mình vừa làm lại, cũng gần giống, bạn nào chưa có thì download file PSD về thực hành nha
http://www.mediafire.com/?chhulmnzzem
Đã 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ũ
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.
anh ơi em download video về chỉ có tiếng ko có hình là sao nhỉ?
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.
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!
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.
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.
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 ạ.