Demo Chuyển PSD Thành HTML/CSS dùng Bootstrap



https://i.ytimg.com/vi/Oc3KgnzBbPo/hqdefault.jpg



Bản quyền video từ http://hocweb.com.vn
Link download lab: http://www.mediafire.com/?kjr4sk9cahd5rme
Link download file hội thảo: http://www.mediafire.com/?er61cdoghuq8z0y
Link PSD đây các bạn: http://www.mediafire.com/download/c2dubexyebeq81b/Exponet.psd
Link Source HTML hoàn chỉnh: https://drive.google.com/file/d/0B_BdtvnxfNMnNS1CZm4xLW1PRVk/edit
Tài trợ bởi:
http://maytinhgiare.net

Original source


46 responses to “Demo Chuyển PSD Thành HTML/CSS dùng Bootstrap”

  1. ông ơi ai mà lại đi cắt bằng cách crop thế, người ta cắt bằng Slice too. cắt mà để cả đống viền thế lúc vào code thì kích thước nó lệch hết à pro =))

  2. Mới đầu thấy 38 phút cũng nghi nghi, vừa coi vừa đọc comment thì ra copy and paste, nên đổi title thành hướng dẫn lấy hình từ file PSD thì đúng hơn.

  3. bạn ơi, mình làm theo hướng dẫn như trong clip (phần cắt ảnh: logo, banner…) mình dùng paint cắt, khi gắn vào nó ko hiển thi đúng vị trí như của bạn.

    Vậy bắt buộc là phải dùng PS hả bạn? Với lại chữ Home, Protofile, blog…. sao nó dồn qua bên trái hết nhỉ. Nhờ bạn chỉ giáo?

  4. bài này hay quá bác em ms tìm hiểu cái thằng này !bài hướng dẫn của bác hữu ích quá thank bác rât nhiều!có một bài chia sẻ hoàn chỉnh một trang thì tốt quá bác ạ!

  5. cái này mình xem còn băn khoăn một chút về cách đặt tên class, id lắm. và file bootstrap.min.css mình dow về thì nó được hiểu như thế nào trên trang của mình. Rất mong được chỉ giáo.

  6. Trước hết rất cám ơn tut của bạn, thứ 2 mong bạn làm tút nâng cao hơn về cắt theme: như nếu có 1 file thiết kế psd rồi mình muốn chia ra 12 cột để cắt sang bootstrap thì phải làm sao vì đây là phần đầu tiên để cắt theme mà mình chưa biết chia thế nào, và mong được 1 tut làm theme hơi khó hơn tý có Ribbon thì chia thế nào ? Mình đã xem hết video của bạn mà không thấy hướng dẩn chia 12 cột trông psd, nếu có tut về việc đó mong bạn share link vì mình tìm không thấy. nếu bạn cần psd mình yêu cầu để làm demo bạn pm mình qua skype: hieu_songnguyen  . Thanks

  7. chào admin
    Mình có xem bài hướg dẫn của  bạn, nhưng có vài điều ko hiểu và nó xuyên suốt cả bài, dẫn đến cuối cùng ko hiểu
    – Số cột chia được tính sao. Vị dụ design màn hình 1366×768 hoặc loại full màn hình thì số cột ra sao

  8. Chào bạn,
    Mặc định Bootstrap đặt chiều rộng tối đa (max-width) là 1170px. Tuy nhiên chúng ta cũng có thể thay đổi thông số này. Để biết các thực hiện như thế nào, mời bạn xem các bài hướng dẫn HTML/CSS kết hợp Bootstrap tại website Hocweb.
    Thân chào.

Leave a Reply