Từ PSD sang HTML (phần 2/5)
- September 7, 2009
- 49 comments
Đây là phần thứ 2 trong series chuyển file PSD sang HTML. Trong phần thứ nhất, tôi đã hướng dẫn bạn cách cắt hình trong Photoshop và trong phần này, chúng ta sẽ xây dựng code HTML cho giao diện. Phần này hơi chán và buồn tẻ :p, nhưng lại là phần bắt buộc phải làm.
Thời lượng: 35:12
Link Download định dạng .avi chất lượng cao: MegaUpload, MediaFire
File Size: 98.2MB
Những phần khác: Phần 1, Phần 3, Phần 4, Phần 5
Hay lắm anh ạ , hihi
Anh DW ơi!
anh cho em hỏi anh đang dùng phần mềm gì để lập trình HTML và PHP ạ
anh send cho em tên và link của phần mềm đó với nhé
em xem các video của anh và thấy phần mềm đó rất hay anh ạ
em cảm ơn anh nhé!
Email của em là : nguyendinhchinh.vfu@gmail.com
cảm ơn anh DW rất nhiều
a cho e hỏi làm thế nào để nối các file lại với nhau, e làm hoài vẫn không được
anh ơi cho em hỏi làm sao do được pixel của padding , margin ….. trong photoshop sử dụng công cụ gì vậy anh
Công cụ ẩn đằng sau công cụ Eye Dropper. Dùng kèm với Info Pallete nhé.
Cảm ơn bạn rất nhiều
Vừa học web vừa học tiếng anh.
Chào anh,
Cho em hỏi anh 1 câu, em thấy bài tut của anh chạy trên FF, nhưng nếu chạy trên IE thì sao? Nếu được, anh có thể làm một bài tut về các phần khác nhau giữa FF và IE được không? Cảm ơn anh
Anh DW sống ở USA mà bác , môi trường như thế thì phải giỏi tiếng Anh thôi
Chào anh!
Xem những clip của anh em thấy ấn tượng với khả năng Anh ngữ của anh.
Anh có bí quyết nào để học tốt tiếng anh không ạ?
Cảm ơn anh!
hihi,thanks nha bạn,tại mình mới tham gia web nen ko rành,hehe:D
@Huynh Minh Thien
Đã có rất nhiều câu hỏi như bác rồi , hy vọng sau lần này ko còn ai hỏi như vậy nữa
Đọc FAQ đi bác
http://www.izwebz.com/faqs/
Anh ơi,
anh có thể cho em biết chương trình anh sử dụng viết code o trong clip là gì không.
thanks anh nha
Thanks. I love u.
thật tuyệt vời khi có những chỉ dậy như thế này, cám ơn a rất nhiều.
Bạn có thể xem phần FAQ để biết thêm chi tiết http://www.izwebz.com/faqs/
Còn mình nghĩ phần mềm mà tự xuất ra DIV thì làm sao mà đúng ý mình được
Chào anh DW. em đã xem qua bài hướng dẫn trên kia của anh. anh cho em hỏi là.anh soạn thảo = phần mềm gì kia vậy.em thấy phần mềm này có vẻ đơn giản hơn Dreamweaver.theo em được biết.hiện tại người ta còn cut layout web = phần mềm Firewors. phần mềm này còn hỗ trợ xuất ra 2 dạng là Table và DIV luôn.anh có tut nào về phần mềm này thì UP lên cho em tham khảo với.em cũng đang mò cut layout.
Hữu ích!
http://lh4.ggpht.com/_rLTrot4d8NY/S1p3kadoP0I/AAAAAAAAB3I/7bPzmX1p2UA/s512/div_map.png
thêm một cái nữa, sơ đồ div-class trong file trên.
Gọi là update, cho nó nghe có vẻ…. , không gọi là addon cho phần 2
Cảm ơn bạn đã bỏ công làm lại sơ đồ này. Chắc chắn sẽ có người thấy hữu ích.
http://lh5.ggpht.com/_rLTrot4d8NY/S1pq0I3i8mI/AAAAAAAAB3A/nRZdT8zsAzo/div.png
cho mình bổ sung thêm một chút về sơ đồ div, mọi người cùng xem.( cũng không biết có đúng không nữa.
Cám ơn bạn.
không riêng gi bài viết này ma cái trang wweb nay tuyệt vời.xem đến đâu vỡ ra đến đó.có 1 điều em chưa rõ là cái phần mềm anh đang làm là gì…em viết bằng dreamwere thì file css lai mở riêng.còn anh lam em thay no hien luôn bên canh.tư vấn giúp em!
Video thật là bổ ích.Cảm ơn anh rất nhiều
Câu hỏi của bạn rất hay. Lý do có các loại thẻ từ H1 đến H6 là vì khi nội dung được cho vào giữa những cặp thẻ này thì công cụ tìm kiếm nó sẽ đánh giá nó cao hơn. Chính vì vậy những phần như logo, tiêu đề bài viết ngườ ta hay dùng thẻ H1 thay vì dùng thẻ paragraph.
Chào anh, cho mình hỏi, giống như trong đoạn html sau:
Welcome to izwebz.com video tutorial on the net
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor orci et orci semper sit amet commodo lorem volutpat. Aliquam vitae nisi nulla.
mình có thể thay thẻ h1 bằng thẻ p thì có gì khác nhạu đâu
Welcome to izwebz.com video tutorial on the net
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor orci et orci semper sit amet commodo lorem volutpat. Aliquam vitae nisi nulla.
và ta có thể vào trong css làm như sau:
.khac
{
font-size:13px; //gì đó không biết lắm sao cho nó có cở chữ = thẻ h1 thì ok rồi.
}
mình đang làm ở đây, và không biết là nên đặt thẻ hay nếu biết rõ css
Trong phần 1 của series này anh đã bao gồm cả source code và file PSD để mọi người download rồi đó mà.
http://www.izwebz.com/video-tutorials/tu-psd-sang-html/
Em có thể download để sử dụng. Ngoài ra nếu muốn làm web thì em phải biết sử dụng một phần mềm đồ hoạ nào đó mới được
Anh Demon Warlock có thể cho em những cái hình để làm layout của anh không, em không biết photoshop nên không làm đựoc, với lại em muốn làm như anh co biết canh chỉ css trứoc đã. Cám ơn anh
Đó là tôi sử dụng chương trình Texter. Bạn có thể xem về cách download và sử dụng Texter ở đây
http://www.izwebz.com/video-tutorials/cach-su-dung-texter/
bạn cho mình hỏi chút là mình cũng làm như bạn gõ câu beginhtml trong e-textEditor nhưng sao nó ko tự chạy như bạn đã làm hè. Cảm ơn bạn rất, rất nhiều!