Phát triển portal dotnetnuke 5.x

ó thể đánh giá thêm thông tin nếu họ có đăng ký và sau đó họ đăng nhập. Nếu người truy cập website không đánh giá được các module riêng, thì đơn giản là họ sẽ không nhìn thấy được trang đó. Trang này danh cho những người truy cập ẩn danh: Và nó sẽ như thế này sau khi họ đăng nhập vào… chú ý rằng Module đầu tiên dường như "không xuất hiện" và một vài module mới có "xuất hiện". Đó là do việc thực hiện Module Permission. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 62 Các bước thực hiện việc thiết lập Module Permissions Chúng ta vừa sử dụng trang hình ảnh ở ví dụ trên. Các quản trị viên (đó là bạn) thấy được những điều hiển thị trên tất cả Module (vì thế bạn có thể thấy và thay đổi các thiết lập của bạn). 1. Click biểu tượng thiết lập Module hoặc chọn thiết lập từ menu Module Action để thấy thông điệp “ registration required”(chúng ta làm module viewable chỉ dành cho những người không đăng nhập). Nó nằm ở cửa sổ đầu trang. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 63 Check vào chấp nhận cho người sử dụng không xác định thấy module. Không check bất kì nhóm nào khác (chú ý quản trị viên luôn luôn được View Module permission). Click vào Update ở giữa trang để lưu lại những sự thay đổi của bạn. 2. Bây giờ nhấp vào biểu tượng thiết lập Module hoặc chọn thiết lập từ menu Module Actions cho mỗi một module (chúng ta làm Module viewable này là chỉ dành cho những người sử dụng có đăng nhập vào). Bạn cần làm điều này cho mội một module trên trang của bạn nếu bạn chỉ muốn cho những người sử dụng có đăng ký dùng. Check vào Registered Users cho phép View Module . Không check vào bất cứ nhóm khác. Click vào Update ở giữa trang để lưu lại những thay đổi của bạn. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 64 Những thông tin thêm Additional Information: Có bốn cách khác nhau để đưa ra đánh giá về Module trên website của bạn. Ai là người có thể thấy được mỗi một module? (1) Administrators: chỉ có người sử dụng này mới có quyền quản lý website của bạn, có thể thấy được các module ( người đó là bạn)! Đây là một thiết lập nên dùng cho module khi mà bạn thiết lập một quá trình nhưng không muốn bất cứ ai có thể nhìn thấy cho đến khi bạn hoàn thành. Bạn có thể dùng chức năng Page Editor Only của Visibility selector khi bạn thêm module mới và giữ riêng chúng cho đến khi bạn đã sẵn sàng Khi mà một Module chỉ hiển thị cho quản trị viên của website thấy nó sẽ viền đỏ để báo hiệu cho bạn. Bạn sẽ không quên cách này để không có ai có thể nhìn thấy ngoại trừ bạn. (2) Unauthenticated Users: tất cả những người truy cập đều có thể thấy module ẩn của bạn. “Không xác thực” có nghĩa là những người sử dụng này không đăng nhập và có thể họ cũng không đăng ký như là người sử dụng website của bạn. Đánh giá đó là điều mang tính công chúng nên bạn muốn bất kỳ ai cũng có thể thấy được. (3) Registered Users: người sử dụng này đã điền vào mẫu đăng ký trên website của bạn và bây giờ họ có tên sử dụng và mật mã và họ đăng nhập vào. (3) Registered Users: Users that have filled out a Registration form on your website and now have a User Name and Password and have already logged in. 4) Nhóm người sử dụng tùy thích: đó là những người đăng ký sử dụng mà bạn đặt họ trong một nhóm đặc biệt hoặc tạo cho họ môt "vai trò" (thí dụ”gia đình” hoặc “khách hàng”). IV. Tạo Portal con Để tạo một portal con bạn cần phải đăng nhập với tài khoản host, sau đó bạn thực hiện theo các bước sau: Bước 1: vào menu: Host
Portal Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 65 Bước 2: Cửa sổ sau sẽ xuất hiện, nhấn chuột vào nút Thêm Portal Mới để bổ sung một cổng thông tin mới. Lưu ý là với cách làm này bạn có thể bổ sung một portal cha hoặc portal con. Bước 3: Từ cửa sổ hiện ra, điền các thông tin về cổng thông tin con cần tạo. Ví dụ thông tin từ hình dưới đây sẽ tạo cổng thông tin con trên Portal skhcndaklak.gov.vn với tên TrungTamTinHoc. Sử dụng tài khoản đăng nhập để quản trị là ttth_admin: Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 66 Bước 4: Nhấn nút Tạo Portal để thực hiện việc portal con. Nếu thao tác thành công bạn sẽ thấy một portal con mới được tạo ra. Lần sau, để quản lý portal con này bạn cần đăng nhập với username là ttth_admin vừa tạo ở trên. Việt thiết kế trang web hoàn toàn giống với việc thiết kế trên Portal chính. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 67 BÀI 3: QUẢN TRỊ WEBSITE I. Thay đổi skin website Skin are fun! “Skin” là phương thức dùng để mô tả cách hiển thị và cách bố trí các trang trên website của bạn. Và bạn có thể thay đổi chúng với một vài nhấp chuột đơn giản! Một Skin có thể rất đơn giản hoặc phức tạp. Nó có thể cung cấp Menu nằm dọc hay nằm ngang, cung cấp những dạng khác nhau của Container ( như skin cho Module), cung cấp các cách bố trí khác nhau, v..v.. Đó là tùy theo sự thu thập skin của người thiết kế. Ở đây có ví dụ về vài Skin bao gồm cả DotNetNuke. Nhiều skin có thể dùng nhiều nguồn khác nhau (cả miễn phí lẫn bán). Skin của website có thể được thiết kế tùy thích. Các bước thay đổi mặc định của skin Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 68 Skin mặc định của website bạn được quản lý ở trên trang chỉ bị ảnh hường bởi quản trị viên. Thiết lập này cung cấp cho bạn toàn bộ website và tất cả các trang mà bạn tạo ra. 1. Chọn Skins từ menu Admin Trên trang Skins, bạn thấy được một vùng và chọn cả hai Skin và Container cho website của bạn. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 69 2. Chọn trong tập sưu tập Skin để xem từ hộp danh sách rơi xuống ở đầu trang. Check vào hộp Host và Site để cho biết là bạn muốn thấy skin options được cung cấp bởi máy chủ (cho mỗi người) và chỉ phụ thuộc vào site của bạn. Những chọn lựa đó sẽ xuất hiện trong hộp danh sách rơi xuống. Khi bạn chọn một, thì tang sẽ làm mới lại để hiển thị bộ sưu tập của Skins và Container. 3. Ở giữa trang bạn có thể nhận dạng skin bạn chon được áp dụng cho public Portal của bạn hoặc chỉ ở phẩn Admin của website. Check hộp Portal và Admin để cho biết là bạn muốn áp dụng skin mà ban chọn cho cả 2 dạng trang (đây là mặc định). 4. Chọn Skin mà bạn thích như là một mặc định cho trang web của bạn và nhấp Apply. Nếu Skin bao gồm hình ảnh, nó tạo ra hình nhỏ cái mà bạn có thể nhấp vào để thấy hình lớn hơn. Bạn có thê nhấp vào Preview cái mà sẽ bật lên cửa sổ hiện ra trang chủ của website với Skin vừa mới áp dụng (bạn phải chắc là đã đóng cửa sổ khi bạn đã xem trước xong). Website của bạn bây giờ đã thay đổi Skin mặc định (như minh họa bên dưới). Bạn cũng có thể thiết đặc mặc định Container khiến cho skin của bạn đẹp hơn (chú ý container xanh vẫn là mặc định như bên dưới). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 70 Các bước để thay đổi container mặc định Quản lý Container trên trang web của bạn cũng giống như trên Skin. Tương tự như skin, các thiết lập của bạn được áp dụng trên toàn bộ website và tới tất cả các Module mới mà bạn tạo. Nó có thể định rõ các container khác nhau trên các module cá nhân (nếu bạn muốn). Chúng ta sẽ lập lại bước 1,2 &3 như ở trên và sau đó chỉ mặc định của Container. 1. Chọn Skins từ menu Admin. 2. Chọn bộ sưu tập Skin hoặc Container muốn xem từ hộp danh sách rơi xuống ở đầu trang. Thường thì bộ sưu tập skin sẽ bao gồm các mẫu mà bạn muốn chọn. 3. Ở giữa trang bạn được chỉ rõ là Container mà bạn chọn nên áp dụng vào puclic Portal của bạn hoặc chỉ là phần Admin trên website của bạn. 4. Chọn Container là mặc định cho trang web của bạn và nhấp vào Apply. Nếu Container có hình ảnh, nó đuợc tạo từ hình nhỏ là cái mà có thể nhấp vào để cho ra hình lớn. Bạn có thể nhấp vào Preview là cái nó sẽ bật lên cửa sổ hiển ra trang chủ của website với skin đã được áp dụng (phải chắc là bạn đã đóng cửa sổ window khi bạn đã xem trước xong). Website của bạn bây giờ sẽ thay đổi Container mặc định (như minh họa ở bên dưới). Bạn đã thay đổi xong cả Skin và container, bề ngoài trang web của bạn đã làm xong! Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 71 Các bước thay đổi skin/container cho trang đơn Có thể chỉ rõ sự khác nhau của Skin và Container mặc định cho một trang cá nhân của website bạn. Bạn phải chú ý răng nếu bạn thay đổi skin hoặc container tại trang đó, thì những thiết lập sẽ không có tác động khi bạn thay đổi mặc định. Khi bạn thay đổi mặc định của Container cho một trang đơn, container đuợc áp dụng bởi mặc định của bất cứ Module nào được thêm vào ở trang đó. 1. Thông qua trang mà bạn muốn thay đổi Skin hoặc mặc định của Container. 2. Chọn Setting từ Page Fuctions của Control Panel. 3. Trên trang Page Management, mở rộng ra là nhóm các thiết lập nâng cao khi nhấp vào biểu tượng . Cuốn tới phần thiết lập Page Skin và Page Container ở phần Appearance. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 72 4. Nút Host và Site cho biết là bạn muốn nhìn thấy skin options được kiếm bởi host (cho mọi người) hay là phụ thuộc vào site của bạn. Khi bạn chọn một, trang sẽ làm mới lại để hiển thị bộ sưu tập của Skins và Containers. Chọn Skin hoăc Container mặc định mà bạn thích rồi áp dụng vào trang. Nút Preview làm việc như là nó ở trên trang Skin, cung cấp của sổ bật lên với trang chủ của website bạn với sự lựa chọn áp dụng. 5. Khi bạn đã làm xong những bước trên, di chuyển vào giữa trang rồi nhấp vào Update để lưu lại những thay đổi của bạn! II. Thay đổi logo của website bạn Trước khi bắt đầu, điều quan trọng là chúng ta phải hiểu Logo của bạn được hiển thị như là một chức năng Skin của website bạn. Nếu skin không hỗ trợ hiển thị cho logo, thì sau khi bạn thay đổi nó cũng sẽ không có hiệu quả! Nhưng hầu hết các mặc định của skin đều đến với DotNetNuke® (và nhiều thứ được tạo bởi cái khác) để thực hiện điều đó. Đây là một ví dụ của Skin với phần Logo được làm nổi bật. Đây là ví dụ của Skin không có hiển thị Logo. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 73 Các bước thực hiện việc thay đổi logo của bạn Logo là một thuộc tính của Site Settings, chỉ có quản trị viên mới có thể tới được nó trên website của bạn. 1. Chọn Site Settings từ menu Admin. 2. Trên trang Site Settings, di chuyển xuống phần Appearance và tìm phần thiết lập Logo. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 74 3. Nếu như bạn đã tải tập tin Logo của bạn lên, đơn giản là chọn danh mục (vị trí tập tin) có nội dung của logo bạn từ hộp danh sách rơi xuống. Trang sẽ tự động làm mới lại trong khi File Name sẽ rơi xuống từ danh sách các tập tin của bạn, sau đó chọn tên tập tin. Nếu như bạn cần tải lên một file mới, bạn có thể nhấp vào Upload New File và sau đó chon file nằm ở trên máy vi tính của bạn để tải lên. Phải chắc rằng vị trí tập tin chỉ định để tải tập tin lên (Root là mặc định), nhấp vào Browse ở trên file trong máy vi tính của bạn và sau đó nhấp vào Upload Sesected File để di chuyển chúng từ máy vi tính bạn lên website ban. 4. Nhấp vào Update ở giữa trang để lưu lại những thay đổi của bạn! Logo mới của bạn bây giờ sẽ thay thế logo cũ. III. Quản lý người sử dụng website của bạn Ai là Users trên website của bạn? Thuật ngữ “User” được áp dụng cho bất kỳ người nào truy cập vào website của ban. Nhưng dó chỉ là hai dạng cơ bản để chỉ những người vào truy cập website của bạn. Dạng người đầu tiên là người chỉ nhìn lướt xung quanh và không bao giờ đăng ký hoặc ít nhất là chưa bao giờ nhập vào hệ thống, những người đó gọi là người sử dụng không xác thực. Người sử dụng không xác thực là ẩn danh. Dạng người thứ hai là người có đăng nhập vào. Để đăng nhập vào thì họ phải đăng ký từ trước và vì thế họ được đề cập tới như là những người sử dụng có đăng ký. Để nhận ra những người sử dụng có đăng ký đó là họ được biết và đuợc bạn cho sự chấp Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 75 thuận đặc biệt để xem hoặc thay đổi cái gì đó mà người sử dụng khác không thể làm được. Đó không phải là sự đòi hỏi của website bạn yêu cầu người sử dụng phải đăng ký… đó là mộtlựa chọn mà bạn có thể chọn. Có thể bạn muốn có một website có nội dung dành cho tất cả những người truy cập vào. Nhưng bất kể điều gì thì phải có ít nhất một người sử dụng đăng ký vào website bạn…bạn(quản trị viên)! Các bước thực hiện chọn dạng website đăng ký Đầu tiên bạn muốn chọn dạng đăng ký mà bạn muốn sử dụng trên website của bạn. Quan trọng là cách lựa chọn, nhưng bạn không nên thay đổi chúng khi làm lần đầu tiên. 1. Chọn Site Settings từ menu Admin 2. Trên trang Site Settings. Di chuyển xuống phần Advanced settings và tìm phần thiết lập User Registration. 3. Chọn một trong những hộp option bằng cách nhấp vào nút thích hợp . • None: Registration là không có hộp lựa chọn sẳn có chỗ người truy cập. Nút Login vẫn hiển thị cho quản trị viên có thể đăng nhập vào; tuy nhiên Nút registration Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 76 vẫn được giấu đi. Phần thiết lập thích hợp cho chổ đó nó không bao gồm bất cứ nội dung . • Private: Những người truy cập cung cấp cho website đánh giá. Đánh giá của tất cả người sử dụng được giới hạn đến những người sử dụng ẩn danh cho đến khi bạn dứt khoát cho phép họ. Phần thiết lập thích hợp cho chỗ đó yêu cầu phải có sự chấp thuận của những đề nghị Registration ( thí dụ website gia đình cá nhân chỉ mời những người bạn và những người họ hàng vào mà thôi). • Public: Registration tự động (và ngay lập tức) cho phép mà không cần có sự xác nhận hợp lệ nào. Phần thiết lập thích hợp cho chỗ đó đơn giản là muốn giữ cách đối xử mà không cần đòi hỏi bao gồm cả những thông tin hợp lệ. • Verified: Registration tạo ra mã xác minh bao gồm cả emai “welcome” gửi đến địa chỉ mà người sử dụng cung cấp. Có sự công nhận như vậy khi mà người sử dụng cung cấp mã xác minh khi họ đăng nhập lần đầu tiên. Quá trình này phải được bảo đảm rằng tất cả những người sử dụng có đăng ký đã cung cấp đúng địa chỉ email. 4. Nhấp vào Update ở giữa trang để lưu lại những thay đổi của bạn! Sơ đồ đăng ký của bạn bây giờ đã có hiệu lực. Các bước để quản lý người sử dụng Một khi bạn đã có người sử dụng, thì bạn có thể thêm, cập nhật, hoặc xóa họ. 1. Chọn User Accounts từ menu Admin. Từ trang User Account bạn có thể tìm thấy người sử dụng đang dùng bằng cách tra cứu Username hoặc địa chỉ email hoặc bạn có thể lập danh sách người sử dụng theo alpha. Danh sách này nhanh chóng đưa cho bạn thông tin người sử dụng bao gồm cả những người có hoặc không cho phép. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 77 2. Nhấp vào biểu tượng cây bút chì kế bên Username để mở trang Edit User Account của người sử dụng. Từ trang này có một số chức năng chọn lựa quản lý mà ban có thể áp dụng. Cho phép người sử dụng bằng cách check vào authorized (hoặc UN-authorize bằng cáck không check vào hộp . Gọi lại nếu bạn thiết lập sơ đồ đăng ký cá nhân, các bước cho phép được làm bằng tay đòi hỏi hoặc không khi người sử dụng bạn đăng nhập vào! Require (hoặc có thể lựa chọn) ở vùng thông tin cho người User Registration. Nếu các hộp đều được check thì vùng này sẽ đòi hỏi khi người sử dụng đăng ký trên website bạn. Nếu các hộp đều không check thì vùng này sẽ được coi như là có thể lựa chọn. Xác lập lại mật mã cho người sử dụng khi họ nhập vào bằng mật mã mới và xác định lại chúng bằng cách nhập lại lần nữa. 3. Nhấp vào Update ở giữa trang để lưu lại những thay đổi của bạn! Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 78 IV. Tải tập tin lên website của bạn Website của bạn được làm duy nhất bởi nội dung để người truy cập vào có thể tìm chúng ở đó. Bạn có thêm những dạng nội dung khác nhau thông qua các loại module ( thí dụ những thông báo, đoạn văn bản, thông tin bao hàm, v..v.). Nhưng tại một vài điểm bạn sẽ muốn tải những tập tin của bạn lên đó như hình ảnh, banner, form yêu cầu, chứng từ kinh doanh,v..v. Bất cứ lúc nào bạn cũng cần phải chỉ rõ tập tin(như là khi bạn thay đổi logo) bạn sẽ nhìn thấy phần điều khiển nhỏ cho bạn tải tập tin lên. Đó là phần điểu khiển bằng tay, nhưng nó đòi hỏi những công cụ mạnh để quản lý tập tin và thư mục gọi là tập tin quản lý. Các bước thực hiện tải tập tin lên với phần File Manager File manager cung cấp toàn bộ để bạn quản lý các tập tin và thư mục. Bạn có thể dùng nó để tải một tập tin mới lên website của bạn. 1. Chọn File Manager từ menu Admin. Nó sẽ mở ra trang File Manager. 2. Tạo một Folder để tải tập tin của bạn lên. Các Folder sẽ giúp bạn tổ chức lại khi bạn có quá nhiều tập tin. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 79 Nhấp vào Folder hiện tại là nơi mà bạn muốn thư mục mới của bạn được tạo (thí dụ “Portal Root”). Đưa con trỏ vào mục nhập của Folder mới và nhấp vào nút Add Folder . 3. Chọn Folder mà bạn muốn tại tập tin lên và sau đó nhấp vào nút Upload File . Nó sẽ dẫn bạn đến trang khác mà nó sẽ chỉ rõ cho bạn một hoặc nhiều tập tin muốn tải lên. Bạn có thể chú ý thư mục của bạn chọn trước như là mục tiêu để bạn tải lên. Bạn có thể thay đổi thư mục mục tiêu bằng cách chọn cái khác từ hộp danh sách rơi xuống. 4. Nhấp vào nút Browse và chọn tập tin cần tải lên ở trong máy vi tính của bạn. Sau đó nhấp vào nút Add và lưu lại chúng trong danh sách ( nên nhớ bạn có thể tải lên nhiều file). Khi bạn đã chọn tất cả các tập tin, nhấp vào Upload New File đề di chuyển tập tin lên website của bạn. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 80 BÀI 4: SỬ DỤNG CÁC MODULE I. Sử dụng module Text/HTML Module Text/HTML là "Swiss Army Knife" của module. Nó cung cấp một trình soạn thảo WYSIWYG để tạo ra một nội dung của chính bạn bằng HTML hoặc là văn bản thuần túy. Giao diện module tương tự như một trình biên tập document phổ biến và rất dễ làm. Dùng những gì mà bạn đã học ở trong phần thêm module vào trang để thêm một Text/HTML mới vào trang của bạn. Các bước để soạn thảo văn bản(đơn giản) Module ban đầu bạn tạo ra không có nội dung. Nó chỉ hiển thị một Container trống, với Title và Action Buttons. 1. Nhấp vào nút Edit Text (hoặc chọn Edit text từ Module Actions Menu). Trên trang Edit Text/HTML bạn sẽ thấy rằng bạn (mặc định) đang sử dụng “Rich Text Editor” trong mẫu thiết kế. Nó sẽ cung cấp cho bạn một ý kiến tốt nhất để khi mà bạn hoàn thành thì nội dung sẽ như thế này.(WYSIWYG = “ What you see is what you get”). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 81 II. Sử dụng module thông báo Module thông báo đưa ra một danh sách các đoạn thông báo đơn giản bao gồm tiêu đề và những hướng dẫn ngắn gọn. Nó rất thuận tiện để những người truy cập website nhận biết được các mục quan tâm khi có liên kết những thông tin thêm vào. Dùng những gì bạn đã học trong thêm module vào trang để thêm module thông báo vào trang của bạn. Các bước để thêm thông báo mới Module của bạn được tạo ra lúc ban đầu thì không có nội dung. Nó chỉ hiển thị một Container trống, với Title và Action Buttons. 1. Nhấp vào Add New Announcement (hoặc chọn Add New Announcement từ Module Actions Menu). Trên trang Edit Announcements bạn sẽ thấy rằng có một vài vùng bạn cần phải điền vào trình văn bản WYSIWYG như lúc sử dụng cho module Text/HTML. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 82 2. Đặt con trỏ chuột vào vùng Title và nhập vào đó một câu lệnh ngắn gọn để tóm tắt thông báo của bạn. Tùy chọn, đánh vào hộp Add Date để nối dữ liệu vào ngày hiện hành tiêu đề thông báo của bạn. 3. Đặt con trỏ chuột vào phần mô tả và dùng những tính năng của trình văn bản WYSIWYG để tạo ra phần nội dung cho thông báo của bạn. 4. Chọn dạng liên kết cho thông báo của bạn và hoàn thành những thông tin thích hợp. Bạn có thể chỉ rõ đường liên kết cho website, trên trang của website bạn hoặc đến một tập tin trên website (như là hinh ảnh hoặc tài liệu PDF). 5. Chọn đường liên kết từ những hộp tùy chọn có sẵn. Nếu như chọn Tracking, bạn sẽ có thể kiểm tra đường liên kết này được click vào bao nhiều lần. Nếu bạn chọn Logging, bạn có thể đoán được ai đã click vào đuờng liên kết này ( Nếu người sử dụng đăng nhập vào hệ thống). Và nếu như 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 đó. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 83 6. Chỉ rõ ngày mà thông báo của bạn ngưng không hiển thị nữa. Bạn có thể nhấp vào Calendar để bật lên lịch biểu là nơi mà bạn có thể chọn cái ngày đó. 7. Bao gồm View Order để sắp xếp lại thông báo 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 bảo đảm rằng 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 như thế nào để người truy cập website có thể nhìn thấy. III. Sử dụng module liên kết 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 Title và Action Buttons. 1. Nhấp vào Add Link (hoặc chọn Add Link từ Module Actions Menu). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 84 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ẽ Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 85 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ó. Các bước để hiển thị hộp lựa chọn 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 Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 86 (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 Type là List 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. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 87 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. [Display Link Info = Yes] IV. Sử dụng module tài liệu Module tài liệu hiển thị ra một danh sách các tài liệu, bao gồm cả đường liên kết để người truy cập website duyệt hoặc tải chúng về. Dùng những gì mà bạn được học trong thêm module vào trang để thêm một module tài liệu mới vào trang của bạn. Các bước để thêm module tài liệu Module bạn tạo ra lúc ban đầu thì không có nội dung. Nó chỉ hiển ra một Container trống với Title và nút Action Buttons. 1. Nhấp vào Add New Documet (hoặc chọn Add New Document từ Module Actions Menu). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 88 Trên trang Edit Document bạn sẽ thấy hai vùng mà bạn cần phải điền vào như là phần kiểm soát Link Type và hộp lựa chọn như bạn đã thấy trên nhiều module khác. 2. Đặt con trỏ chuột vào vùng Title và nhập vào đó một ngữ ngắn để làm tên tài liệu của bạn. Ngữ này sẽ được nhìn thấy bởi người truy cập website và nên mô tả nội dung của tập tin. 3. Chọn Link Type cho tài liệu của bạn và hoàn thành những thông tin thích hợp. File Link Type là mặc định và bạn có thể chọn tập tin từ danh sách các thư mục ở trong hộp rơi xuống của File Location. Như một sự lựa chọn, bạn có thể chỉ định tài liệu nằm ở chỗ khác bằng cách chọn URL Link Type và chỉ rõ địa chỉ internet của tập tin. 4. Chọn từ những lựa chọn sẵn có cho đuờ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 đó. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 89 5. Chỉ định Category cho tài liệu của bạn. Phạm trù này đơn giản là cung cấp cho bạn cách nhóm các tài liệu có chủ đề hoặc mục đích tương tự nhau. 6. Khi bạn đã làm xong, phải chắc rằng bạn đã nhấp vào Update ở giữa trang để lưu lại những thay đổi của bạn. Đây là cách update module để làm sao cho người truy cập website thấy được. Các bước để hiệu chỉnh tài liệu Hiệu chỉnh lại các thuộc tính của tài liệu hiện tại được làm như là thêm một tài liệu mới. Chỉ có khác biệt là ở chỗ làm sao bạn đến được những thuộc tính đó. Mỗi tài liệu là một danh sách các mục với nút Edit (cây bút chì) ở kế bên. 1. Nhấp vào nút Edit bên cạnh tài liệu thì bạn có thể thay đổi chúng. 2. Thay đổi các lệnh thiết lập và nhấp vào Update ở giữa trang để lưu lại những thay đổi của ban. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 90 Bạn nên quan tâm tời một vài thông tin mà nó nằm ngay giữa trang Edit Document. URL: Nói cho bạn biết phần URL mở rộng để đến thẳng tài liệu của bạn. Tracking URL: đây là sự khác biệt trong chúng vì số lượng nhấp vào để tăng lên trước khi đến tài liệu (nếu bạn chọn chức năng “track”). Bạn có thể cho URL đến cái khác (ví dụ đặt chúng trong email) nếu bạn thích thì bạn có thể đếm khi bạn truy lục dữ liệu. Clicks: số lần tài liệu của bạn được tài về (hoặc đi thằng từ chổ của bạn hoặc bất kì nơi nào của tracking URL đã sử dụng). Last Click: Ngày và thời gian của lần tải cuối cùng của tài liệu bạn. V. Sử dụng module sự kiện Module sự kiện hiển thị danh sách những sự kiện sắp tới, bao gồm ngày, thời gian và sự mô tả. Sự kiện có thể được thiết lập hoàn trả trong lịch biểu hoặc danh sách định dạng. Dùng những gì bạn đã học trong thêm module vào trang để thêm module sự kiện mới vào trang của bạn. Các bước để thêm sự kiện mới Module của bạn tạo ra lúc ban đầu không có nội dung. Chỉ hiển ra một Container trống với Title và Action Buttons và một lịch biểu trống. 1. Nhấp vào Add New Event nằm ở giữa trang (hoặc chọn Add New Event từ Module Actions Menu). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 91 Trên trang Edit Events bạn sẽ thấy vài vùng mà bạn có thể điền vào như là trình văn bản WYSIWYG dùng cho module Text/HTML (và cái khác), và giống như “File Picker” dùng trong module tài liệu (và cái khác). 2. Đặt con trỏ chuột vào vùng Title và nhập vào đó một ngữ ngắn cho đoạn văn bản sự kiện của bạn. Nó có giá trị là sẽ hiển thị lên lich biểu (hoặc trong list view). 3. Đặt con trỏ chuột vào rich text editor và nhập vào đó mô tả cho sự kiện của bạn. Đoạn mô tả này sẽ được hiển thị ở phía dưới tiêu đề. Bạn có thể dùng bất cứ tính năng nào của trình soạn thảo, như là thêm đường liên kết hoặc đoạn màu và dạng. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 92 4. Chọn Image để dùng trong lịch biểu (hoặc tải lên một sự kiện mới). Nếu bạn muốn dùng hình ảnh, thì bảo đảm rằng nó thích ứng với kích cỡ của nó… hình ảnh sẽ được hiển thị bên trong hộp ngày (trên lịch biểu) hoặc bên cạnh lối vào đó (trong list view). Bạn có thể chọn thêm Aternate Text cho hình ảnh. 6. Chỉ rõ ngày bắt đầu sự kiện. Nếu như sự kiện của bạn nó ở tron ngày, đó là tất cả điều bạn muốn làm. Như là một sự lựa chọn, nếu sự kiện của bạn diễn ra trong ngày hoặc định kì (thí dụ mỗi thứ hai) bạn cũng chỉ định như vậy. Ngày bắt đầu hầu như là sự lựa chọn. 8. 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 của bạn. Đây là việc update module của bạn làm sao cho người truy cập website thấy được. Nhưng đây chỉ mới là mặc định bên ngoài cho module sự kiện. Đó là sẽ hiển thị vài chức năng sẵn có. Các bước để hiển thị lựa chọn Module sự kiện có một vài Display Options là cái giúp bạn thay đổi bề ngoài của nó. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 93 1. Nhấp vào nút Settings (hoặc chọn Settings từ Module Actions Menu). Or... 2. Trên trang Module Settings, di chuyển xuống Events Settings và nhấp vào nút để mở rộng phần đó. Nó sẽ hiện ra cho bạn những lựa chon sẵn có của module sự kiện (những lựa chọn trong phần này của trang là những lựa chọn của module thông thường). 3. Chỉ định rõ Calendar Cell Width và Calendar Cell Height để giữ kích cỡ của lịch biểu của bạn là một hằng số (thay vì đưa nội dung về kích thước ban đầu). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 94 Vì thế lịch biều của bạn nhìn sẽ giống như thế này: 4. Chỉ định rõ Display Format như List (thay vì lịch biểu). Với thiết lập cho calendar cell width& height nó không có hiệu lực và lịch biều của bạn sẽ hiển thị với list view như vậy! Trong list view, có rất nhiều phần mở rộng cho phần mô tả vì thế nếu bạn chó nhiều thông tin bao gồm cả sự kiện của bạn…thì tốt hơn bạn nên sử dụng list view! Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 95 VI. Sử dụng Module Contacts Module Contacts hiển thị danh sách các thông tin liên hệ cho một nhóm người như là một nhóm dự án. Dùng những gì mà bạn đã được học trong thêm module vào trang để thêm một Module Contact mới vào trang của bạn. Các bước để thêm một Module Contact mới Module của bạn được tạo ra lúc ban đầu thì không có nội dung. Nó chỉ hiển rõ là một Container trống với Title và Action Buttons. 1. Nhấp vào Add New Contact (hoặc chọn Add New Contact từ Module Action Menu). Trên trang Edit Contact bạn sẽ thấy có một vài vùng thông tin cần phải hoàn thành. Chỉ yêu cầu vùng Name, các chỗ khác là được lựa chọn. 2. Đặt con trỏ chuột vào vùng Name và nhập vào tên liên hệ trước và họ. Nhập thông tin cho những vùng còn lại. 3. 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. Đây là cách update để làm sao người truy cập vào website của bạn thấy được. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 96 VII. Sử dụng module Gallery 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 và 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. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 97 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. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 98 Đặ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 Add File từ menu album. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 99 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ì . Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 100 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. 1. Chọn Add File từ menu album Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 101 2. Đặt con trỏ chuột vào vùng Name và Title 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. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 102 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. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 103 - 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 Previous và Next (ở 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). Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 104 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. Gallery hiển thị tỷ lệ trung bình của cuộc bầu chọn cho hình ảnh đó. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 105 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. VIII. Sử dụng module diễn đàn (Forum) Module diễn đàn cung cấp công cụ cho nhóm người để họ tạo ra và quản lý chủ đề thảo luận và trả lời lại. Vì có những chức năng phức tạp, nó đòi hỏi thêm một chút cấu hình hơn là một vài module đơn giản hơn. Dùng những gì đã được học trong thêm module vào trang để thêm một Module Forum mới vào trang của bạn. - Các bước định cấu hình các thiết lập Forum Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 106 Module của bạn tạo ra lúc ban đầu là không có nội dung. Chỉ hiện rõ là một container trống với Title và Action Buttons. Trước khi mà người truy cập website có thể sử dụng Forum mới, thì có một vài thiết lập phải được định cấu hình.. 1. Chọn Configuration từ Module Actions Menu. Trên trang Configuration bạn sẽ thấy rất nhiều điều cần phải được đinh cấu hình trong forum của bạn nhưng chúng ta chấp nhận nhưng thiết lập mặc định của hầu hết những điều đó. Chúng ta sẽ tiếp xúc 2 phần. 2. Nhóm General Settings được mở bởi mặc định. Đặt con trỏ chuột trong vùng Forum Name và nhập vào đó một từ hoặc một ngữ ngắn để đặt tên cho Forum của bạn. Mỗi lần thiết lập forum thì cần duy nhất một tên. Sau đó chọn forum Skin hoặc “theme” và mặc định múi giờ hiển thị ngày và thời gian bài gởi lên. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 107 Khi bạn chọn skin, hầu như không check hộp Enable Per User Skinning. Điều này bảo đảm cho forum của bạn sẽ được mọi người sử dụng đều nhìn thấy giống nhau. 3. Di chuyển xuống nhóm Notification Email và nhấp vào nút mở rộng. Các thiết lập trong nhóm sẽ ảnh hưởng đến email thông báo được gửi từ Forum của bạn. Những thông báo có thể được gửi tới cho những bài gửi mới, trả lời, v…v.. tại phần ưu tiên ưu tiên của người truy cập website. Không check hộp Show Sender Address. Sau đó đặt con trỏ chuột vào trong Automated Address và nhập vào đó “from address” thích hợp để sử dụng gửi nó thông thông báo bằng email. 4. Di chuyển xuống nhóm Post Attachment và nhấp vào nút mở rộng. Các thiết lập ở trong nhóm này sẽ ảnh hưởng đến dạng, kích cỡ và vị trí nơi mà tập tin có thể được tải lên thông qua diễn đàn. Bây giờ chúng ta sẽ làm vô hiệu hóa chức năng của nó. Không check hộp Enable File Attachment. Nó sẽ hạn chế người sử dụng diễn đàn gửi bài kèm theo tập tin đính kèm. 5. Khi bạn làm xong nhấp vào Update ở giữa trang để lưu lại những thay đổi của bạn. Đây là cách update module để làm sao người truy cập website thấy được. Chú ý rằng Forum Title đã được cập nhật và Skin là màu xám. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 108 - Các bước để tạo Goup/Forums Bây giờ ta tạo Groups và Forums cho người truy cập website tham gia vào. 1. Chọn Manager Forum từ Module Actions Menu 2. Đặt con trỏ chuột vào trong vùng Add New Group. Đánh tên cho nhóm trong chủ đề của diễn đàn và nhấp vào nút Add. 3. Nhấp vào nút mở rộng bên cạnh Group mới của bạn. Sau đó đặt con trỏ chuột vào trong vùng Forum List và đánh tên cho chủ đề Forum mới. Nhấp vào nút Add để tạo forum mới. 4. Đầu tiên khi forum của bạn đã được thêm vào, nhấp vào nút Forum Home ở giữa Module để quay trở về màn hình chính. Cách bạn update làm sao để người truy cập website có thể thấy được cặp Groups và Forums thêm vào. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 109 - Các bước để giao quyền cho người sử dụng gửi bài lên Forum của bạn Tại phần này, người truy cập website có thể đọc forum của bạn, nhưng họ không được gửi bài lên. Bước cuối cùng yêu cầu, bạn phải cho phép nhóm người sử dụng để họ có thể gửi bài lên. 1. Chọn Settings từ Module Actions Menu. 2. Trên trang Module Settings, di chuyển vào phần Permissions trong nhóm Basic Settings. Check Edit Module để người truy cập có vai trò là gửi bài lên cho Forum của bạn. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 110 3. Khi bạn làm xong, phải chắc rằng là bạn đã nhấp vào Update nằm ở giữa trang để lưu lại những thay đổi của bạn. - Dùng Module diễn đàn Module diễn đàn cung cấp công cụ cho mọi người tạo ra và quản lý chủ đề thảo luận và trả lời lại. Người sử dụng forum có thể thêm dòng mới (cuộc đàm luận) hoặc gửi trả lời những dòng có sẵn của cuộc đàm luận. Bắt đầu bằng việc thông qua trang chứa đựng ví dụ của Forums. + Các bước để đọc Thread Thread chỉ đơn thuần là cuộc đàm luận trong một diễn đàn riêng biệt hoặc là đối tượng. vì thế “read a thread” chỉ là đọc lại bản ghi của cuộc đối thoại trên một chủ đề. 1. Click vào tên Forum (thí dụ “fishing”) để đến với danh sách của Thread (cuộc đàm luận) cho forum. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 111 2. Để nhận Email Notification nơi mà Thread mới (cuộc đàm luận) bắt đầu trong Forum, check hộp trên nền tảng của trang. 3. Click vào Title của Thread để thấy danh sách gửi bài lên ( hoặc lời bình luận). 4. Để nhận được Email Notification nơi mà bài trả lời mới (lời bình luận) được gửi lên trong thread, check hộp nằm ở giữa của Module. 5. Bạn có thể dùng hộp danh sách rơi xuống nằm ở giữa Module để thay đổi cách xem các bài Posts trong Thread. Theo mặc định, tất cà các bải gửi đến Thread được thêm vào liên tục. Chọn Tree View hơn là chọn Flat View để hiện lên những bài gửi cá nhân được thụt lề, thụt vào cả thứ tự của các bài được tạo và gửi để trả lời.’ Theo mặc định, bài gửi mới sẽ được thêm vào giữa Thread. Chon Newest To Oldest để sắp xếp lại những mục mới nhập vào xuất hiện ở đầu trang. 6. Từ hộp rơi xuống nằm ở phía trên Module, chon giá trị để lùi vào tỉ lệ của Thread. Cái này sẽ duyệt Forum khác để tìm kiếm những chủ đề được quan tâm và phổ biến. Xếp hạng của Thread là trung bình của mỗi cuộc bầu chọn, và nó hiển thị danh sách của thread cho Forum. + Các bước để bắt đầu với Thread mới Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 112 Đọc một Thread có thể để lại lời nhắc cho người sử dụng bắt đầu một Thread mới trên một chủ đề khác. Hoặc có thể đến với câu hỏi ở bên trong nó, để tìm kiếm câu trả lời hoặc lời bình luận từ cái khác. 1. Nhấp vào tên Forum (thí dụ “fishing”) để đến trang của diễn đàn. Gọi lại danh sách các trang diễn đàn của tất cả Thread. 2. Nhấp vào New Thread ở bên trên Mmodule. Bạn sẽ chú ý thấy đọan trinh vản bản tương tự như bạn đã thấy trong các module khác. Nhấp vào vùng Subjectvà thêm tiêu đề cho Thread mới. 3. Nếu module Gallery đã được cài đặt, bạn có thể nhấp vào Insert Smiley để đem danh sách sẵn có của “smiling avatars” (hoặc “emoticons”) để thêm vào thông Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 113 điệp của bạn. Đơn giản là chọn một cái và chúng sẽ xuất hiện trong đoạn văn bản tai vị trí hiện tại của con trỏ chuột. 4. Check hộp Notification để nhận được Email Notification khi mà một người nào đó trả lời lại Thread mới của bạn. 5. Check Locked để giữ không cho thêm bất cứ người nào trả lời đến thread. 6. Bảo đảm là đã nhấp vào Update ở giữa Module để lưu lại thay đổi của bạn. + Các bước trả lời bài gửi lên Trả lời bài gửi đến cũng như bắt đầu một Thread mới. Tuy nhiên, từ khi đã hoàn thành xong việc đáp lại tới chủ để khác nó sẽ bắt đầu ngữ cảnh của Thread có sẵn và có một vài lựa chọn thêm vào. 1. Điều hướng Thread có sẵn (bằng cách nhấp vào tên của nó ở trong danh sách diễn đàn). Chú ý có 2 lựa chọn, Trích dẫn và Trả lời lại. Thiết kế web với DotNetNuke 5.x Khoa CNTT - Trường Cao đẳng nghề Đà Lạt Phạm Đình Nam Trang 114 2a. Click vào Reply để đến trang tương tự để bạn thêm vào Thread mới. Lời bình luận của bạn sẽ được thêm vào ở đầu (hoặc giữa, phụ thuộc vào cách sắp xếp ưu tiên của bạn) của danh sách thread. Chú ý bài gửi lên có thêm một lựa chọn đó là …Edit. Bạn có thể sửa bài của bạn sau nếu như bạn quyết định thấy bài gửi lên có những thông tin không đúng và muốn thay đổi chúng. 2b. Như là một sự lựa chọn, bạn có thể trích dẫn. Trích dẫn chính xác là như trả lời lại, ngoại trừ bạn đem chúng ra để làm lại với bài gửi trước đã được để trong đó và viền nó lại bằng những biểu tượng vui (“[QUOTE]") có thể sửa lại đoạn đó để cắt chúng xuống dưới (nếu bạn muốn trích dẫn phẩn nguyên bản của bài gửi lên). Những biểu tượng đó là kết quả của sự đồng nhất của lời trích dẫn của bài gửi mới.