1. Y BAN NHÂN DÂN T NH LÂM NG
TRƯ NG CAO NG NGH ÀL T
PHÁT TRI N PORTAL
DOTNETNUKE 5.X
à L t, tháng 8/2009
2. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
M CL 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 Services )..........................................................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
Ph m ình Nam Trang 2
3. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 3
4. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 4
5. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL 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
- Ch n tab Add/Remove Windows Components ánh d u vào ô Internet
Information Services(IIS).
Ph m ình Nam Trang 5
6. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
- 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 http://www.microsoft.com/downloads.
Ph m ình Nam Trang 6
7. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 7
8. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Bư c 4: Ch n
Bư c 5: Ch n
Ph m ình Nam Trang 8
9. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Bư c 6: Ch n
Bư c 7: Ch n
Bư c 8: Ch n
Ph m ình Nam Trang 9
10. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Bư c 9: Ch n
Bư c 10: Ch n
Ph m ình Nam Trang 10
11. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 11
12. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Bư c 15: Ch n , nh p
password cho user sa sau ó ch n
Bư c 16: Ch n
Bư c 17: Ch n
Ph m ình Nam Trang 12
13. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Bư c 18: Ch n
Bư c 19: Ch n
Bư c 20: Ch n
Ph m ình Nam Trang 13
14. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Bư c 21: Ch n
Ph m ình Nam Trang 14
15. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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:WebDotNetNuke".
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:
Ph m ình Nam Trang 15
16. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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”
Ph m ình Nam Trang 16
17. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
- 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”
Ph m ình Nam Trang 17
18. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
- 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 AUTHORITYNETWORK
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
Ph m ình Nam Trang 18
19. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
• 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”
Ph m ình Nam Trang 19
20. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
• 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
Ph m ình Nam Trang 20
21. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
• 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
Ph m ình Nam Trang 21
22. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Nh n Next ti p t c
Nh n Browse ch n thư m c ch a án web, ví d D:WebDotNetNuke, 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.
Ph m ình Nam Trang 22
23. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
+ 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.
Ph m ình Nam Trang 23
24. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
6. C u hình t p tin “web.config” cho vi c cài t
<connectionStrings>
<!-- Connection String for SQL Server 2005 Express -->
<add name="SiteSqlServer"
connectionString="Data Source=.SQLExpress;Integrated
Security=True;User
Instance=True;AttachDBFilename=|DataDirectory|Database.mdf;"
providerName="System.Data.SqlClient" />
<!-- Connection String for SQL Server 2000/2005
<add name="SiteSqlServer"
connectionString="Server=(local);Database=DotNetNuke;uid=
DotNetNukeUser;pwd=1234567;"
providerName="System.Data.SqlClient" />
-->
</connectionStrings>
<appSettings>
<!-- Connection String for SQL Server 2005 Express - kept for
backwards compatability - legacy modules -->
<add key="SiteSqlServer" value="Data Source=.SQLExpress;Integrated
Security=True;User
Instance=True;AttachDBFilename=|DataDirectory|Database.mdf;"/>
<!-- Connection String for SQL Server 2000/2005 - kept for backwards
compatability - legacy modules
<add key="SiteSqlServer"
value="Server=(local);Database=DotNetNuke;uid=DotNetNukeUser;pwd=1234567"/>
-->
……………………
</appSettings>
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 ý
Ph m ình Nam Trang 24
25. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 http://localhost/dotnetnuke. 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 iv 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”
Ph m ình Nam Trang 25
26. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 26
27. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 27
28. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 28
29. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 nt 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 :
Ph m ình Nam Trang 29
30. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 30
31. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 31
32. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 32
33. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 33
34. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 34
35. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 iv 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.
Ph m ình Nam Trang 35
36. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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)
Ph m ình Nam Trang 36
37. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 37
38. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 38
39. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 39
40. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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)
Ph m ình Nam Trang 40
41. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 41
42. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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ý
Ph m ình Nam Trang 42
43. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 43
44. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 44
45. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 45
46. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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...
Ph m ình Nam Trang 46
47. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
Menu After...
Nh ng s thay ic ab ns ư 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.
Ph m ình Nam Trang 47
48. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 ah .
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.
Ph m ình Nam Trang 48
49. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
S b o m t: Ai là ngư i có th nhìn th y và thay i Module?
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.
Ph m ình Nam Trang 49
50. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 50
51. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 51
52. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 52
53. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 53
54. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 54
55. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 55
56. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 56
57. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 57
58. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 58
59. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 59
60. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 60
61. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 61
62. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 62
63. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 63
64. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 64
65. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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:
Ph m ình Nam Trang 65
66. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 66
67. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 im c nh c a skin
Ph m ình Nam Trang 67
68. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 68
69. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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).
Ph m ình Nam Trang 69
70. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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!
Ph m ình Nam Trang 70
71. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 71
72. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 72
73. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 73
74. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 74
75. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 75
76. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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).
Registration t
• Public: 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.
Ph m ình Nam Trang 76
77. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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!
Ph m ình Nam Trang 77
78. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 78
79. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 79
80. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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”).
Ph m ình Nam Trang 80
81. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 81
82. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 ó.
Ph m ình Nam Trang 82
83. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 ư cb 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).
Ph m ình Nam Trang 83
84. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 84
85. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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
Ph m ình Nam Trang 85
86. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
(nh ng l a ch n trong nh ng ph n khác c a trang là nh ng l a ch n c a module
thông thư ng).
3. Ch n Dropdown như là Control Type và sau ó nh p vào Update gi a
trang. ây là thay i ư ng liên k t c a b n t qua vi c l a ch n t h p rơi xu ng và
nút go (như minh h a bên dư i).
4. Ch n Horizontal như là List Display Format ( ây ch là m t hi u úng cho
module c a b n khi Control 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.
Ph m ình Nam Trang 86
87. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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).
Ph m ình Nam Trang 87
88. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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 ó.
Ph m ình Nam Trang 88
89. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 89
90. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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).
Ph m ình Nam Trang 90
91. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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.
Ph m ình Nam Trang 91
92. Thi t k web v i DotNetNuke 5.x Khoa CNTT - Trư ng Cao ng ngh àL t
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ó.
Ph m ình Nam Trang 92