Sử dụng module Gallery

Một phần của tài liệu GIÁO TRÌNH THIẾT KẾ WEB VỚI DOTNETNUKE 5.X ĐẠI CƯƠNG (Trang 97 - 106)

Module Gallery hiển thị các album hình ảnh hoặc các tập tin đa phương tiện. Chức năng này đòi hỏi thêm một chút cấu hình hơn là một vài module đơn giản khác.

Dùng những gì bạn đã được học ở phần thêm module vào trang để thêm một

module gallery mới vào trang của bạn.

Các bước để định cấu hình của Gallery Settings

Module mà lúc ban đầu bạn tạo ra không có nội dung. Nó chỉ hiện rõ là một

Container trống với Title Action Buttons. Trước đó người truy cập vào website có thê sử dụng Gallery mới của bạn, ở đó có vài thiết lập nên phải được định cấu hình.

1. Chọn Configuration từ Module Action Menu.

Trên trang Configuration bạn sẽ thấy rất nhiều thứ mà bạn có thể định cấu hình cho Gallery của bạn nhưng chúng sẽ chấp nhận những thiết lập mặc định cho hầu hết các điều đó. Chúng ta sẽ đề cập đến hai vùng kết hợp với nhau.

Nhóm Admin Settings sẽ được mở bởi mặc định.

2. Chọn Skin hoặc "theme". Bạn có thể quyết định giữ mặc định của theme hoặc dùng một trong những cái được cung cấp. Chấp nhận giá trị cho những lụa chọn khác còn lại trong nhóm.

3. Di chuyển xuống nhóm Display Settings và nhấp vào nút mở rộng. các thiết lập trong nhóm này sẽ tác động như thế nào đến Gallery của bạn khi được nhìn thấy bởi người truy cập website.

Đặt con trỏ chuột vào hộp text box trong Gallery Title. Sau đó đánh vào một từ hoặc một ngữ ngắn sẽ được dùng như một tiêu đề cho gallery của bạn. Các thiết lập mặc định khác nó sẽ đáp ứng hầu hết cho các mục đích.

4. Di chuyển xuống nhóm Feature Settings và nhấp vào nút mở rộng . Các thiết lập của nhóm này sẽ có nét đặc trưng sẵn có ảnh hưởng đến người truy cập website bạn.

Đặt tốc độ cho Slideshow. Cái này ảnh hưởng đến thời gian hiển thị của mỗi hình ảnh khi người truy cập website nhìn thấy hiện hình trượt của những hình ảnh trong

Gallery của bạn. Số lần trình bày là một phần nghìn giây (1000 của 1 giây) vì thế 5000 = 5 giây.

Không check hộp Enable Watermark. Điểm đặc trưng này dễ sử dụng nếu như bạn cần bảo vệ tập tin của bạn khi bị sao chép, nhưng cho gallery thì chúng ta không cần điểm đặc trưng này.

Cũng như vậy, không check hộp Enable Exit. Điểm đặc trưng này cung cấp thông tin vê hình ảnh sẵn có cho một vài người sử dụng, nhưng chúng ta không cần những đặc trưng còn lại cho gallery.

5. Khi bạn đã làm xong, phải chắc rằng đã nhấp vào Update ở giữa trang để lưu lại những thay đổi. Đây là cách update module của bạn làm sao để người truy cập website thấy được.

Chú ý rằng Gallery Title đã được cập nhật và Skin là máu xám.

Các bước để thêm tập tin vào Gallery

Bây giờ ta thêm một vài hình ảnh cho người truy cập website bạn thấy được.

1. Module gallery bộc lộ thêm chức năng thông qua các menu của chúng. Chọn

2. Đặt con trỏ chuột vào vùng Title và nhập vào đó một từ hoặc một ngữ ngắn để nhận biết được tập tin thêm vào. Không yêu cầu phải hoàn thành các vùng khác như

Author, Client, Location và Description (đó là những vùng không yêu cầu).

Dùng nút Browse để chọn tập tin thì bạn phải mô tả vùng văn bản liền trước. Sau đó nhấp vào Add File.

3. Lập lại bước 2 để tính đến vùng thêm vào.

4. Nhấp vào Upload để gửi tập tin đến gallery. Như một sự lựa chọn, bạn có thể nhấp vào nút Delete đề di chuyển tập tin từ danh sách trước.

Khi Gallery đã có file thêm vào trong đó, bạn chú ý chúng vào danh sách nằm ở giữa trang của trang Edit Album như cái bên dưới. Bạn có thể sửa thông tin cho nhưng tập tin này bằng cách nhấp vào biểu tượng cây bút chì .

Khi bạn đã thêm vào tất cả những hình ảnh của bạn, nhấp vào đường link nằm ở đầu trang để quay trở về Album.

Các bước để thêm Album vào Gallery

Nếu Gallery có nhiều tập tin, bạn muốn phân loại chúng thành những Album riêng biệt. Một album cũng có nhiều thư mục. (adsbygoogle = window.adsbygoogle || []).push({});

2. Đặt con trỏ chuột vào vùng NameTitle và nhập vào đó một từ hoặc là một ngữ ngắn để nhận biết album. Không nhất thiết bải hoàn thành các vùng Author, Client, Location và Description (những vùng này không đòi hỏi). Nhấp Update để tạo một album mới của bạn.

3. Album mới của bạn sẽ được ghi vào danh sách với mục khác (tập tin hoặc album) trong album hiện thời. bạn có thể tạo một album bên trong album khác giống như folder ở trong máy tính của bạn. Một album có thể bao gồm tập tin hoặc album khác.

Nhấp vào đường link nằm ở đầu trang để thông qua album chính. Đây là cách để làm sao người truy cập website thấy được Gallery của bạn.

Xem album trong module Gallery

Module Gallery hiển thị các album hình ảnh hoặc là các tập tin đa phương tiện. Nếu có thể, người truy cập website có thể tải về, thực hiện slideshow, bình chọn cho các tập tin được yêu thích và nhiều nữa!

Bắt đầu bằng cách thông qua trang chứa đựng các ví dụ của Gallery.

- Các bước để xem slideshow

Nếu có thể, người truy cập website có thể chọn xem slideshow của tất cả hình ảnh trong album riêng biệt.

Những lựa chọn sẵn có trên Menu sẽ xuất hiện cho người truy cập website khi họ di chuyển con chuột vào hình ảnh hoặc folder. Di chuyển chuột vào bất cứ hình ảnh nào mà chon Slideshow từ menu.

Tùy thuộc các thiết lập module, slideshow có thể hiển thị trong ô cửa bật lên hoặc trong module container. Những hình ảnh tự động làm mới lại.

- Các bước để xem hình ảnh

Người truy cập website hầu như có thể xem những tập tin cá nhân với những lựa chọn nhưng nó không có sẵn khi đó sử dụng lựa chọn của Slideshow.

1. Di chuyển chuột vào bất cứ hình ảnh và click vào chúng (không ở trên menu).

2. Dùng nút PreviousNext (ở cao hơn bên trái) để xem mỗi hình ảnh trong album cá nhân. Hoặc sử dụng nút Edit ( ở cao hơn bên trái) để thay đổi tầm nhìn của hình ảnh (phóng to/nhỏ, xoay trái/phải, lật ngang/dọc,v..v).

Click vào Close khi đã làm xong.

Các bước để bình chọn cho lời bình luận trên hình ảnh

Nếu có thể, người truy cập website hầu như có thể thử bầu chọn cho mức chất lượng hình ảnh và lập ra lời bình luận.

1. Nhấp vào tỷ lệ các ngôi sao ở phía dưới bất cứ hình ảnh nào.

2. Trên trang Ratings Summary bạn có thể xem thông tin hình ảnh đơn giản, xem hình nhỏ và lời bình luận đi liền trước trên hình ảnh. Thử bầu chọn bằng cách nhấp vào Add Vote.

3. Nhấp vào radio để nhận biết Rating của bạn và đặc con trỏ chuột trong vùng bình luận và nhập vào đó lời ghi ngắn gon. Click Update để lưu lại những thay đổi của bạn.

Bây giờ nhấp vào tỷ lệ sao để hiển thị lời bình luận cũng như thông tin hình ảnh.

Một phần của tài liệu GIÁO TRÌNH THIẾT KẾ WEB VỚI DOTNETNUKE 5.X ĐẠI CƯƠNG (Trang 97 - 106)