Sử dụng module liên kết

Một phần của tài liệu Giáo trình Thiết kế Web với Dotnetnuke 5.X (Trang 88 - 93)

Module liên kết hiển thị danh sách của những đường siêu liên kết để đến được bất cứ trang nào, hình ảnh hoặc tập tin trên website bạn; hoặc là một tập tin, hình ảnh hoặc một trang nào đó ở website 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 liên kết mới cho trang của bạn.

Các bước để thêm một đường liên kết mới

Module của bạn tạo ra lúc ban đầu thì không có nội dung. Chỉ hiển thị một

Container trống với TitleAction Buttons.

1. Nhấp vào Add Link (hoặc chọn Add Link từ Module Actions Menu).

Trên trang Edit Links bạn sẽ thấy vài vùng mà bạn cần phải điền vào như kiểm soát Link Type và hộp lựa chọn trên các module khác.

2. Đặt con trỏ chuột vào vùng Title và nhập vào đó một nhóm từ ngắn cho đoạn văn bản liên kết của bạn. Giá trị của nó là sẽ hiện ra những đường liên kết thực.

3. Chọn Link Type cho đường liên kết của bạn và hoàn thành những thông tin thích hợp. Bạn có thể chỉ định rõ đường liên kết đến website, trang nào đó hoặc là một tập tin ở trên website bạn (như là hình ảnh và tài liệu PDF).

4. Chọn từ những lựa chọn sẳn có cho đường liên kết.

Nếu như bạn chọn Tracking, bạn sẽ kiểm tra được đường liên kết đó được click vào bao nhiêu lần. Nếu như bạn chọn Logging bạn có thể đoán được ai là người click vào đuờng liên kết đo (nếu như người truy cập có đăng nhập vào). Và bạn chọn New

Window, đường link của bạn sẽ làm cho một cửa sổ trình duyệt được mở ra cho

đường link đó.

6. Chỉ rõ phần mô tả cho đường liên kết của bạn. Phần mô tả sẽ

7. Bao gồm cả phần View Order cho phần sắp xếp các đường liên kết của bạn. Theo mặc định, chúng sẽ được sắp xếp như lúc mà bạn tạo ra chúng.

8. Khi bạn đã làm xong, phải chắc rằng là bạn đã nhấp vào Update ở giữa trang để lưu lại những thay đổi của bạn. Bạn phải update module như thế nào để người truy cập vào website bạn sẽ nhìn thấy.

Nhưng đó chỉ là mặc định ở bên ngoài cho module liên kết… thật ra nó chỉ là một đường siêu liên kết trên tiêu đề văn bản. Đó sẽ có vài hộp lựa chọn sẵn có.

Module liên kết có một vài Display Option là cái mà bạn có thể thay đổi vẻ ngoài của nó. Để minh họa rõ hơn thì những thiếtlập sẽ thay đổi module của bạn sẽ xuất hiện, đây là ví dụ dùng một module đã được thêm vào một vài đường liên kết phụ.

1. Nhấp vào nút Settings (hoặc chọn Settings từ Module Action Menu).

Or...

2. Trên trang Module Settings, di chuyển xuống Links Settings và nhấp vào nút để mở rông đoạn đó ra. Nó sẽ chị bạn những hộp lựa chọn sẵn có của module liên kết (những lựa chọn trong những phần khác của trang là những lựa chọn của module thông thường).

3. Chọn Dropdown như là Control Type và sau đó nhấp vào Update ở giữa trang. Đây là thay đổi đường liên kết của bạn từ qua việc lựa chọn từ hộp rơi xuống và nút go (như minh họa bên dưới).

4. Chọn Horizontal như là List Display Format ( đây chỉ là một hiệu úng cho module của bạn khi Control TypeList vì thế nó cũng thay đổi) và sau đó nhấp vào

Update ở giữa trang. Đây là sự thay đổi đường liên kết để cho nó hiển thị ngang (như

minh họa bên dưới).

5. Chọn Yes cho phần Display Info Link và sau đó nhấp vào Update ở giữa trang. Đây là sự thay đổi cách hiển thị của phần mô tả của bạn.

Phần mô tả bình thường hiển thị như là một “chú giải công cụ”. Một chú giải công cụ được hiển thi khi con chuột trỏ vào đường liên kết.

[Display Link Info = No]

Sự mô tả được hiển thị như là một sự lựa chọn với nhiều đường liên kết… làcái mà (khi nhấp vào) thì nó hiển thị sự mô tả ở trên trang.

(adsbygoogle = window.adsbygoogle || []).push({});

Một phần của tài liệu Giáo trình Thiết kế Web với Dotnetnuke 5.X (Trang 88 - 93)