04. Chia Bố Cục website

09 Tháng Sáu 201412:47 SA(Xem: 7438)
04. Chia Bố Cục website
530Vote
446Vote
30Vote
25Vote
12Vote
4.283
blank (Xem file PDF)

HƯỚNG DẪN CHIA BỐ CỤC CHO WEBSITE


Chia bố cục là tạo giao diện hiển thị cho một trang, một bài biết hay toàn bộ website!

Để có một website hấp dẫn và thuận tiện cho người sử dụng! Việc chia bố cục website rất quan trọng!

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Sau đây là các bước hướng dẫn chia bố cục cho website!

Bước 1: Hội nhập trang quản trị.

Thêm cụm từ “/siteadmin” vào sau địa chỉ website tin tức VNVN cms 3.0 để hội nhập trang quản trị ==> Nhập tên truy cập ==> Nhập mật mã đã ghi danh ==> “Hội Nhập”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bước 2: Hội Nhập Trang Tổng Quan

Nhập tên truy cập => Nhập mật mã đã ghi danh => nhấp chuột chuyển biểu tượng “ổ khóa” sang màu xanh => “Hội Nhập”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bước 3: Tạo bố cục mới.

Sau khi hội nhập trang tổng quan chọn mục “Bố Cục”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Chọn “Tạo Mới” để tạo một bố cục mới hoàn toàn.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Đặt tên cho bố cục => Chọn Lưu

Vd : Tạo Bố Cục Trang Nhà Cho Website.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Một trang Bố Cục chưa được chia chỉ gồm một khung chứa nội dung các bài viết!

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bước 4: Tiến hành chia bố cục cho website mới.

Việc chi bố cục Chính là tạo các dòng, cột, vùng chứa vị trí banner, bài viết, khung tìm kiếm, quảng cáo v.v....

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bước 5: Chia dòng cho Bố Cục.

Phân chia bố cục thành các dòng, một bố cục đơn giản nhất sẽ có ít nhất là 4 dòng (banner, top menu, Content, copyright).

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Chọn trực tiếp vào nút chia dòng => các dòng mới tạo sẽ lần lượt chuyển xuống dưới vị trí khung Content, vì vậy sau khi tạo các dòng mới, phải di chuyển khung content đến vị trí thích hợp.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bước 6: Chia cột cho Bố Cục!

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Di chuyển mục “Content” vào vị trí giữa trang.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bước 7. Xóa một vùng chứa.

Sổ ô công cụ => Chọn “Xóa” vùng chọn.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 chia bố cục website

Bạn có thể chia bố cục thành nhiều khung chứa khác nhau cho website của mình. 

Mời bạn theo dõi hướng dẫn kế tiếp để thêm nội dung quảng cáo và thành phần hiển thị cho bố cục !

Mời bạn theo dõi hướng dẫn quản trị website VNVN CMS 3.0 http://cms.vnvn.com/p102/huong-dan
Gửi ý kiến của bạn
Tên của bạn
Email của bạn