Hôm nay:

 

Xây dựng bộ khung cho trang Blogspot của mình

Đại Phi 0 nhận xét ,

 - Bài trước chúng ta đã tạo ra một trang Blogspot trắng tinh như quảng cáo bột giặt rồi. Giờ chúng ta đi vào xây dựng bộ khung cho trang nhé.

 - Đối với ai đã am hiểu về HTML và CSS thì đơn giản rồi, còn đây là bài viết cho những bạn newbie và tự học nên mình hướng dẫn theo kiểu nông dân đào tạo nông dân và tiến sĩ ngồi nghe đừng cười nhé.

 - Các bạn chưa cần thắc mắc làm sao để có thể hiển thị danh sách các bài viết hay là thêm các widget như thế nào. Chúng ta sẽ đi từ những cái cơ bản nhất. Trong bài này, mình sẽ làm mẫu với bố cục trang web gồm 1 khung header, 1 main content bên phải và 1 sidebar bên trái nhé!






Vậy chúng ta cần những ID, Class nào cho 1 trang web như thế này? Cứ đơn giản mà nghĩ thôi.

 - Chúng ta sẽ cần 1 Class/Id bao quanh toàn bộ trang web. Ở đây mình lấy là wrapper nhé!

 - Tiếp đến là 1 Class/Id cho phần header. Mình chọn luôn là header cho tiện.

 - Lại tiếp tục chọn 1 Class/Id cho phần main content, mình lấy main-wrapper.

 - Cuối cùng là dành cho sidebar? Thôi thì lấy sidebar-wrapper vậy.

Như vậy là chúng ta đã xác định được những yếu tố cần thiết rồi. Bây giờ chúng ta sẽ tiến hành code thôi nào. Sau 1 hồi gõ code và viết CSS thì ta sẽ được như sau:



Bài học đến đây là kết thúc rồi, vỗ tay khen bạn hướng dẫn đi các con keke

No comments:

Post a Comment