Từ PSD sang HTML (phần 3/5)
- September 9, 2009
- 50 comments
Đây là phần thứ 3 trong series chuyển file PSD sang HTML. Trong phần thứ hai, chúng ta đã xây dựng xong code HTML cho giao diện. Trong phần 3 này chúng ta sẽ sử dụng CSS để định dạng cho giao diện. Phần này rất dài, 52 phút OMG! cũng khá là nhàm chán nữa. Nhưng nó cũng rất quan trọng. Tôi cũng mất khá nhiều thời gian cho phần này, do vậy hy vọng các bạn thích tutorial này.
Thời lượng: 52:00
Link Download định dạng .avi chất lượng cao: MegaUpload
MediaFire: Phần 1, Phần 2
File Size: 175MB
Những phần khác: Phần 1, Phần 2, Phần 4, Phần 5
. đại loại là bạn echo ra 1 cái j đó nhưng trước đó đã...
Anh DW nhiệt tình quá, ốm mà vẫn cố làm nốt video đến tận phút thư 52. hjx mặc dù hình như từ năm 2009 nhưng h em mới biết web nên comment ủng hộ ạnh Thanks anh!
Serri clip cua anh rat hay va bo ich. thank anh rat nhieu. nhung anh cho em hoi cai phan mem soa thao html cua anh ten gi vay? cho em xin dc khong?
dang cho tin tu anh
chao` anh dw. em mới tạo được 1 trang web có 3 cột không hiểu sao em dung css sửa layout khi xong xem lại thi có 1 cột ngoài cùng bên fai? bi rời khoi lay out dính vao` canh man hình fai? anh co thể giúp em cách sửa dược không? thanks anh nhièu.
Tuyệt vời!! thanks bờ rồ nhiều, rất có ích cho new mem như em….
Thanks anh rat nhiu!!!!! izwebz rat hay! Chuc anh nhieu suc khoe!
anh dw ơi anh có thể cho em file style.css được không anh và file image nữa.
cảm ơn anh rất nhiều video của anh rất hay và rất bổ ích. chúc anh khỏe mạnh thành công và chia sẻ thêm cho anh em designer nhiều kinh nghiệm hơn.
hu hu …….phần 3 down không được bác có link mediafire không :
giúp mình với +_+
anh oi ! Cho em hoi cai soft ma anh cai de auto gen code html & css la gi vay a. em thay anh go : beginhtml, resetcss la no tu dong gen ra.em da cai deverlopver toolbar roi ma khong duoc.
Cam on anh !
Cảm ơn bác,Bác giảng dậy thật dễ hiểu.Em đã vỡ được nhiều điều.
Anh DW và các bạn yêu web có thế giúp em code html và css cho phần khoanh tròn đỏ này được ko? em đang gặp khó khăn trong phần này. thanks so much !
link hình: http://ww2.sinaimg.cn/large/693e99a2jw1dgomtzak7tj.jpg
Anh DW và các bạn yêu web có thế giúp em code html và css cho phần khoanh tròn đỏ này được ko? em đang gặp khó khăn trong phần này. thanks so much !
Bạn DC Rama sử dụng addon Ruler down tại link :https://addons.mozilla.org/vi/firefox/tag/ruler sẽ đo chính xác được px của 1 đối tượng.
chào bạn DW mình đang học web và thấy trang này rất hay nhưng hình như bạn code thiếu 1 xíu trong hướng dẫn này thì phải.đó là sau thẻ div header đến content phải thêm
Anh DW ơi, em không down được phần 3 và 4. Nó báo lỗi. Chắc là link có vấn đề. Anh xem lại giúp em nhé.
Hi anh DW!
Em đang học phần convert psd sang html/css,loạt tuts của anh rất dễ hiểu,em đã làm được phần này.Tuy nhiên có một số chỗ em thắc mắc mà search trên google không tìm được:
1.Em dùng photoshop và cả fireworks để xác định các giá trị padding,margin…Nhưng em không hiểu làm sao xác định chính xác padding của mỗi thành phần là bao nhiêu.Cụ thể phần div#logo p#login{…}…làm sao để đo chính xác giá trị padding như anh làm?
2.Theo em thấy thì trong ảnh photoshop,mình không biết đường viền (border) của các box ở chỗ nào thì làm cách nào để đo được padding và margin?
3.Nếu chúng ta ước lượng các giá trị padding và margin với kích thước sai lêch vài px thì có chấp nhận được không?
————
Em biết anh rất bận nên đã có tìm kiếm và hỏi một số diễn đàn,nhưng câu trả lời của các anh chị không nhất quán,người thì bảo cố gắng đo,người bảo có thể ước lượng..mà em lại không biết cách đo chính xác…em rối trí quá…nên chỉ còn cách hỏi anh thôi.
Xin cảm ơn anh vì trang web tuyệt vời này.Chúc anh khỏe và nhiều thành công!
bạn có thể bật cây thước lên trong photoshop lên kéo thanh thước ra 2 đầu vị trí bạn muốn đo sau đó mở cửa sô info lên vào window chọn info sau đó bạn có thể đo bằng cách vẻ 1 đường từ điểm đầu tới điểm bạn muốn đo và xem nó dài bao nhiêu bên cửa sô info nhé. chúc bạn thành công