Từ PSD sang HTML (phần 1/5)
- September 7, 2009
- 67 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
Cảm ơn video của anh, rất có ích
nó dạy tầm bậy, làm điên làm khùng
a cho e hỏi là mấy cái edit CSS với lại kiểm tra lại code là ở add có tên j` nhỉ?
đọc faqs là rõ ngay bạn nhé
Các bạn cho mình hỏi, trong trường hợp giao diện cầu kỳ như trên kia mình thấy còn có cả hình của button nữa, nếu cắt cả hình button ra thì lúc code trên html và css thì không cần dùng form nữa ak ?
E TEXT EDITOR phần mềm này dùng viết HTML,còn phpDesigner 7 thì viết PHP.
Anh ơi . Anh dùng phần mềm nào để viết file index.php và stype.css đấy nhỉ. EM không biết tìm đâu. Anh share đi. Thanks anh
Cảm ơn anh. Bài viết của anh rất hay. thật sự rất hay.
cảm ơn bài viết rất hữu ích, http://phutungonline.com.vn
Cảm ơn bạn cường đã làm lại file PSD.
ai có file psd của bải này ko cho mình với ?
Chào ban Demon Warlock! Bạn có video toturial nào làm giống mấy cái tag ở right colum như trang izwebz không, tổ chức rất gọn và đẹp,bạn có thể cho mình cái demo không? cám ơn Demon, rất hay và dí dỏm
thanks bài viết của a nha!
Thân,
Cám ơn bạn đã hướng dẫn tut PSD to web.Tuy nhiên Liêm xem trên Gôgle chrome và firefox thì tốt còn trenIE thì bị xáo trộn cảhình và primary lẩn footer.Xin hướng dẫn lổi ở đâu Thanks
chào anh!
Ngoài phần series tutorial Từ PSD sang HTML thì anh còn có series tutorial được xây ựng trước đó phải không anh?
Nếu có series tutorial đó thì anh có thể gữi cho em được không?
Vì em mới học thiết kế web nên chưa thành thạo trong thao tác ở photoshop.
Em xin cảm ơn anh!
Khi xây dựng trang web bằng photoshop xong thì Cho em hỏi cách truy vấn Img và những đoạn text từ Mysql ra web cuả mình như thế nào.Anh có bài mẫu hay video cụ thể send cho em.Cám ơn
anh oi cho em xin pham mem ma anh thiet ke trong bai chuyen pds sang html va css do .thank you anh nhiu
anh ơi cách dạy của anh là chi tiết nhất trong tất cả những video trên izweb.
thankyou very much ….
Cho mình hỏi là tạo code HTML mình sử dụng phần mềm gì vậy???(Thông cảm nếu câu hỏi có ngớ ngẩn nhé)
xin lỗi, mình thấy trong comment là dùng totalvalidator rồi
rất cảm ơn vì những video….
rất nhiều bạn ah.hình như anh DW cũng đã post rồi textarea,dreamwere,phpdesigned,editplut…rất nhiều
Cám ơn vì anh đã chia sẻ những gì mọi người đều thắc mắt.
Em muốn hỏi một câu.
Em không làm được. lúc anh cắt hình. Bấm ctrl + click sau đó chỉ vào layer và bấm ctrl + c và Ctrl +N em làm không được
Mong anh chỉ dùm em.
Tại em thấy cách cắt đó hay và nhanh nữa.
cám ơn anh
Bạn nhấn Ctrl + click vào layer thumbnail (Cái hình nhỏ nhỏ bên cạnh tên của layer ý). Sau đó mới Ctrl + C và Ctrl + N.
Cám ơn anh DW, video rất hay.
Cho mình hỏi,khi cắt nguyên cái logo xong…mà muốn ẩn hết :logo,chữ YOUR COMPANY ,Your slogan here….để lấy cái phông nền đen thì làm sao dzi……?_?
Bạn tắt con mắt ở layer muốn ẩn đi nhé!
Cho mình hỏi,khi cắt nguyên cái logo xong…mà muốn ẩn hết :logo,chữ YOUR COMPANY ,Your slogan here….để lấy cái phông nền đen thì làm sao dzi.
cảm ơn anh rất nhiều , bài viết bỏ ích lắm
Anh ơi cho em hỏi cái phần mềm soát lỗi HTML mà anh nói trong bài xuất từ file PSD sang HTML là gì ạh?
Anh ơi cho em hỏi phần mềm gì soát lỗi HTML mà trong bài từ file PSD xuất sang HTML anh nói đó? hi…hi em nghe không rõ
Để kiểm soát lỗi html bạn dùng totalvalidator hoặc html validator , nó là plugin trong firefox đó bạn!