Hướng dẫn chuyển PSD sang HTML dùng Bootstrap

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn chuyển psd sang html bằng cách sử dụng bootstrap. Video này mình làm hơi lâu nên có thể bây giờ bootstrap cập nhật không còn giống trong video ( ở phần tải bootstrap về thôi ). Các bạn xem các phần tương ứng và tải về nha.

Giới thiệu về Bootstrap:

Bootstrap là một thư viện CSS được Twitter phát triển giúp các lập trình viên HTML/CSS giảm thiểu thời gian để làm phần giao diện (tức là chuyển từ psd thành html). Nó cung cấp sẵn cho người lập trình các thành phần giao diện mà người lập trình chỉ cần thêm class tương ứng.

Ý kiến cá nhân của mình khi dùng Bootstrap thì quả thật nó nhanh, hỗ trợ tốt, tài liệu đầy đủ. Tuy nhiên thì bootstrap khá nặng (~200kb) cho bản đầy đủ, nhưng mà mình cũng có thế tùy chỉnh lại và chỉ lấy một phần nào đó mà mình sử dụng, phần nào không sử dụng thì không cần thiết. Trong video mình cũng có nói về phần tùy chỉnh bootstrap và tải về một bản đã custom.

Mời các bạn xem video

Các bạn xem và góp ý cho mình để mình hoàn thiện hơn nhiều nhé. Video này mình thực hiện cho buổi hội thảo về chuyển psd sang html. Mình làm hồi năm 2014.

Link download PSD và Source HTML đây các bạn:
[LOCK]http://www.mediafire.com/download/c2dubexyebeq81b/Exponet.psd
https://drive.google.com/file/d/0B_BdtvnxfNMnNS1CZm4xLW1PRVk/edit[/LOCK]