Giáo trình Thiết kế Web với Dotnetnuke 5.X Sở Khoa học và Công nghệ ĐăkLăk Cùng nắm kiến thức trong giáo trình Thiết kế Web với Dotnetnuke 5.X thông qua việc tìm hiểu các nội dung chính sau: tổng quan về Dotnetnuke, thiết kế trang Web, quản trị Website, sử dụng các module.
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 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 TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 2 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 4. Xóa module 56 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 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. TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 4 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - 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. - 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 TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 5 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk - Chọn tab Add/Remove Windows Components đánh dấu vào ô Internet Information Services(IIS). - 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. TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 6 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 http://www.microsoft.com/downloads. 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 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 4: Chọn TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 8 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 5: Chọn Bước 6: Chọn Bước 7: Chọn TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 9 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 8: Chọn Bước 9: Chọn TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 10 [...].. .Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 10: Chọn Bước 11: Chọn Bước 12: Chọn sau đó chọn TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 11 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 12 Giáo trình Thiết kế Web với DotNetNuke 5.x Bước 15: Chọn Sở KH&CN... TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 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 TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 14 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 20: Chọn TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 15 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 21: Chọn Bước 22: Chọn Bước... 22 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 23 Giáo trình Thiết kế Web với DotNetNuke. .. 30 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 31 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk BÀI 2: THIẾT KẾ... _LƯU HÀNH NỘI BỘ trang 20 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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” • Nhấn vào nút “Advanced…” Nhấn vào nút “Find now” TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 21 Giáo trình Thiết kế Web với DotNetNuke 5.x • • Chọn tài khoản “ASPNET”... 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 TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 24 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Nhấn Finish để hoàn tất việc tạo thư mục web ảo + Bước tiếp theo là thiết lập thuộc tính cho thư mục web ảo vừa tạo:... tin KHCN _LƯU HÀNH NỘI BỘ trang 28 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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 Hoàn tất việc cài đặt cơ sở dữ liệu TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 29 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Thiết lập thông tin cho host (Super User Account) – Tài... Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk 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” 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) TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 28 Giáo trình Thiết kế. .. 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 TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 16 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Vào Start Programs Microsoft... password at next login” 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 TTTH & Thông tin KHCN _LƯU HÀNH NỘI BỘ trang 18 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Trong khung “Database role membership for: DotNetNuke , check “db_owner” * Lưu ý: Phần “Authentication” phải chọn . trang 10 Giáo trình Thiết kế Web với DotNetNuke 5.x Sở KH&CN ĐăkLăk Bước 10 : Chọn Bước 11 : Chọn Bước 12 : Chọn sau đó chọn TTTH & Thông tin KHCN _________LƯU HÀNH NỘI BỘ trang 11 Giáo. 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. 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 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 TTTH