A. Chọn hiệu ứng cho Banner

09 Tháng Sáu 201412:47 SA(Xem: 18562)
A. Chọn hiệu ứng cho Banner
510Vote
417Vote
32Vote
22Vote
10Vote
4.131
blank (Xem file PDF)

HƯỚNG DẪN TẠO HIỆU ỨNG HIỂN THỊ CHO BANNER


Sau khi tạo một banner đơn giản cho website! (bài hướng dẫn tại http://cms.vnvn.com/p102a106/02-tao-banner-website


Mời bạn tiếp tục theo dõi hướng dẫn lựa chọn các kiểu hiệu ứng chuyển đổi cho banner website của mình.

Kiểu hiển thị của banner được quy định tại “ Vị Trí Quảng Cáo” mà Banner được add vào. Trong bài hướng dẫn này chúng ta sẽ cùng tìm hiểu các kiểu hiệu ứng chuyển đổi hình ảnh được hỗ trợ trong website CMS 3.0.

Trình tự thực hiện: 


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 hiệu ứng banner

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 => “ Hội Nhập”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner
blank
Bước 3. Tạo vị trí quảng cáo mới.

Chọn mục “Nội Dung” => “Banner Quảng Cáo”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 Chọn “Vị Trí Quảng Cáo”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Thêm vị trí quảng cáo mới!

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner


Bước 4: Thiết lập thông tin và kiểu hiệu ứng cho vị trí quảng cáo.

(Xem thêm tại: http://cms.vnvn.com/p102a106/02-tao-banner-website)

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

*Tìm hiểu các kiểu hiệu ứng hiển thị được hỗ trợ:

Xin được liệt kê và hướng dẫn cài đặt từng kiểu hiệu ứng để bạn dễ dàng lựa chọn kiểu hiệu ứng phù hợp cho banner/ quảng cáo của mình.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

  • 1. Kiểu hiển thị: quảng cáo theo chiều dọc và quảng cáo theo chiều ngang.

Đây là 2 kiểu hiển thị đơn giản nhất. Hình ảnh tĩnh và hiển thị theo chiều ngang hoặc dọc tùy thiết kế Banner/ quảng cáo.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

  • 2. Kiểu hiển thị “Băng rôn theo chiều ngang/dọc”.


Kiểu hiển thị này cho phép sử dụng trên 2 hình ảnh (2 banner), các hình ảnh chuyển động và lần lượt thay thế nhau theo chiều dọc hoặc ngang, tại một vị trí hiển thị.

Cài đặt hiệu ứng di chuyển cho Banner: đối với các kiểu hiển thị cho phép sử dụng từ 2 ảnh trở lên làm banner quảng cáo, chúng ta cần cài đặt tốc độ hiệu ứng hiển thị cho chúng.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Kiểu hiệu ứng gồm:
 Cuộn liên tục (các banner trong cùng vị trí di chuyển liên tục) và cuộn theo mục (ngắt quãng thời gian hiển thị của từng banner trong một vị trí quảng cáo).


Thời gian chuyển đổi và tốc độ hiệu ứng: quyết định tốc độ chuyển đổi hình ảnh trên banner.

Tạm dừng khi đưa chuột vào: Chọn bật nếu muốn đưa chuột vào banner tạm ngừng chuyển động.

Sau khi tùy chọn các hiệu ứng => Lưu để hoàn tất tao vị trí quảng cáo.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Ảnh minh họa cho kiểu hiển thị băng rôn theo chiều dọc (hoặc chiều ngang).

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

  • 3. Kiểu Hiển Thị Ngẫu Nhiên.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

Đây là kiểu hiểu thị chứa nhiều kiểu hiệu ứng di chuyển hình ảnh, hình ảnh sẽ chuyển đổi không theo một kiểu cố định mà sẽ di chuyển lần lượt theo tất cả các kiểu hiệu ứng như: mờ dần, cuộn qua trái, cuộn qua phải, cuộn lên trên, cuộn xuống dưới … Tốc độ thay đổi kiểu hiệu ứng và tốc độ di chuyển của các ảnh sẽ được quy định tại khung “Hiệu ứng”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

  • 4. Hiển thị duy nhất một quảng cáo ngẫu nhiên.

Kiểu hiển thị này cho phép lấy bất kỳ một trong các hình ảnh tại cùng một vị trí quảng cáo để làm banner, mỗi lần truy cập (hoặc nhấn F5 khi đang sử dụng website) thì banner sẽ thay đổi, banner không chuyển đổi tự động như các kiểu hiển thị bên trên.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

  • 5. Hiệu ứng chuyển đổi:


Kiểu hiệu ứng chuyển đổi bao gồm rất nhiều các kiểu chuyển đổi  hình ảnh nâng cao hơn. Hình ảnh banner thay đổi tổng hợp ngẫu nhiên các hiệu ứng được chọn. 

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Các hình ảnh trong cùng một vị trí quảng cáo sẽ tự động chuyển đổi ngẫu nhiên theo các kiểu hiệu ứng khác nhau ngoài layout website.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

  • 6. Kiểu hiển thị “Bảng quảng cáo”.

Kiểu hiển thị bảng quảng cáo chia Banner ra thành dạng bảng. Có thể tùy chọn số dòng, số cột và kiểu hiệu ứng thay đổi hình ảnh cho Banner.


Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 Ảnh minh họa kiểu hiển bảng quảng cáo hiển thị ngoài layout:

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

Bước 5:  Tạo nội dung banner/quảng cáo .

 

Sau khi lựa chọn kiểu hiển thị cho vị trí quảng cáo, bạn cần tạo nội dung (tức tải ảnh làm banner) ==> sau đó add chúng vào cùng một vị trí quảng cáo.

 

Chọn Banner/ Quảng Cáo => Chọn tạo mới.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Đặt tên “Banner” và chọn “Vị trí Quảng Cáo”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

Tải ảnh làm banner (xem thêm hướng dẫn tạo banner wesbite : http://cms.vnvn.com/p102a106/02-tao-banner-website)

 

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Bước 6: Đưa vị trí quảng cáo vào bố cục website.


Chọn “Bố Cục”=> “ Thêm vị trí quảng cáo”=> “Chọn vị trí quảng cáo chứa Banner”.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

==>  Vị trí quảng cáo chứ banner được thêm vào bố cục => di chuyển banner đến vị trí thích hợp.

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

Bên ngoài layout lúc này sẽ hiển thị banner theo kiểu hiệu ứng đã được tùy chọn tại vị trí quảng cáo!

Hổ trợ quản trị thiết kế website vnvn cms 3.0 hiệu ứng banner

 

Chúc bạn thực hiện thành công!

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
)