Hướng dẫn cắt web, PSD to HTML, CSS #02 – Special Offers Layout

Chào các bạn, lần trước MyLớp.edu.vn đã có một bài Hướng dẫn tự cắt web, PSD to HTML, CSS #01 – Special Offers Layout để giúp các bạn tự cắt web từ A đến Z. Hôm nay MyLớp.edu.vn lại quay trở lại với chủ đề cắt web, sẽ hướng dẫn các bạn cắt giao diện Special Offers này nhưng không phải tự cắt nữa mà dùng Twitter Bootstrap.

Hướng dẫn cắt web, PSD to HTML, CSS #02 – Special Offers Layout

View Demo   Download Files

Video được chia thành nhiều phần cho tiện theo dõi. Dưới đây là toàn bộ video quá trình hướng dẫn cắt web, PSD to HTML, CSS #02 – Special Offers Layout sử dụng Twitter Bootstrap.

Phần 0: Giới thiệu tổng quan (7:31):

Phần 1: Tạo lưới tổng quát (18:45):

Phần 2: Cắt phần Services (10:03):

Phần 3a. Cắt phần Footer – Cách 1 (27:48):

Phần 3a. Cắt phần Footer – Cách 2 (6:52):

Phần 4: Cắt phần Header (1:05:54):

Phần 5: Cắt phần Main Content:

Phần 6: Cắt phần Sidebar:

(Quá trình quay video và biên tập vẫn đang diễn ra, nên bài viết này sẽ tiếp tục được cập nhật cho tới khi nào hoàn thành quá trình cắt.)

Cheers,

The following two tabs change content below.
Tôi là kỹ sư Cơ khí, kỹ sư CNTT trường ĐH Bách Khoa Hà Nội. Tôi hoạt động trong lĩnh vực CNTT, bao gồm Software Development, Web Design, Web Development, Interactive Multimedia and Mobile App, Mobile Game Development. Tôi rất yêu công nghệ và tôi lập ra trang web này để chia sẻ kiến thức về công nghệ với mọi người.

One thought on “Hướng dẫn cắt web, PSD to HTML, CSS #02 – Special Offers Layout

  1. Làm thêm một video chuyển cái này thành wordpress theme luôn đi bạn, đang tìm hiểu <3

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*
Website