›
›

Giáo trình Thiết kế Web với DotNetNuke 5.x - Sở Khoa học và Công nghệ Đăk Lăk

doc 114 trang Hùng Dũng 04/01/2024 400
Download
Bạn đang xem 20 trang mẫu của tài liệu "Giáo trình Thiết kế Web với DotNetNuke 5.x - Sở Khoa học và Công nghệ Đăk Lăk", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • docgiao_trinh_thiet_ke_web_voi_dotnetnuke_5_x_so_khoa_hoc_va_co.doc

Nội dung text: Giáo trình Thiết kế Web với DotNetNuke 5.x - Sở Khoa học và Công nghệ Đăk Lăk

  1. SỞ KHOA HỌC VÀ CÔNG NGHỆ ĐĂKLĂK TRUNG TÂM TIN HỌC & THÔNG TIN KHCN GIÁO TRÌNH THIẾT KẾ WEB VỚI DOTNETNUKE 5.X ĐăkLăk, Tháng 5 năm 2009
  2. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk MỤC LỤC BÀI 1: TỔNG QUAN VỀ DOTNETNUKE 4 I. Giới thiệu về DotNetNuke 4 II. Chuẩn bị môi trường 5 1. Tải hệ thống DotNetNuke 5 2. Cài Internet Information Services (IIS) 5 3. Download và cài đặt .NET Framework 6 4. Cài đặt Microsoft SQL Server 2005 7 III. Cài đặt DotNetNuke 15 1. Giải nén 15 2. Tạo cơ sở dữ liệu cho hệ thống Microsoft SQL Server 2005 15 3. Tạo tài khoản đăng nhập cơ sở dữ liệu trong SQL Sever 2005 16 4. Thiết lập quyền hạn 18 5. Cấu hình IIS (Internet Information Server) 21 6. Cấu hình tập tin “web.config” cho việc cài đặt 24 7. Cài đặt DotNetNuke 25 BÀI 2: THIẾT KẾ TRANG WEB 29 I. Chuẩn bị nội dung đưa lên website 29 1. Biên tập nội dung 29 1.1 Nội dung dạng text 29 1.2 Nội dung dạng hình ảnh 29 2. Thời gian làm việc 29 3. Chỉnh sửa, bỏ thông tin 30 II. Trang và cách tạo trang 30 1. Tổng quan về trang 30 2. Tạo một trang mới (cơ bản) 33 3. Tạo trang mới (nâng cao) 35 4. Xóa trang 37 5. Phục hồi trang bị xóa 40 6. Phân quyền sử dụng trên trang 42 7. Di chuyển trang 44 III. Module 47 1. Tổng quan về module 47 2. Thêm module vào trang 50 3. Di chuyển module 53 4. Xóa module 56 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 2
  3. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 5. Phục hồi module bị xóa 58 6. Phân quyền sử dụng module 61 IV. Tạo Portal con 64 BÀI 3: QUẢN TRỊ WEBSITE 67 I. Thay đổi skin website 67 II. Thay đổi logo của website bạn 72 III. Quản lý người sử dụng website của bạn 74 IV. Tải tập tin lên website của bạn 78 BÀI 4: SỬ DỤNG CÁC MODULE 80 I. Sử dụng module Text/HTML 80 II. Sử dụng module thông báo 81 III. Sử dụng module liên kết 83 IV. Sử dụng module tài liệu 87 V. Sử dụng module sự kiện 90 VI. Sử dụng Module Contacts 95 VII. Sử dụng module Gallery 96 VIII. Sử dụng module diễn đàn (Forum) 105 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 3
  4. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk BÀI 1: TỔNG QUAN VỀ DOTNETNUKE I. Giới thiệu về DotNetNuke DotNetNuke là một hệ thống quản lý nội dung mã nguồn mở viết bằng ngôn ngữ lập trình VB.NET trên nền tảng ASP.NET. Đây là một hệ thống mở, tùy biến dựa trên Skin và Module. DotNetNuke có thể được sử dụng để tạo các trang web cộng đồng một cách dễ dàng và nhanh chóng. DNN được đánh giá là sản phẩm viết bằng VB.NET hay nhất năm 2003 do tạp chí VB magazine bình chọn. Dotnetnuke được xây dựng trên nền công nghệ .NET, hệ quản trị cơ sở dữ liệu có thể là MS SQL server hoặc Oracle. .Net là công nghệ phát triển Web do Microsoft xây dựng, và là công nghệ phát triển các ứng dụng Web thương mại phổ biến nhất hiện nay. Đây là công nghệ mũi nhọn của Microsoft và có nhiều ưu điểm nổi bật. Ngoài ra, việc phát triển Web theo công nghệ này giúp bạn tránh được những rủi ro về nhân lực trong phát triển tiếp theo và chỉnh sửa hệ thống vì lập trình với .NET là rất phổ biến hiện nay. Dưới đấy là một số các tính năng ưu việt của Công nghệ .NET: Một trong những công nghệ mới, đang thịnh hành, rất phát triển và có nhiều ưu điểm. - Quản lý nội dung trực quan: Với ADMIN ACCOUNT, người quản trị có thể chỉnh sửa bất cứ thông tin nào của hệ thống Website từ một kết nối Internet. Công cụ Richtext Editor mới nhất, nhiều tính năng, cho phép người quản trị, biên tập có thể dễ dàng tạo ra các trang thông tin sống động, linh hoạt. - Hệ thống MENU động hoàn chỉnh, tự động cập nhật theo cấu trúc Website, có khả năng thêm bớt, điều chỉnh bất kỳ trang WEB nào. Có thể thay đổi cấu trúc website (Sitemap) ngay trên web. - Quản lý nhiều giao diện: Giao diện độc lập, được phát triển riêng, được cung cấp công cụ quản lý nên hệ thống có thể thay đổi giao diện dễ dàng, và sử dụng đồng thời nhiều giao diện. - Phân quyền chặt chẽ: Phân quyền truy xuất trên từng trang, từng module cho từng nhóm thành viên. Có thể tạo ra nhiều nhóm thành viên khác nhau, mỗi nhóm có mỗi quyền truy xuất riêng. - Quản lý Files/Folder mạnh mẽ: Có công cụ quản lý việc Upload files, Quản lý, phân quyền truy xuất các file, tài nguyên trên hệ thống qua giao diện Web của Portal. - Dung lượng nhỏ gọn, dễ vận hành và cài đặt: Chỉ cần khoảng 50MB đĩa cứng là đã có thể chạy được Portal này cho một doanh nghiệp vừa và nhỏ. Được phát triển trên môi trường Windows nên người quản trị dễ dàng thao tác trong quá trình cài đặt và vận hành. - Hỗ trợ cơ chế Plug and Play (PNP) đối với các module. Chỉ cần phát triển mới một module theo chuẩn của Portal, đóng gói, upload lên server là hệ thống tự nhận và đã có thể chạy được ngay, không cần phải tạm dừng website trong thời gian cập nhật. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 4
  5. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - Dễ dàng nâng cấp và cập nhật thêm các chức năng mới: Khi muốn thêm hay chỉnh sửa các chức năng trên Portal, chỉ cần chỉnh sửa hoặc phát triển các chức năng theo chuẩn của Portal, sau đó upload lên Portal và chạy (không phải xây dựng lại hoàn toàn từ đầu -> giảm được thời gian và chi phí). - Quản trị hệ thống với đầy đủ chức năng • Thống kê người truy cập: Trên trang, trên site, • Lưu giữ siteLog, EventLog • Phân quyền tập trung • Quản lý System Schedule • Quản lý tài nguyên II. Chuẩn bị môi trường 1. Tải hệ thống DotNetNuke Bạn có thể tải về phiên bản mới nhất của hệ thống DotNetNuke tại địa chỉ www.dotnetnuke.com (Để tải về bạn phải đăng ký một tài khoản trên website này) 2. Cài Internet Information Services (IIS) (Đối với Windows XP): - Vào Start Control Panel Add or Remove Programs - Chọn tab Add/Remove Windows Components đánh dấu vào ô Internet Information Services(IIS). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 5
  6. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - Nhấn nút Details , cửa sổ hiện ra, đánh dấu mục Frontpage 2000 Server Extensions và Wold Wide Web Service, nhấn OK. - Nhấn Next để cài đặt Finish hoàn tất. 3. Download và cài đặt .NET Framework DotNetNuke 5.x chỉ chạy được trên .NET Framework 2.0 trở lên, nên bạn có thể download và cài đặt gói này từ trang TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 6
  7. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 4. Cài đặt Microsoft SQL Server 2005 Bước 1: Chạy tập tin Setup.exe Bước 2: Chọn Bước 3: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 7
  8. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 4: Chọn Bước 5: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 8
  9. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 6: Chọn Bước 7: Chọn Bước 8: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 9
  10. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 9: Chọn Bước 10: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 10
  11. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 11: Chọn Bước 12: Chọn sau đó chọn Bước 13: Chọn Bước 14: Chọn sau đó chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 11
  12. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 15: Chọn , nhập password cho user sa sau đó chọn Bước 16: Chọn Bước 17: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 12
  13. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 18: Chọn Bước 19: Chọn Bước 20: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 13
  14. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 21: Chọn TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 14
  15. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 22: Chọn Bước 23: Chọn để khởi động lại server. III. Cài đặt DotNetNuke 1. Giải nén Giải nén DotNetNuke vào một thư mục bất kỳ trên ổ cứng. Trong VD này chúng ta chọn thư mục giải nén là: "D:\Web\DotNetNuke". 2. Tạo cơ sở dữ liệu cho hệ thống Microsoft SQL Server 2005 Vào Start Programs Microsoft SQL Server 2005 SQL Server Management Studio để đăng nhập vào công cụ quản lý cơ sở dữ liệu SQL Server. + Nhắp chuột phải lên Databases chọn New Database như hình dưới đây: TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 15
  16. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Trong khung “Name” , đặt tên cho CSDL. Trong ví dụ này, chúng ta đặt tên là “DotNetNuke” 3. Tạo tài khoản đăng nhập cơ sở dữ liệu trong SQL Sever 2005 + Vào Security, nhắp chuột phải lên Logins chọn New login : + Trong tab “General”: - Login name: tên tài khoản đăng nhập. Trong VD này chúng ta chọn “DotNetNukeUser”. - Chọn SQL Sever authenticaton. Nhập password của tài khoản & confirm password. - Bỏ lựa chọn “User must change password at next login” TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 16
  17. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - Default database: chọn CSDL chúng ta vừa tạo là “DotNetNuke” + Chuyển qua tab “User Mapping”: - Trong khung “Users mapped to this login”, check “DotNetNuke” - Trong khung “Database role membership for: DotNetNuke”, check “db_owner” * Lưu ý: Phần “Authentication” phải chọn “SQL Server and Windows” - Nhấn phải chuột vào computer, chọn Properties - Chọn tab “Security” TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 17
  18. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - Trong khung Security, chọn “SQL Server and Windows” - Chọn OK. 4. Thiết lập quyền hạn (Nếu đĩa cứng của bạn ko sử dụng cấu trúc NTFS mà sử dụng cấu trúc FAT32 hay cấu trúc khác thì có thể bỏ qua bước này). - Cho phép process ASP.NET quyền read/write đối với thư mục trên. + Đối với IIS5 (Win 2000, XP) tài khoản này tên là {Server}\ASPNET + Đối với IIS 6 (Win 2003) tài khoản này là NT AUTHORITY\NETWORK SERVICE. - Để thực hiện được điều này click chuột phải lên thư mục bạn đặt DotNetNuke, chọn Properties và chọn tab Security. Lưu ý: Một số hệ thống, thường là mới cài đặt sẽ không có tab Security trên cửa sổ Properties. Để hiển thị tab này: • Bạn mở Windows Explorer (click đúp vào MyComputer) • Chọn menu Tool -> Folder Options TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 18
  19. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk • Chọn tab View. • Bạn kéo danh sách xuống dưới cùng và bỏ chọn (uncheck) mục “Use Simple File Sharing”. Nếu trong khung “Group or user names” không có tài khoản ASP.NET thì thực hiện theo các bước sau: • Chọn tab “Seccurity”. • Nhấn vào nút “Add” TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 19
  20. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk • Nhấn vào nút “Advanced ” Nhấn vào nút “Find now” • Chọn tài khoản “ASPNET” • Chọn OK. • Chọn OK TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 20
  21. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk • Chọn tài khoản ASP.NET và check vào “Full Control” • Chọn OK. 5. Cấu hình IIS (Internet Information Server) - Nhắp chuột phải lên Default Web Site, chọn New Virtual Directory Cửa sổ hiện ra Nhấn Next để tiếp tục Nhập tên cho thư mục web, ví dụ DotNetNuke TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 21
  22. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Nhấn Next để tiếp tục Nhấn Browse để chọn thư mục chứa đề án web, ví dụ D:\Web\DotNetNuke, sau đó nhấn Next để tiếp tục Nhấn Next để tiếp tục Nhấn Finish để hoàn tất việc tạo thư mục web ảo. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 22
  23. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk + Bước tiếp theo là thiết lập thuộc tính cho thư mục web ảo vừa tạo: - Click phải chuột vào virtual directory “DotNetNuke”, chọn Properties + Từ cửa sổ hiện ra, chọn tab “Documents”, nhấn “Add” và nhập vào “Defauilt.aspx” OK. - Trong khung “Enable Default Document” sẽ xuất hiện thêm “Defauilt.aspx” + Chuyển qua tab “ASP.NET” - Trong mục “ASP.NET version”, chọn “2.0.50727” - Chọn “OK” để hoàn tất. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 23
  24. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 6. Cấu hình tập tin “web.config” cho việc cài đặt > > Trong ví dụ này, chúng ta chọn các thông số như phần được đánh dấu. Những phần còn lại được giữ nguyên. - server = (local); - database = DotNetNuke; - uid = DotNetNukeUser; - pwd = 1234567; Nếu bạn dùng SQL Server Express, bạn có thể không cần quan tâm đến việc cấu hình web.config nữa. Bạn cũng không cần phải tạo database trong SQL Server Express vì trong thư mục App_data đã có 1 file database rỗng rồi. Chỉ có một lưu ý TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 24
  25. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk nhỏ là bạn nên sao lưu lại file này để sử dụng đề phòng trường hợp cài đặt có vấn đề mà tôi sẽ nói đến ở phần dưới đây. 7. Cài đặt DotNetNuke Mở trình duyệt và browse đến Thực hiện cài đặt theo hướng dẫn. Nếu không có vấn đề gì, link "Please click here to access your portal" hoặc “Finished (Go to site)” (tùy vào chế độ cài đặt) sẽ hiện ra, bạn chỉ cần click vào là truy cập được đến trang web của mình. Nếu có vấn đề, hãy ghi lại thông báo lỗi trả về, tìm cách khắc phục nó. Nhớ xóa database đi và tạo lại database mới (đối với SQL Server Express thì bạn kill tất cả process ASP.NET đi và xóa cả 2 file trong thư mục App_data và copy file tôi đã bảo bạn sao lưu ở phần trên vào thư mục này). Dưới đây là một số hình ảnh khi cài đặt DotNetNuke 4.5.3 (cũng tương tự đối với DotNetNuke 5.x), gói “Install” download tại website www.dotnetnuke.com Chọn hình thức cài đặt: - Custom: cài đặt với các lựa chọn tùy ý - Typical: cài đặt với các chức năng cơ bản - Auto: tự động cài đặt (Trong ví dụ này chúng ta chọn “Custom”) Nếu muốn kiểm tra quyền truy cập folder (mà chúng ta đã thiết lập trong quá trình cài đặt), nhấn vào “Test Permissions” TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 25
  26. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Lựa chọn cơ sở dữ liệu: SQL Server 2005 (Express) File hoặc SQL Server 2000/2005 Database (Trong ví dụ này chúng ta chọn SQL Server 2000/2005 Database) Nhấn vào nút “Test Database Connection” để kiểm tra thông tin kết nối Cơ Sở Dữ Liệu đã hợp lệ hay chưa. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 26
  27. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Hoàn tất việc cài đặt cơ sở dữ liệu Thiết lập thông tin cho host (Super User Account) – Tài khoản có quyền hạn cao nhất trong hệ thống. Chọn các modules muốn cài vào hệ thống. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 27
  28. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Xác lập thông tin cho Admin (Administrator Account) – Tài khoản có quyền hạn cao sau host, cao nhất trong portal. Lựa chọn Skins & Containers để cài đặt. (Hiện tại không có skins & containers nào kèm theo) Lựa chọn các ngôn ngữ muốn cài đặt (nếu có). Hoàn tất cài đặt, nhấn “Finished (Go to site)” để chuyển sang site vừa cài đặt. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 28
  29. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk BÀI 2: THIẾT KẾ TRANG WEB I. Chuẩn bị nội dung đưa lên website 1. Biên tập nội dung 1.1 Nội dung dạng text - Những nội dung khá dài hay cần biên tập kỹ nên lập thàng dạng file hoàn chỉnh với font unicode ( Arial hay Times new roman) . Các file có sẵn từ font VNI phải được convert qua unicode. - Khi dán thông tin từ file phải gỡ bỏ các định dạng word . - Khi thấy yêu cầu loại bỏ định dạng word thì chọn OK không chọn Cancel - Dán thông tin vào hộp thoại “Dán với định dạng word” rồi click “ gỡ bỏ các định dạng style “ và không chọn “chấp nhận các địng dạng font”, sau đó mới chọn Đồng ý. - Biểu bảng nếu đơn giản nên lập ngay trong web bằng chức năng tạo table. Trong trường hợp cần dán một biểu bảng excel, cần kiểm tra và chỉnh sửa kích thước biểu bảng cho phù hợp. Biểu bảng word nên hạn chế dán vào vì dễ làm hư giao diện ( khi dán một file word có biểu bảng, nếu thấy giao diện bị “banh “ rộng ra đó là do biểu bảng, phải bỏ đi và tạo table ngay tại website hoặc excel). 1.2 Nội dung dạng hình ảnh - Việc chuẩn bị hình ảnh rất cần phải lưu ý. Vì website thường chứa khá nhiều hình ảnh, thậm chí cả film ngắn nên dung lượng rất lớn . - Dung lượng của hình ảnh làm ảnh hưởng nhiều đến tốc độ truy cập, thậm chí phát sinh lỗi. - Hình ảnh phải được cắt chỉnh phù hợp về kích thước đưa lên, ngay cả khi đưa lên ở cửa sổ mới cũng không nên rộng quá 800 pixel. - Tùy theo vị trí muốn đưa lên mà hình ảnh cắt ra cho phù hợp. - Sau khi chỉnh sửa vừa ý, lưu lại ở chế độ “save for web”, chất lượng “high” đuôi .JPEG là tốt nhất. 2. Thời gian làm việc Để đảm bảo an toàn cho website, hệ thống quy định thời gian làm việc cho mỗi thao tác cập nhật của người admin là không quá 30 phút. Nếu sau 30 phút mới đặt lệnh “cập nhật” cho thao tác thì sẽ không có kết quả. Đó là tình trạng “hết giờ” . “Hết giờ” (timeout) thường xảy ra trong các trường hợp sau : TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 29
  30. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 1. Do chưa chuẩn bị kỹ thông tin, nên khi muốn đăng tin tức hay cập nhật sản phẩm, người admin quay ra tìm thêm thông tin, hình ảnh, chỉnh sửa hình ảnh, đôi khi ngồi thiết kế mới, thậm chí đi chụp ảnh. Khi có thông tin, thấy trang web vẫn còn trong tình trang đã login nên lại tiếp tục cập nhật thêm thông tin vào đó rồi chọn update. Nếu bị timeout sẽ không có kết quả, mất luôn cả phần phía trên, phải làm lại. 2. Cập nhật thông tin bằng cách soạn trực tiếp lên web, nhưng do thông tin quá dài, phải tập trung suy nghĩ và tận tụy làm quá lâu (“không để ý”) đến khi update thì mất tiêu luôn, làm lại cũng khó khăn vì đó là ý nghĩ bị trôi qua. Do đó nên vừa làm vừa update, sau đó vào edit lại, làm tiếp. 3. Do bận đột xuất việc khác nên bỏ dở, sau đó quay lại làm tiếp, nhưng khi update thì không được, phải làm lại. 3. Chỉnh sửa, bỏ thông tin - Khi đưa thông tin sai hoặc thông tin test, sau đó muốn chỉnh sửa hay bỏ đi làm lại, admin có thể chọn bỏ hay chỉnh sửa (edit) thông tin. - Lưu ý bỏ thông tin không thực hiện bằng cách delete trang hay module. Trang có thể còn liên kết với trang khác . Còn các module đã cài lên cho website thường có giá trị sử dụng hợp lý và có khi liên kết rất phức tạp, nếu bỏ 1 cái có thể gây lỗi toàn hệ thống. - Cần phải tuân theo hướng dẫn sử dụng của từng module đã được hướng dẫn chi tiết . Chỉnh sửa hay bỏ đi trực tiếp thông tin đó tại chỗ mà nó được đưa vào . Còn module hay trang thể hiện thông tin đó có thể chỗ khác và còn dùng cho nhiều thông tin khác nữa. II. Trang và cách tạo trang 1. Tổng quan về trang Trang web của bạn được tạo bởi các Trang có hiển thị thông tin cho những người vào đó xem. Hầu hết những trang này thì đều có thể click những mục trên Menu giúp cho người xem dễ dàng tìm kiếm. Trợ giúp: Làm thế nào để tạo được một trang? Trang được dẫn tới khi click vào những đường Link. Một ví dụ đơn giản của đường link là mục Menu nó là một phần để tạo nên trang, đường link có thể được tạo theo nhiều cách khác nhau. Dưới đây là một vài ví dụ minh họa về cách tạo đường link. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 30
  31. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Menu item Child Menu item Vertical Menu items (Also called a "treeview") Links Module items Nội dung: Hiển thị những gì trên trang? Trang bắt đầu từ những khoảng trống. Bạn đưa thông tin vào trang bằng cách đặt chúng vào Module. Có rất nhiều dạng module có khả năng hiển thị những dạng nội dung khác nhau. Một trong những cách thông thường nhất gọi là Module Text/HTML là cái đơn giản nhất cho phép bạn đặt bất cứ đoạn HTML hay đoạn Text nào mà bạn thích. Thông tin của bạn được hiển thị trong module Text/ HTML Bảo mật: Ai có thể được nhìn thấy và thay đổi trang? Việc bảo mật là rất quan trọng. Bạn có những thông tin trên trang web mà bạn không muốn cho bất kì ai có thể nhìn thấy được. Nếu như website của bạn cho phép người truy cập đăng ký vào, thì bạn cho họ những sự chấp nhận đặc biệt. Có 2 dạng người cơ bạn đến truy cập trang web của bạn. Dạng người đầu tiên là họ chỉ muốn nhìn lướt qua và không bao giờ đăng ký hoặc ít nhất là chưa bao giờ đăng TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 31
  32. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk nhập, họ được gọi là những người sử dụng không xác thực. Những người sử dụng không xác thực là những người ẩn danh. Dạng người thứ 2 là người có đăng nhập. Để đăng nhập được họ phải đăng ký từ trước và họ được xem như là những người sử dụng có đăng ký. Nét riêng của những người sử dụng có đăng ký là họ được biết và bạn cho họ những sự chấp nhận đặc biệt để họ xem hoặc có thể thay đổi trang mà những người sử dụng khác không làm được. Hình thức: Trang của bạn nhìn như thế nào? Mỗi trang đều phải giống nhau như kiểu Skin mặc định được xác lập trên website của bạn. “Skin” là một phương thức dùng để mô tả hình thức bên ngoài hoặc cách bố trí trang web của bạn. Skin có thể đơn giản hoặc phức tạp. Nó có thể cung cấp cho bạn một Menu nằm dọc hay nằm ngang, cung cấp những dạng khác nhau của Containers( giống như Module cho Skin), cung cấp cho bạn những cách bố trí cột khác nhau, v v. Có một vài skin được minh họa dưới đây. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 32
  33. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Tạo một trang mới (cơ bản) Cách đơn giản nhất để tạo một trang mới trên website của bạn là dùng nút Add ở những phần chức năng trang của Control Panel (nằm ở đầu trang). Các bước tạo trang 1. Click chuột vào nút Add trên Control Panel. Trang tiếp theo nó sẽ chỉ rõ cho bạn thấy cách thiết lập một trang mới mà bạn muốn tạo. 2. Đặt con trỏ chuột vào phần Page Name và đánh tên trang của bạn vào. Nó sẽ cho người truy cập thấy trên Menu của website. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 33
  34. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Your website Menu before adding the page Your website Menu after adding the page 3. Đặt con trỏ ở phần Page title và đánh tiêu đề cho trang của bạn. Nó sẽ cho người truy cập thấy trên thanh tiêu đề của phần duyệt web khi mà họ xem trang của bạn 4. Chọn người có thể nhìn thấy trang của bạn và người có thể thay đổi phần settings. Quản trị viên là người có thể nhìn thấy trang của bạn và có thể thay đổi Settings. Nhưng bạn có thể chọn thêm người có thể thấy và thay đổi chúng. Nếu như trang mới của bạn có những thông tin riêng, bạn chỉ muốn những người truy cập đã đăng nhập vào website của bạn mới có thể nhìn thấy được. Bạn check vào những phần chi danh cho những người xem hoặc sửa chữa (thay đổi setting) cho trang mới của bạn.(Những người sử dụng không xác thực là những người truy cập vào mà không đăng nhập) 5. Chọn nơi mà phần menu của trang web có thể liệt kê ra. Theo mặc định, trang mới của bạn sẽ xuất hiện trên menu như trang “Home”. Nếu như bạn thích nó xuất hiện ở hộp menu rơi xuống, bạn có thể chọn trang mà bạn muốn cho nó xuất hiện ở dưới. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 34
  35. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 6. Khi bạn hoàn thành xong những bước trên, bạn di chuyển đến phần giữa trang và nhấp vào Update để lưu lại những thay đổi của bạn! 3. Tạo trang mới (nâng cao) Thay vì chọn phần thiết lập cơ bản, thì bạn có thể chọn phần thiết lập nâng cao mà bạn muốn sử dụng để tạo trang mới In addition to the Basic Settings, there are a number of optional Advanced Settings that you can use when creating a new page. Tất cả những thiết lập này đều được chọn! Sao chép trang 1. Click vào nút Add trên Control Panel. Định cấu hình như bạn đã làm đối với các thiết lập cơ bản đã được hướng dẫn ở phẩn trước. 2. Nếu như bạn muốn trang mới của bạn có cùng module với trang khác ở trên website, bạn có thể chỉ định trang muốn sao chép module ở phần Copy Module From. Chọn trang từ hộp danh sách rơi xuống. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 35
  36. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 3. Check vào nội dung cần sao chép nếu như bạn muốn Module ở trang mới cũng “mirror” với module của trang mà bạn sao chép. Có nghĩa là bất cứ thay đổi nào về nội dung của module thì một trong hai trang mà bạn copy hoặc là trang mới của bạn sẽ bị hư! Ngày bắt đầu và ngày kết thúc 4. Nhập vào ngày bắt đầu hoặc ngày kết thúc cho hoạt động của trang web của bạn. Người truy cập vào website của bạn sẽ không nhìn thấy trang này hoặc Menu của chúng cho đến một ngày trong tương lai. Nếu ngày kết thúc theo lý thuyết là ngày mà trang web của bạn ngừng không cho người truy cập vào. Cả hai phần này thường để trống (vì thế trang web luôn được hiển thi). Dạng đường liên kết 5. Dạng đường link mặc định cho trang là None, những trang này thường không có đường link. Nhưng bạn có thể chọn nhiều dạng đường liên kết khác nhau vì thế mục menu của bạn cũng được chạy khác nhau. Chúng ta sẽ nhìn thấy các dạng ngắn gọn ở bên dưới. Bạn có thể chọn lấy một kiểu. Chỉ rõ dạng đường link URL. Thiết lập trang này sẽ cập nhât và kiếm cho ban một vùng có dạng URL. Mục Menu được tạo bởi những trang settings sẽ mở URL là điều mà bạn đánh vào vùng này (thay vì là mở với trang của module) TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 36
  37. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Chỉ rõ dạng trang link. Thiết lập trang sẽ được cập nhật và sẽ cung cấp cho bạn một một hộp danh sách các trang rơi xuống trong website của bạn. Menu được tạo bởi các trang thiết lập sẽ mở ra ngay tại trang này thay vì mở sang trang mới. Bạn có hơn một menu mở cùng trang thì có thể làm được điều đó. Chỉ định rõ dạng đường link tập tin. Thiết lập trang sẽ được cập nhật và kiếm cho bạn một hộp danh sách rơi xuống chỉ rõ danh mục và tên tập tin trên website của bạn. Menu sẽ được tạo bởi các trang thiết lập sẽ mở ra tập tin này thay vì mở ra một trang truyền thống. Có thể làm được điều đó khi bạn có menu mở ra được document hoặc image 6. Khi bạn hoàn thành xong các bước trên, thì di chuyển vào giữa trang click vào nút Update để lưu lại những sự thay đổi của bạn. 6. When you have finished with these steps, scroll to the bottom of the page and click Update to save your changes! 4. Xóa trang Nếu như bạn quyết định là bạn không muốn bất cứ trang nào thì bạn có thể xóa chúng. Có 2 cách xóa trang từ website của bạn và chúng ta có thể thấy cả hai cách. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 37
  38. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Cách đơn giản nhất là để xóa trang là dùng nút Delete ở trên phần chức năng trang của Control Panel (nằm ở đầu trang) Khi bạn xóa trang thì nó sẽ mất luôn. Bạn không thể phục hồi lại trang đó nếu bạn xóa chúng từ thùng rác (see Recover a Delete Page). Các bước xóa trang 1. Bắt đầu từ trang bạn muốn xóa. Click vào nút Delete ở trên Control Panel. 2. Click vào OK để xác định trang mà lúc này bạn muốn xóa. Sau khi xóa trang bạn sẽ được đưa tới trang chủ. Các bước xóa trang trong Page settings Nếu bạn đọc phần hướng dẫn tạo trang nâng cao, bạn biết có một vài dạng trang mà bạn không thể điều hướng được (và vì thế bạn không thể dùng nút Delete trên Control Panel). Một phần nữa ở bên ngoài website hoặc document hoặc có lẽ chúng không có tất cả trong trang ( nhưng nó ở menu mà bạn không thể nhấp vào được).Tất cả những điều đó yêu cầu bạn xóa trang từ Page Settings. 1. Đến phần Page Settings cho dạng trang, di chuyển xuống phần Menu Admin và chọn mục Pages. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 38
  39. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Chọn mục Page từ danh sách và click vào nút Edit. Nút Edit này nhìn như cây bút chì màu xanh. Bạn sẽ được đưa tới phần Page Settings cho trang mà bạn chọn. 3. Ở giữa phần Page Settings, click vào nút Delete. 4. Click OK xác định trang mà bạn muốn xóa. Sau khi xóa trang xong bạn sẽ quay trở về danh sách Pages. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 39
  40. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 5. Phục hồi trang bị xóa Thùng rác là nơi chứa trang (và module) khi bạn xóa chúng. Bạn có thể phục hồi lại chúng lại hết từ thùng rác. Di chuyển xuống menu Admin và chọn vào Recycle Bin. Các bước phục hồi lại trang 1. Chọn trang mà bạn muốn Restore. Trong thùng rác chúa danh sách bao gồm tất cả những trang mà bạn đã xóa từ thời gian trước. 2. Click vào nút Restore. Trang của bạn sẽ được di chuyển từ danh sách các trang ở thùng rác và mục menu sẽ hiển thị lại trên menu của bạn một lần nữa. Các bước để xóa trang(vĩnh viễn) TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 40
  41. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 1. Chọn trang mà bạn muốn xóa vĩnh viễn. Trong thùng rác sẽ có danh sách bao gồm tất cả các trang mà bạn đã xóa từ trước. 2. Click nút Delete trên phần Pages. 3. Click OK để xác định là sẽ xóa. Trang của bạn sẽ di chuyển từ danh sách các trang của thùng rác và sẽ bị xóa vĩnh viễn. Các bước để làm thùng rác trống Nếu như thùng rác có quá nhiều rác, bạn muốn thùng rác trống để sau này bạn dễ dàng sử dụng. Làm trống thùng rác là bạn sẽ xóa vĩnh viễn các trang và Module ở trong đó. 1. Click vào nút Empty Recycle Bin nằm ở giữa trang. 2. Click OK để xác định là bạn muốn xóa tất cả các trang và Module trong thùng rác. Chúng sẽ di chuyển từ thùng rác và bị xóa vĩnh viễn. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 41
  42. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Sau đó thì thùng rác sẽ trống rỗng. 6. Phân quyền sử dụng trên trang Trên trang web của bạn có một hay nhiều trang mà bạn không muốn cho bất kì người nào có thể thấy. Ví dụ, bạn có thông tin cá nhân hoặc hình ảnh mà bạn chỉ muốn chỉa sẻ chúng cho gia đình của bạn. Bạn có những thông tin thống kê riêng mà bạn chỉ định giá với khách hàng. Thật dễ dàng để giới hạn số lượt người xem truy cập vào webiste. Trang có thể có những người xem ẩn danh hoặc một nhóm người sử dụng có đăng ký. Nếu như người truy cập không có sự chấp nhận để xem trang đó (hoặc không đăng nhập vào được), thì nó sẽ không xuất hiện trên mục menu mà họ chọn. Nếu người sử dụng thông qua được phân quyền sử dụng trang, họ sẽ được hỏi là phải đăng nhập để sự chấp nhận xem trang được xác minh lại. Các bước thực hiện: Chỉ dành cho người sử dụng có đăng ký TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 42
  43. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bắt đầu tạo một trang mới như bạn đã được hướng dẫn trong cách tạo trang cơ bản. Tuy nhiên, thay vì cho phép mọi người đều được xem trang web kể cả người ẩn danh, thì chúng ta sẽ thay đổi chỉ cho người sử dụng có đăng ký được thấy thôi. 1. Thông qua trang mới của bạn và Click vào Settings trong phần chức năng trang của Control Panel (ở góc phải phía dưới của trang) 2. Di chuyển xuống phần Permissions 3. Check vào Resgister Users ở phía dưới của View Page permission. Không check vào bất cứ nhóm nào khác (lưu ý là quan trị viên luôn luôn có View Page permission). Bây giờ, khi những người truy cập ẩn danh đến website của bạn họ sẽ thấy Menu mà không bao gồm những trang đã được bạn đã phân quyền sử dụng trang! Người sử dụng phải đăng ký và sau đó đăng nhập vào thì họ mới có thể thấy được Menu của bạn và xem được những trang đó. vs. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 43
  44. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Thông tin thêm Thực sự là có 4 cách khác nhau để đưa ra đánh giá về website của bạn. Ai là người bạn có thể cho thấy mỗi trang? There are really four (4) different ways to think about giving access to your website's pages. Who would you like to be able to see each page? (1)Quản trị viên: chỉ có người sử dụng này mới có quyền quản lý website của bạn và có thể thấy những trang đó (đó cũng có nghĩa là bạn)! Đây là sự thiết lập tốt dành cho những trang mà bạn đang làm hoặc là không muốn cho bất kỳ người nào thấy cho đến khi đã làm xong. (Đây là một mặc định dành cho trang mới) (2) Người sử dụng không xác thật: tất cả những người đến xem trang web của bạn đều là người ẩn danh. “Không xác định” có nghĩa là người đó không đăng nhập vào và cũng không đăng ký như là một người sử dụng website của bạn. Do nghĩ là đây như là phần công khai mọi việc nên bạn muốn cho mọi người có thể thấy. (3) Người sử dụng có đăng ký: những người này có điền đầy đủ vào mẫu đăng ký trên website của bạn và bây giờ họ chỉ cần nhập vào tên sử dụng và đánh mật mã và sau đó đăng nhập vào. (4) Nhóm người sử dụng: Họ là những người sử dụng có đăng ký đươc đưa vào nhóm đặc biệt hoặc “Role” mà họ đã tạo (gia đình hoặc những khách hàng). Để có nhiều thông tin hơn về nhóm này thì bạn phải đọc phần hướng dẫn: Manage Users. 7. Di chuyển trang Quan trọng là bạn phải hiểu trang không thể di chuyển nhưng bạn có thể di chuyển Menu đi xung quanh. Vì thế di chuyển trang là bạn phải thay đổi nơi mà mục Menu xuất hiện ở trang của bạn. Có 2 cách để thực hiện và chúng ta sẽ thấy được cả hai. Menu Before Menu After Các bước để thiết lập trang. Cách đơn giản nhất là di chuyển từng trang để thay đổi chúng từ trang thiết lập. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 44
  45. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 1. Bắt đầu từ trang mà bạn muốn di chuyển. Click vào nút Setting trên Control Panel. Trang tiếp theo bạn sẽ thấy một trang tương tự như lúc bạn điền vào khi tạo trang mới, ngoại trừ là nó sẽ đưa ra tất cả các thiết lập của trang (thay vì để trống). Bạn có thể kiểm tra lại đó có đúng là trang của bạn chọn qua ghi nhớ Page Name trong phần chi tiết trang. 2. Trong Page Management page, di chuyển xuống Parent Page setting. 3. Click vào danh sách rơi xuống và chọn trang mà mục menu sẽ xuất hiện ở phía dưới. 4. Khi bạn hoàn thành xong những bước trên, di chuyển vài giữa trang và click vào Update để lưu lại sự thay đổi của bạn! Các bước thực hiện: trang trong Menu Admin Đây là cách phù hợp nhất khi ban muốn di chuyển nhiều trang. Danh sách các trang thể hiện hết tất cả các trang của bạn thành một danh sách, với sự thụt dòng để minh họa cho trang gốc của trang khác. 1. Di chuyển xuống menu Admin và chọn menu trang. Bạn sẽ được đưa ra danh sách các trang và điều khiển những trang mà bạn muốn di chuyển. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 45
  46. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Thay đổi thứ tự của Menu, đơn giản là chọn một và di chuyển chúng lên hoặc xuống danh sách bằng cách nhấp vào các mũi tên phù hợp. For example Menu After 3. Thay đổi lồng Menu, đơn giản là chọn một và di chuyển sang phải hoặc trái trong danh sách theo mũi tên thích hợp. For example TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 46
  47. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Menu After Những sự thay đổi của bạn sẽ được lưu lại ngay lập tức. III. Module 1. Tổng quan về module Website được tạo từ 1 hoặc nhiều trang. Nhưng những trang đó không hiển thị thông tin để người truy cập vào xem. Đó chính là vai trò của Modules. Modules cung cấp những một vài thông tin hoặc chức năng của website mà đó là cách kết hợp duy nhất để làm trang web đặc biệt. Modules có thể đơn giản là một đoạn văn bản hoặc hình ảnh, hoặc có thể phức tạp như để tính phí bảo hiểm hoặc thiết thực là nói chuyện trực tuyến. Sự điều hướng: bạn đặt Module ở đâu? Các Module nằm trong các ô cửa ở trên trang. Các ô cửa đó chính là các phần được xác định trước ở trên trang là cái giúp chúng duy trì khi xuất hiện. Mỗi trang Skin có ít nhất là một cửa sổ. Một Skin có thể có vài cửa sổ để dành cho những mục đích đặc biệt.(thí dụ: logo hoặc banner nằm ở trên đầu của một website). Modules Nội dung: Module có những dạng nào? Dot Net Nuke® đuợc định dạng với những con số chuẩn của Module. Có nhiều loại module dùng được với nhiều loại nguồn khác nhau (cả miễn phí và buôn bán). Danh sách ngắn gọn ở dưới mô tả các đinh dạng của module. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 47
  48. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Tài khoản đăng nhập cho phép người sử dụng đăng nhập vào portal của bạn. Announcements của nhà sản xuất là danh sách của các đoạn văn bản thông báo bao gồm tiêu đề và hướng dẫn ngắn gọn. Banner cung cấp cho website những quảng cáo lặt vặt. Bạn có thể chọn số lượng banner hiển thị cũng như là dạng banner. Blog weblog cho quyền người truy cập sử dụng blog. Contacts hiển thị nội dung thông tin cho một nhóm người như là một nhóm đề án. Discussion danh sách một nhóm thông điệp được gửi lên cho một chủ đề cụ thể. Document hiển thị danh sách các tài liệu, bao gồm các đường liên kết được duyệt qua hay tải về. Events hiển thị danh sách các sự kiện được đưa lên, bao gồm thời gian và vị trí. Danh sách các sự kiện này có thể được thiết lập để thay phiên nhau hoàn trả trong định dạng lịch biểu. FAQs cho phép bạn quản lý danh sách các câu hỏi thường xuyên và những câu trả lời của họ. Feedback cho phép những người truy cập gởi những thông điệp đến quản trị viên của website. Nếu như người truy cấp đã đăng nhập vào, tên bạn sẽ tự động Forum là nơi một nhóm người tạo ra và quản lý thảo luận và đáp lạ của các chủ đề. Điều tiết người sử dụng, các avatar, biều tượng mặt cười và những email thông báo đều được ủng hộ. Gallery hiển thị các album đồ họa và các tập tin đa phương tiện. IFrame là nét đặc biệt của phần duyệt internet Explorer nó cho phép hiển thị nội dung từ trang web khác trong module của bạn. Image hiển thỉ những image chỉ định. Đơn giản là module sẽ đề cập tới những image có liên quan hoặc URL tuyệt đối, để cho những file image không cần phải trú ngự trong trang web của bạn. Links hiển thị danh sách của các đường siêu liên kết đến bất cứ trang nào, image hoặc là một file nào trên website của bạn, hoặc đến một tập tin, image hoặc là một trang của website khác. New Feed (RSS) hiển thị những thông tin mới được cung cấp trên trang của bạn. Nó cung cấp cho người truy cập cập nhật được những thông tin mới nhất, những thông tin của đề tài trên bất cứ lãnh vực nào của chủ đề. Search Input có thể hiển thị trên bất cứ trang nào. Tìm kiếm kết quả có thể hiển thị trên bất cứ trang nào. Text/HTML cho phép bạn thiết kế nội dung của một đoạn văn bản, hoặc thêm html. Bao gồm hình ành của tất cả image bạn tải lên. Tải khỏan của người sử dụng module cho phép người đăng ký sử dụng thêm, sửa chữa và cập nhật thêm những thông tin chi tiết vào User Account. Các dịch vụ của hội viên sẽ được quản lý tại đây. User Defined Table cho phép bạn tạo bảng dữ liệu tùy thích cho việc quản lý danh sách các thông tin. Những dữ liệu được sắp xếp theo thứ tự A-Z hoặc Z-A khi click vào tiêu đề từng cột. XML/XSL hiển thị kết quả của sự chuyển đổi XML/XSL. Các tập tin XML và XSL được nhận dạng bởi đường dẫn UNC trong đặc tính xmlsrc và xslsrc của module. Sự bảo mật: Ai là người có thể nhìn thấy và thay đổi Module? TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 48
  49. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Thiết lập sự bảo mật cho Module cũng giống như của trang. Bạn phải chắc rằng là bạn không muốn bất kì ai nhìn thấy những thông tin module hiển thị trên website của bạn. Nếu website của bạn cho phép người truy cập đăng ký, bạn sẽ cho ngừơi sử dụng những sự cho phép đặc biệt. Bạn có thể cho hoặc vô hiêu hóa người sử dụng truy cập vào những module chỉ định mà chỉ có bạn mới có thê thấy hết toàn bộ trang. Module có sự lựa chọn đặc biệt là đến Inherit View permissions from Page. Đơn giản là đưa cho module cùng sự cho phép như là những trang đã chỉ định. Nếu trang cho phép thay đổi thì module cũng cho phép thay đồi chúng. Hình thức: module nhìn như thế nào? Module hiển thị nội dung theo chức năng. Vì thế nội dung của Contacts module khác với nội dung của module Feedback. Để giúp cho người truy cập có thể phân biệt được nội dung và những chức năng thông thường( như phần thiết lập và giúp đỡ), module có containers (hoặc trình bao bọc) là cái mà giúp chúng xuất hiện nhất quán với nhau. Có vài mẫu Skin, người thiết kế web có thể cung cấp một hoặc nhiều chức năng của Container. Bất cứ container nào cũng có thể sử dụng với bất cứ Skin nào, dù họ thường xuyên thiết kế để nó phù hợp với skin. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 49
  50. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Thêm module vào trang Add a Module to a Page Dùng control panel để thêm module vào trang Modules are added to a Page using the Control Panel. Các bước thực hiện: chỉ đòi hỏi những bước này Step By Step: Only the Required Steps Cách thêm module vào trang này chỉ đòi hỏi 2 bước. There are only two required steps to add a Module to a Page. 1. Chọn Module từ hộp danh sách rơi xuống. 1. Select a Module from the dropdown list. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 50
  51. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Click vào nút Add trên control Panel. Module sẽ được thêm vào với những thiết lập mặc định. (được hiển thị trong control panel) The module will be added with all the default settings (visible in the Control Panel). Các bước thực hiện: với tất cả các lựa chọn Như một sự lựa chọn, bạn có thể thay đổi các thiết lập khác trong control panel trước khi thêm trang. Mội một thiết lập đều có thể được lựa chọn. 1) Chọn Module từ hộp danh sách rơi xuống. 2) Đặt con trỏ chuột vào vùng tiêu đề và đánh tên của Module vào. Tên này sẽ xuất hiện trong phần tiêu đề của module container khi bạn thêm trang( như minh họa). Nếu vùng đó ở phía bên trái, thì đó là tên của module (thí dụ ” Text/HTML” sẽ đổi). 3) Chọn Visibility của trang từ hộp danh sách. Ở đây chỉ có 2 sự lựa chọn. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 51
  52. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Same AS Page có nghĩa là Module sẽ hiển thị ở bất cứ website nào thì người truy cập cũng có thể thấy trang đó. Nếu trang đó đã hiển thị rộng rãi thì module của bạn cũng sẽ hiển thị ngay lập tức. Nếu module mới đòi hỏi cấu hình mà bạn chọn phải là Page Editors Only. Giữ cho module không hiển thị để không cho phép bất cứ người truy cập nào có thể vào đó sửa đổi. Tình trạng hiển thị có thể bị thay đổi trong Module settings khi nó đã sẵn sàng. 4.) Chọn ô cửa của Skin là nơi mà bạn sẽ thêm Module vào. Nội dung của hộp danh sách rơi xuống này có thể khác với Skin khác. Nội dung của ô cửa được chỉ định bởi những người thiết kế skin. Theo minh họa dưới đây thì nó sẽ thể hiện Skin với những ô cửa khác nhau ở những đủ mọi vị trí và kích cỡ khác nhau. Mộ vài ô cửa sẽ có kích cỡ phù hợp và nó để dành cho những mục đích cụ thể.(như là hiển thị của “minibanner” hoặc logo). 5) Chọn nơi mà muốn chèn module vào (ở trên đầu hay là ở giữa). module hiển thị trong cột của ô cửa. Nếu module đã nằm trong ô cửa rồi, thì module mới sẽ được thêm vào ở trên đầu hoặc là ở giữa (như lý thuyết). Nếu cần thiết Module có thể được di chuyển sau khi thêm vào trang. 6) Chọn cách mà nội dung sắp xếp trong module (trái, giữa, phải). Một vài container không cho phép sắp xếp. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 52
  53. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 7) Chọn Add New Module (mặc định) hoặc Add Existing Module. Nếu bạn chọn thêm vào module hiện hành, trang sẽ refresh, module và Title của vùng sẽ được thay thế trong Control Panel với việc người chọn chỉ định trang và module hiện hành. Đây là chức năng sao chép từ module hiện hành. Khi mà nội dung đuợc cập nhật nguyên bản hay sao chep, thì tất cả sự thay đổi được sao chép lại. 8) Click vào nút Add trên Control Panel. 3. Di chuyển module Bạn có thể di chuyển module từ vị trí này sang vị trí khác ở trên trang. Có thể sẽ thay đổi thứ tự của module trong ô cửa hoặc di chuyển module từ ô cửa này sang ô cửa khác. Bạn còn có thể di chuyển module từ trang này sang trang khác. Có 2 cách khác nhau để di chuyển module. Bạn có thể dùng lệnh trong Module Actions Menu hoặc là bạn dùng Drag&Drop. Các bước thực hiện việc di chuyển module trong Module Actions Menu Hầu như trong bất cứ module Container nào cũng sẵn có Module Actions Menu. Chúng ta có thể sử dụng lệnh để thay đổi vị trí của hai module Text/HTML trên trang. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 53
  54. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 1. Đưa con chuột vào Module Action Menu và cuộn xuống mục menu Move. Lệnh Move to luôn luôn hiện diện và có thể khác với skin khác. Chỉ có thể dùng Move to cho mổi ô cửa của Skin. Lệnh di chuyển phụ thuộc vào sự thay đổi vị trí của module. Từ ví dụ đặt làvào giữa cột, không có sự lựa chọn di chuyển xuống (chỉ có di chuyển lên). 2. Chọn mục Menu để nhận biết nơi muốn di chuyển Module đến đó. Các bước để thực hiện việc di chuyển bằng Drag& Drop Hầu như trong bất cứ module nào cũng sẵn có Drag&Drop nơi mà tiêu đề được hiển thị. Chúng ta sử dụng Drag&Drop để thay đổi vị trí của 2 module Text/HTML trên trang. 1. Nhấp chuột trái và giữ chuột cho hiện ra ở dưới Title của module. Bạn sẽ chú ý đến module được lộ ra xung quanh nó có đường viền ngoài. Đường viền ngoài chỉ rằng module sẵn sàng được di chuyển sang vị trí mới. 2. Giữ nút chuột trái, di chuyển Module sang ô cửa khác. Khi bạn vượt qua ô cửa khác thì nó sẽ hiện ở vị trí nổi bật nhất, ra dấu là module có thể thụt xuống ở vị trí mới. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 54
  55. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 3. Bỏ chuột ra khi ô cửa sáng lên. Ô cửa sẽ refresh lại và Module sẽ ở vị trí mới. Các bước để thực hiện việc di chuyển sang trang khác Di chuyển Module từ trang này sang trang khác thì phải làm xong từ các trang Module Settings. 1. Trỏ con chuột vào Module Actions Menu và di chuyển vào mục thiết lập. Như là một sự lựa chọn, nhấp vào Container có hiển thị biểu tượng cho Module Settings. OR TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 55
  56. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Trên trang Module Settings, di chuyển xuống phần Advanced Settings. 3. Chọn trang từ hộp danh sách rơi xuống của Move to page để di chuyển Module. 4. Click vào update ở giữa trang Module Settings để di chuyển module sang trang mới ( và để lưu lại các thay đổi này). 4. Xóa module Khi một Module không còn cần thiết nữa thì bạn có thể xóa chúng. Các bước thực hiện trong Module Actions Menu Hầu như bất cứ module Container nào cũng sẵn có Module Action Menu. Chúng ta sẽ dùng lệnh để xóa module. 1. Trỏ con chuột xuống Module Actions Menu và di chuyển xuống mục Delete và click chuột trái. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 56
  57. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Click vào OK để xác nhận sự xóa module. Các bước thực hiện trong module setting page Bạn có thể xóa Module trong trang Module Settings. 1. Trỏ con chuột xuống Module Actions Menu và di chuyển xuống mục thiết lập. Như là một sự lựa chọn, các Container hiển thị biểu tượng cho Module Settings rồi click vào đó. OR 2. Di chuyển vào giữa trang Module Settings và nhấp vào nút Delete. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 57
  58. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 3. Click vào OK để xác định là xóa module. 5. Phục hồi module bị xóa Thùng rác là nơi mà các Module (và Trang) sẽ đến đó khi bạn xóa chúng. Chúng ta có thể phục hồi từ thùng rác cho đến khi thùng rác trống. Phục hồi lại các module bị xóa cũng tương tự như phục hồi trang bị xóa. Di chuyển chuột xuống menu Admin và chọn Recycle Bin. Các bước phục hồi module TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 58
  59. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 1. Chọn Module mà bạn muốn Restore. Nội dung của danh sách đó là tất cả những module mà bạn đã xóa từ lúc trước. 2. Chọn Page từ hộp danh sách rơi xuống nơi mà bạn muốn Module sẽ được hoàn lại. Module thêm vào sẽ được chỉ định vào nội dung của ô cửa mặc định. 3. Click vào nút Restore. Module của bạn sẽ được di chuyển từ danh sách các module của thừng rác( và nó sẽ ở tại nơi mà Trang đã chị định). Các bước xóa trang (vĩnh viễn) 1. Chọn Module mà bạn muốn xóa đi vĩnh viễn. Nội dung của danh sách đó là những module mà bạn đã xóa từ lúc trước. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 59
  60. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 2. Click vào nút Delete trên phần Module. 3. Click vào OK để xác định xóa. Module của bạn sẽ di chuyển từ danh sách các module của thùng rác và bi xóa đi vĩnh viễn. Các bước để làm trống thùng rác Nếu thùng rác của bạn có quá nhiều rác, bạn muốn thùng rác trống để tiện sử dụng sau này. Làm trống thùng rác là bạn xóa đi vĩnh viễn Trang và Module ở trong đó. 1. Click vào Empty Recycle Bin nằm ở giữa trang. 2. Click vào OK để xác định là xóa hết tất cá các Trang và Module trong thùng rác . Chúng sẽ được di chuyển từ danh sách các trang và module trong thùng rác và bị xóa đi vĩnh viễn. Sau đó thùng rác sẽ xuất hiện trống rỗng. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 60
  61. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 6. Phân quyền sử dụng module Đôi khi bạn không muốn ẩn các trang bằng cách phân quyền sử dụng chúng. Đôi khi bạn muốn trang đó hiển thị và đuợc bảo vệ bởi một vài Module chứa nó. Đó thật sự là môt điều hữu dụng làm cho người truy cập website bạn rằng họ có 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 61
  62. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 62
  63. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 63
  64. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 64
  65. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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: TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 65
  66. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 66
  67. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 67
  68. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 68
  69. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 69
  70. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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! TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 70
  71. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 71
  72. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 72
  73. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 73
  74. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 74
  75. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 75
  76. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 76
  77. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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! TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 77
  78. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 78
  79. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 79
  80. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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”). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 80
  81. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 81
  82. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 đó. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 82
  83. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 83
  84. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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ẽ TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 84
  85. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 85
  86. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk (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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 86
  87. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 87
  88. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 đó. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 88
  89. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 89
  90. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 90
  91. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 91
  92. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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ó. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 92
  93. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 93
  94. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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! TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 94
  95. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 95
  96. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 96
  97. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 97
  98. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Đặ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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 98
  99. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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ì . TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 99
  100. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 100
  101. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 101
  102. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 102
  103. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - 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). TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 103
  104. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 đó. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 104
  105. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 105
  106. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 106
  107. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 107
  108. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 108
  109. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 109
  110. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 110
  111. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 111
  112. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Đọ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 TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 112
  113. Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk đ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. TTTH & Thông tin KHCN ___LƯU HÀNH NỘI BỘ trang 113