Daotientu2801

Hệ thống quản trị doanh nghiệp
Chương 1: Website giới thiệu doanh nghiệp + CMS gói Basic (*) Các điểm nhấn cần lưu ý: +> 1 trang web giới thiêu doanh nghiệp luôn cần có 1 layout gồm các thành phần giao diện đặc trưng, bao gồm: 1 container chứa header, canvas (content), footer,...

+> Các layout được viết bằng thẻ

có thể tùy biến bằng css

- Ví dụ 1 bộ css + div (layout) có dạng như sau:
~> CSS naming convention: Fluid layout, one column http://www.mobilefish.com/images/tutorials/div_example_layout_1_css.gif

==|Phần container gồm: header, content, footer.
====|Phần header gồm: header-logo, header-main, toolbar.
======|Phần header-main gồm: header-main-body.
======|Phần toolbar gồm: toolbar-body.
====|Phần content gồm: breadcrumb, content-info, content-main.
======|Phần breadcrumb gồm: breadcrumb-selected.
======|Phần content-info gồm: content-info-title, content-info-body.
======|Phần content-main gồm: content-main-title, content-main-body.
====|Phần footer gồm: footer-title, footer-body.

~> CSS naming convention: Fluid layout, two columns http://www.mobilefish.com/images/tutorials/div_example_layout_2_css.gif

==|Phần container gồm: header, nav, content, footer.
====|Phần header gồm: header-logo, header-main, toolbar.
======|Phần header-main gồm: header-main-body.
======|Phần toolbar gồm: toolbar-body.
====|Phần nav gồm: nav-main, nav-ads.
======|Phần nav-main: nav-main-title, nav-main-body.
======|Phần nav-ads: nav-ads-title, nav-ads-body.
====|Phần content gồm: breadcrumb, content-info, content-main.
======|Phần breadcrumb gồm: breadcrumb-selected.
======|Phần content-info gồm: content-info-title, content-info-body.
======|Phần content-main gồm: content-main-title, content-main-body.
====|Phần footer gồm: footer-title, footer-body.

~> CSS naming convention: Fluid layout, three columns http://www.mobilefish.com/images/tutorials/div_example_layout_3_css.gif

==|Phần container gồm: header, canvas, footer.
====|Phần header gồm: header-logo, header-main, toolbar.
======|Phần header-main gồm: header-main-body.
======|Phần toolbar gồm: toolbar-body.
====|Phần canvas gồm: nav, content, sidebar.
======|Phần nav gồm: nav-main, nav,ads.
========|Phần nav-main gồm: nav-main-title, nav-main-body.
========|Phần nav-ads gồm: nav-ads-title, nav-ads-body.
======|Phần content gồm: breadcrumb, content-info, content-main.
========|Phần breadcrumb gồm: breadcrumb-selected.
========|Phần content-info gồm: content-info-title, content-info-body.
========|Phần content-main gồm: content-main-title, content-main-body.
======|Phần sidebar gồm: sidebar-main.
========|Phần sidebar-main gồm: sidebar-main-title, sidebar-main-body.
====|Phần footer gồm: footer-title, footer-body.