Hướng dẫn chỉnh sửa mẫu trang web.

Hệ thống chỉnh sửa mẫu bao gồm 6 thẻ (tab). Như sau

1. Nền trang web

Bao gồm 2 phần. Hình và màu nền và âm thanh nền.

1.1. Hình và màu nền

Click vào "Chọn Hình Ảnh" để chọn hình ảnh từ trong máy tính của bạn. Hệ thống sẽ hiện ra hộp thoại chọn ảnh trên máy tính của bạn như sau.

Nhấn đúp chuột vào ảnh cần chọn hoặc click chọn ảnh rồi nhấn nút "Open" sau đó chờ vài giây hệ thống sẽ tải ảnh từ máy tính của bạn lên trang web và thiết lập ảnh đó làm ảnh nền cho mẫu trang web của bạn. Bạn sẽ thấy hình nền của mẫu trang web của bạn thay đôi ngay lập tức như VD sau.

Hình nền mặc định sẽ được lặp lại theo chiều ngang và chiều dọc. Bạn có thể thay đổi cách lặp lại bằng cách chọn hộp thoại "Lặp lại hình nền". Gồm có các tùy chọn sau.

1. Lặp lại theo 2 hướng: Hình nền sẽ được lặp lại theo cả 2 chiều ngang và dọc.
2. Lặp lại theo chiều ngang (trục x): Hình nền sẽ được lặp lại theo chỉ theo chiều ngang
3. Lặp lại theo chiều dọc (trục y): Hình nền sẽ được lặp lại chỉ theo chiều dọc
4. Không lặp lại: Hình nền sẽ không được lặp lại.
5. Không sử dụng hình nền: Hình nền sẽ không được sử dụng. Tùy chọn này cho bạn tạm thời không sử dụng hình nền và có thể sẽ sử dụng lần sau.
   

Vị trí xuất hiện của hình nền theo mặc định sẽ nằm ở góc trên bên trái. Tuy nhiên bạn có thể thay đổi vị trí bằng cách chọn hộp thoại "Vị trí hình nền". Gồm có các tùy chọn sau.

1. Bên trái: Hình nền sẽ xuất hiện ở phía trên bên trái.
2. Bên phải: Hình nền sẽ xuất hiện ở phía trên bên phải.
3. Chính giữa: Hình nền sẽ xuất hiện ở phía trên chính giữa.
4. Phía trên: Hình nền sẽ xuất hiện ở phía trên.
5. Phía dưới: Hình nền sẽ xuất hiện ở phía dưới.

Màu nền:

Click vào ô màu nền sẽ xuất hiện bảng chọn màu như sau.

Bạn click vào màu phù hợp với ý thích của bạn. Ngoài ra bạn có thể nhập trực tiếp mã màu vào hộp mã màu. (Lưu ý: Nếu bạn đã có hình nền thì có thể màu nền sẽ không hiển thị được. Vì độ ưu tiên của hình nền cao hơn)

1.2. Hình và màu nền trong nội dung

Click vào "Chọn Hình Ảnh" để chọn hình ảnh từ trong máy tính của bạn. Hệ thống sẽ hiện ra hộp thoại chọn ảnh trên máy tính của bạn như sau.

Nhấn đúp chuột vào ảnh cần chọn hoặc click chọn ảnh rồi nhấn nút "Open" sau đó chờ vài giây hệ thống sẽ tải ảnh từ máy tính của bạn lên trang web và thiết lập ảnh đó làm ảnh nền trong nội dung cho mẫu trang web của bạn. Bạn sẽ thấy hình nền trong nội dung của mẫu trang web của bạn thay đôi ngay lập tức như VD sau.

Hình nền trong nội dung mặc định sẽ được lặp lại theo chiều ngang và chiều dọc. Bạn có thể thay đổi cách lặp lại bằng cách chọn hộp thoại "Lặp lại hình nền trong nội dung". Gồm có các tùy chọn sau.

1. Lặp lại theo 2 hướng: Hình nền trong nội dung sẽ được lặp lại theo cả 2 chiều ngang và dọc.
2. Lặp lại theo chiều ngang (trục x): Hình nền trong nội dung sẽ được lặp lại theo chỉ theo chiều ngang
3. Lặp lại theo chiều dọc (trục y): Hình nền trong nội dung sẽ được lặp lại chỉ theo chiều dọc
4. Không lặp lại: Hình nền trong nội dung sẽ không được lặp lại.
5. Không sử dụng hình nền trong nội dung: Hình nền trong nội dung sẽ không được sử dụng. Tùy chọn này cho bạn tạm thời không sử dụng hình nền trong nội dung và có thể sẽ sử dụng lần sau.
   

Vị trí xuất hiện của hình nền trong nội dung theo mặc định sẽ nằm ở góc trên bên trái. Tuy nhiên bạn có thể thay đổi vị trí bằng cách chọn hộp thoại "Vị trí hình nền trong nội dung". Gồm có các tùy chọn sau.

1. Bên trái: Hình nền trong nội dung sẽ xuất hiện ở phía trên bên trái.
2. Bên phải: Hình nền trong nội dung sẽ xuất hiện ở phía trên bên phải.
3. Chính giữa: Hình nền trong nội dung sẽ xuất hiện ở phía trên chính giữa.
4. Phía trên: Hình nền trong nội dung sẽ xuất hiện ở phía trên.
5. Phía dưới: Hình nền trong nội dung sẽ xuất hiện ở phía dưới.

Màu nền trong nội dung:

Click vào ô màu nền trong nội dung sẽ xuất hiện bảng chọn màu như sau.

Bạn click vào màu phù hợp với ý thích của bạn. Ngoài ra bạn có thể nhập trực tiếp mã màu vào hộp mã màu. (Lưu ý: Nếu bạn đã có hình nền trong nội dung thì có thể màu nền trong nội dung sẽ không hiển thị được. Vì độ ưu tiên của hình nền trong nội dung cao hơn)

1.3. Hình và màu nền banner

Click vào "Chọn Hình Ảnh" để chọn hình ảnh từ trong máy tính của bạn. Hệ thống sẽ hiện ra hộp thoại chọn ảnh trên máy tính của bạn như sau.

Nhấn đúp chuột vào ảnh cần chọn hoặc click chọn ảnh rồi nhấn nút "Open" sau đó chờ vài giây hệ thống sẽ tải ảnh từ máy tính của bạn lên trang web và thiết lập ảnh đó làm ảnh nền banner cho mẫu trang web của bạn. Bạn sẽ thấy hình nền banner của mẫu trang web của bạn thay đôi ngay lập tức như VD sau.

Hình nền banner mặc định sẽ được lặp lại theo chiều ngang và chiều dọc. Bạn có thể thay đổi cách lặp lại bằng cách chọn hộp thoại "Lặp lại hình nền banner". Gồm có các tùy chọn sau.

1. Lặp lại theo 2 hướng: Hình nền banner sẽ được lặp lại theo cả 2 chiều ngang và dọc.
2. Lặp lại theo chiều ngang (trục x): Hình nền banner sẽ được lặp lại theo chỉ theo chiều ngang
3. Lặp lại theo chiều dọc (trục y): Hình nền banner sẽ được lặp lại chỉ theo chiều dọc
4. Không lặp lại: Hình nền banner sẽ không được lặp lại.
5. Không sử dụng hình nền banner: Hình nền banner sẽ không được sử dụng. Tùy chọn này cho bạn tạm thời không sử dụng hình nền banner và có thể sẽ sử dụng lần sau.
   

Vị trí xuất hiện của hình nền banner theo mặc định sẽ nằm ở góc trên bên trái. Tuy nhiên bạn có thể thay đổi vị trí bằng cách chọn hộp thoại "Vị trí hình nền banner". Gồm có các tùy chọn sau.

1. Bên trái: Hình nền banner sẽ xuất hiện ở phía trên bên trái.
2. Bên phải: Hình nền banner sẽ xuất hiện ở phía trên bên phải.
3. Chính giữa: Hình nền banner sẽ xuất hiện ở phía trên chính giữa.
4. Phía trên: Hình nền banner sẽ xuất hiện ở phía trên.
5. Phía dưới: Hình nền banner sẽ xuất hiện ở phía dưới.

Để tạo banner động. Bạn có thể sử dụng file flash (.swf) để làm banner cho trang web của bạn. Tuy nhiên khi đó chức năng lặp lại hình nền và vị trí hình nền sẽ không còn hoạt động. Banner flash của bạn sẽ lấp đầy vị trí banner của trang web.

Màu nền banner:

Click vào ô màu nền banner sẽ xuất hiện bảng chọn màu như sau.

Bạn click vào màu phù hợp với ý thích của bạn. Ngoài ra bạn có thể nhập trực tiếp mã màu vào hộp mã màu. (Lưu ý: Nếu bạn đã có hình nền banner thì có thể màu nền banner sẽ không hiển thị được. Vì độ ưu tiên của hình nền banner cao hơn)

1.4. Âm thanh nền

Nhấn vào liên kết "Âm thanh nền" như hình sau. Để chọn âm thanh nền cho trang web của bạn.

Sau đó click vào "Chọn Tập Tin" để chọn tập tin âm thanh như hình sau.

Click vào "Chọn Tập tin" để chọn File âm thanh trong máy tính của bạn. Hệ thống sẽ hiện ra hộp thoại chọn file âm thanh trên máy tính của bạn như sau.

Nhấn đúp chuột vào file nhạc cần chọn hoặc click chọn file nhạc rồi nhấn nút "Open" sau đó chờ vài giây hệ thống sẽ tải file nhạc từ máy tính của bạn lên trang web và thiết lập file nhạc đó làm nhạc nền cho trang web của bạn.

Lưu ý: Sử dụng nhạc nền cho trang web có thể làm phiền người sử dụng trang web của bạn. Do đó ngoại trừ trường hợp đặc biệt. Bạn không nên sử dụng nhạc nền cho trang web của bạn.

2. Nâng cao

Bạn có thể chỉnh sửa trực tiếp mẫu web của bạn 1 cách trực quan. Bằng cách click vào từng mục trên mẫu của bạn và sử dụng thanh công cụ bên dưới để chỉnh sửa. Giống như chỉnh sửa trong chương trình soạn thảo văn bản. Ngoài ra bạn có thể nhập chữ trực tiếp vào trong mẫu trang web của bạn. Những đoạn văn trong dâu ngoặc {...} Là những thành phần của trang web của bạn. Bạn không nên xóa các đoạn text này.

VD:

{PageContent}: Là phần hiển thị nội dung của trang web của bạn.

{PageMenu}: Là menu trang nội dung của trang web của bạn.

Bạn click vào đây để xem chi tiết tất cả các thành phần của trang web. Bạn cũng có thêm vào theo yêu cầu của bạn.

3. Mã HTML

Bạn có thể chỉnh sửa mẫu trang web bằng cách sử dụng mã HTML. Chỉnh sửa bằng mã HTML dành cho các thành viên có kiến thức về HTML (HTML là ngôn ngữ đánh dấu dùng để hiển thị nội dung lên trang web). Những đoạn văn trong dâu ngoặc {...} Là những thành phần của trang web của bạn. Bạn không nên xóa các đoạn text này.

VD:

{PageContent}: Là phần hiển thị nội dung của trang web của bạn.

{PageMenu}: Là menu trang nội dung của trang web của bạn.

Bạn click vào đây để xem chi tiết tất cả các thành phần của trang web. Bạn cũng có thêm vào theo yêu cầu của bạn.

Bạn click vào đây để học thêm về HTML.

Sau khi chỉnh sửa mã HTML xong bạn có thể nhấn vào nút lưu lại. Để thấy hiệu quả.

4. Quản lý file

Mục quản lý file hiển thị tất cả các file của mẫu bạn đã chọn. Bạn có thể thay đổi mọi file ở trong mẫu. Bạn cũng có thể tải thêm file lên, hoặc tạo thư mục riêng để lưu trữ các file của bạn. Trong 1 mẫu trang web thường có 2 thư mục là:

1. images: Dùng để chứa tất cả hình ảnh cho mẫu này.
   1. Trong thư mục image thường có 1 file là banner.png. Là banner trong trang web của bạn. Bạn có thể thay thế file này để thay thế banner trong trang web của bạn.
   2. Ngoài ra còn có 1 file la box.png. Là file giao diện cho hộp.
2. css: Dùng để chứa các file css. Là các file dùng để định dạng giao diện cho mẫu theo chuẩn w3c. Các file trong thư mục này thường tuân theo tiêu chuẩn sau
   1. style.css: Thường là file css chính cho mẫu giao diện
   2. menu.css: Là file css cho menu trang và menu phân loại.
   3. product.css: Là file giao diện cho phần sản phẩm.
   4. article.css: Là file giao diện cho phần bài viết/tin tức.
   5. photo.css: Là file giao diện cho phần hình ảnh.
   6. comment.css: Là file giao diện cho phần bình luận.
   7. tab.css: Là file giao diện cho phần thẻ trong mục sản phẩm chi tiết.

Các file html ở ngoài thư mục gốc thường là các file mẫu giao diện theo qui ước như sau.

1. index.html: Là file mẫu giao diện cho toàn bộ các trang.
2. home.html: Là file mẫu giao diện chỉ cho phần trang chủ.
3. product.html: Là file mẫu giao diện chỉ cho phần sản phẩm.
4. product.html: Là file mẫu giao diện chỉ cho phần sản phẩm.

5. Xem trước

Xem trước là mục để bạn xem trước những chỉnh sửa của bạn sẽ hiển thị trên trang web của bạn như thế nào để bạn có thể quyết định có sử dụng mẫu vừa chỉnh sửa làm mẫu cho trang web của bạn hay không.

6. Tùy chọn

Phục hồi lại trạng thái ban đầu cho trang này: Là phục hồi lại trang mẫu đang sửa về trạng thái ban đầu. Tuy nhiên các file hình ảnh liên quan, hoặc file css sẽ không được phục hồi.

Phục hồi lại trạng thái ban đầu cho mẫu này: Là phục hồi toàn bộ các file của mẫu đang sửa về trang thái ban đầu. Tất cả những việc làm của bạn trên mẫu này như các chỉnh sửa, các file upload, ... đều bị mất hết. Phục hồi lại về trạng thái ban đầu giống như khi bạn vừa mới chọn mẫu này.

7. Các mẫu đã chọn.

Nễu bạn chọn nhiều hơn 1 mẫu cho trang web của bạn thì sẽ có thêm 1 thẻ là các mẫu đã chọn để bạn có thể dễ dàng chỉnh sửa cho từng mẫu đã chọn. Nếu bạn muốn mẫu nào sử dụng cho trang web của bạn thì bạn chỉ cần chọn "Sửa mẫu này". Sau đó nhấn nút "Áp dụng cho trang web" ở phía trên để sử dụng mẫu đó cho trang web của bạn.