Sử dụng trang web chủ đề bán hàng đã tạo trong " thiết kế thanh điều hướng và tạo các trang (chưa có dữ liệu): Sản phẩm, Tin tức, Sự kiện, Chính sách, Liên hệ. Thực hiện các thao tác trên trang như: thay đổi vị trí hiển thị, nhân bản, ẩn, xoá, đổi tên để thiết kế thanh điều hướng theo mẫu như Hình 7.

1. Tạo các trang và thiết kế thanh điều hướng

Nháy chọn thẻ Page, đưa con trỏ đến biểu tượng  chọn New page. Xuất hiện hộp thoại New page (Hình 8), nhập tên trang cần tạo là “Sản phẩm” và chọn Done.

Sau khi tạo xong trang Sản phẩm, trang này sẽ được hiển thị lên thanh điều hướng (Hình 9).

Như vậy, khi tạo mới một trang bất kì, trang đó sẽ tự động hiển thị lên thanh điều hướng.

Tương tự, tạo các trang Liên hệ, Chính sách, Sự kiện, Tin tức để đạt kết quả như Hình 10.

2. Thay đổi vị trí hiển thị, nhân bản, ẩn/hiển thị, xoá và đổi tên các trang.

Thay đổi vị trí hiển thị trang: Để thay đổi thứ tự vị trí của trang Tin tức, em kéo thả trang Tin tức đến vị trí mới (Hình 11). Thực hiện di chuyển tương tự với các trang còn lại để được kết quả như Hình 7.

Nhân bản trang: Nháy chọn biểu tượng  nằm bên phải trang cần nhân bản (ví dụ trang Tin tức), chọn Duplicate page. Tại hộp thoại Duplicate, nhập tên trang là “Điều khoản” và chọn “Done” (Hình 12).

Ẩn/hiển thị trang: Nháy chọn biểu tượng  nằm bên phải trang cần ẩn (trang Điều khoản), chọ Hide from navigation, trang sẽ được ẩn (Hình 13). Để hiển thị trang đã ẩn, em nháy chọn biểu tượng nằm bên phải trang đã ẩn và chọn Show in navigation.

Xoá trang: Nháy chọn biểu tượng nằm bên phải trang cần xoá (trang Điều khoản), chọn Delete, trang sẽ được xoá (Hình 14).

Đổi tên trang: Để đổi tên trang Home thành Trang chủ, nháy chọn biểu tượng % nằm bên phải trang Home và chọn Properties. Trong mục Name của hộp thoại Properties, nhập vào tên mới “Trang chủ” và chọn Done (Hình 15).

Cuối cùng, em được kết quả thanh điều hướng như Hình 16