SlideShare a Scribd company logo
1 of 114
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x

More Related Content

What's hot

Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGap
Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGapKhóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGap
Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGapĐiềm Nguyễn Văn
 
Bao cao thuc tap co so (autosaved)
Bao cao thuc tap co so (autosaved)Bao cao thuc tap co so (autosaved)
Bao cao thuc tap co so (autosaved)The Big Deer
 
Phonegap cho người mới học
Phonegap cho người mới họcPhonegap cho người mới học
Phonegap cho người mới họcNgo Trung
 
Giao trinh-asp-net-w2008
Giao trinh-asp-net-w2008Giao trinh-asp-net-w2008
Giao trinh-asp-net-w2008Son Duong Hoang
 
Lap trinh website dotnet c#
Lap trinh website dotnet c#Lap trinh website dotnet c#
Lap trinh website dotnet c#thanh nguyen
 
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429hung_nc87
 
Hướng dẫn sử dụng powerpoint 2010
Hướng dẫn sử dụng powerpoint 2010Hướng dẫn sử dụng powerpoint 2010
Hướng dẫn sử dụng powerpoint 2010NhomHTTP
 
Báo cáo thực tập
Báo cáo thực tậpBáo cáo thực tập
Báo cáo thực tậpwindyntt
 

What's hot (13)

Đề tài: Xây dựng trang Web bán hàng điện tử bằng Opencart, HOT
Đề tài: Xây dựng trang Web bán hàng điện tử bằng Opencart, HOTĐề tài: Xây dựng trang Web bán hàng điện tử bằng Opencart, HOT
Đề tài: Xây dựng trang Web bán hàng điện tử bằng Opencart, HOT
 
Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGap
Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGapKhóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGap
Khóa Luận Tìm Hiểu Về Ngôn Ngữ Lập Trình Độc Lập Trên Mobile - PhoneGap
 
luan van thac si tim hieu giai phap ao hoa docker
luan van thac si tim hieu giai phap ao hoa dockerluan van thac si tim hieu giai phap ao hoa docker
luan van thac si tim hieu giai phap ao hoa docker
 
Bao cao thuc tap co so (autosaved)
Bao cao thuc tap co so (autosaved)Bao cao thuc tap co so (autosaved)
Bao cao thuc tap co so (autosaved)
 
Phonegap cho người mới học
Phonegap cho người mới họcPhonegap cho người mới học
Phonegap cho người mới học
 
Giao trinh-asp-net-w2008
Giao trinh-asp-net-w2008Giao trinh-asp-net-w2008
Giao trinh-asp-net-w2008
 
Lap trinh website dotnet c#
Lap trinh website dotnet c#Lap trinh website dotnet c#
Lap trinh website dotnet c#
 
Đề tài: Xây dựng Website cho công ty cổ phần tin học, HOT
Đề tài: Xây dựng Website cho công ty cổ phần tin học, HOTĐề tài: Xây dựng Website cho công ty cổ phần tin học, HOT
Đề tài: Xây dựng Website cho công ty cổ phần tin học, HOT
 
Luận văn: Công nghệ ảo hóa Docker và ứng dụng tại ĐH Hải Phòng
Luận văn: Công nghệ ảo hóa Docker và ứng dụng tại ĐH Hải PhòngLuận văn: Công nghệ ảo hóa Docker và ứng dụng tại ĐH Hải Phòng
Luận văn: Công nghệ ảo hóa Docker và ứng dụng tại ĐH Hải Phòng
 
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
 
Hướng dẫn sử dụng powerpoint 2010
Hướng dẫn sử dụng powerpoint 2010Hướng dẫn sử dụng powerpoint 2010
Hướng dẫn sử dụng powerpoint 2010
 
Baocaonghiem
BaocaonghiemBaocaonghiem
Baocaonghiem
 
Báo cáo thực tập
Báo cáo thực tậpBáo cáo thực tập
Báo cáo thực tập
 

Viewers also liked

Hephantan
HephantanHephantan
HephantanLy hai
 
Detai Nl3 0809
Detai Nl3 0809Detai Nl3 0809
Detai Nl3 0809Ly hai
 
Active Directory Cau Hinh D N S
Active  Directory  Cau Hinh  D N SActive  Directory  Cau Hinh  D N S
Active Directory Cau Hinh D N SLy hai
 
Cao Hoc " He Thong Thong Tin" 2011
Cao Hoc " He Thong Thong Tin" 2011Cao Hoc " He Thong Thong Tin" 2011
Cao Hoc " He Thong Thong Tin" 2011Ly hai
 
Giao trinh phan cung
Giao trinh phan cung Giao trinh phan cung
Giao trinh phan cung Ly hai
 
Nhập môn JavaScript
Nhập môn JavaScriptNhập môn JavaScript
Nhập môn JavaScriptLy hai
 

Viewers also liked (9)

Buoi1
Buoi1Buoi1
Buoi1
 
Hephantan
HephantanHephantan
Hephantan
 
Detai Nl3 0809
Detai Nl3 0809Detai Nl3 0809
Detai Nl3 0809
 
Active Directory Cau Hinh D N S
Active  Directory  Cau Hinh  D N SActive  Directory  Cau Hinh  D N S
Active Directory Cau Hinh D N S
 
Buoi3
Buoi3Buoi3
Buoi3
 
Buoi4
Buoi4Buoi4
Buoi4
 
Cao Hoc " He Thong Thong Tin" 2011
Cao Hoc " He Thong Thong Tin" 2011Cao Hoc " He Thong Thong Tin" 2011
Cao Hoc " He Thong Thong Tin" 2011
 
Giao trinh phan cung
Giao trinh phan cung Giao trinh phan cung
Giao trinh phan cung
 
Nhập môn JavaScript
Nhập môn JavaScriptNhập môn JavaScript
Nhập môn JavaScript
 

Similar to Hung dan cai dat va su dung dot netnuke5.x

Lap trinhmang(socket)c#
Lap trinhmang(socket)c#Lap trinhmang(socket)c#
Lap trinhmang(socket)c#cozyhome0923
 
Network Programming in C#
Network Programming in C#Network Programming in C#
Network Programming in C#jvinhit
 
Bai giang lap trinhmang voi c#
Bai giang lap trinhmang voi c#Bai giang lap trinhmang voi c#
Bai giang lap trinhmang voi c#nttrang9090
 
lap-trinh-mang-voi-c#
lap-trinh-mang-voi-c#lap-trinh-mang-voi-c#
lap-trinh-mang-voi-c#Truong NGUYEN
 
Xd cms module cho hệ thống intranet của cty tma
Xd cms module cho hệ thống intranet của cty tmaXd cms module cho hệ thống intranet của cty tma
Xd cms module cho hệ thống intranet của cty tmaVcoi Vit
 
Tongquanthuongmaidientu 121121110657-phpapp02
Tongquanthuongmaidientu 121121110657-phpapp02Tongquanthuongmaidientu 121121110657-phpapp02
Tongquanthuongmaidientu 121121110657-phpapp02Vinh Jansen
 
Báo cáo hoan chỉnh
Báo cáo hoan chỉnhBáo cáo hoan chỉnh
Báo cáo hoan chỉnhCuong Nguyen
 
Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...
Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...
Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...Dịch vụ viết thuê Luận Văn - ZALO 0932091562
 
Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...
Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...
Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...sividocz
 
Kien thuc thuong mai dien tu
Kien thuc thuong mai dien tuKien thuc thuong mai dien tu
Kien thuc thuong mai dien tuGià Hay Trẻ
 
Báo cáo thực tập tốt nghiệp xây dựng website bằng laravel
Báo cáo thực tập tốt nghiệp xây dựng website bằng laravelBáo cáo thực tập tốt nghiệp xây dựng website bằng laravel
Báo cáo thực tập tốt nghiệp xây dựng website bằng laraveljackjohn45
 
Khóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyến
Khóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyếnKhóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyến
Khóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyếnDịch vụ Làm Luận Văn 0936885877
 

Similar to Hung dan cai dat va su dung dot netnuke5.x (20)

Lap trinhmang(socket)c#
Lap trinhmang(socket)c#Lap trinhmang(socket)c#
Lap trinhmang(socket)c#
 
Network Programming in C#
Network Programming in C#Network Programming in C#
Network Programming in C#
 
Bai giang lap trinhmang voi c#
Bai giang lap trinhmang voi c#Bai giang lap trinhmang voi c#
Bai giang lap trinhmang voi c#
 
lap-trinh-mang-voi-c#
lap-trinh-mang-voi-c#lap-trinh-mang-voi-c#
lap-trinh-mang-voi-c#
 
Luận văn: Tìm hiểu giải pháp ảo hóa docker và ứng dụng, HOT
Luận văn: Tìm hiểu giải pháp ảo hóa docker và ứng dụng, HOTLuận văn: Tìm hiểu giải pháp ảo hóa docker và ứng dụng, HOT
Luận văn: Tìm hiểu giải pháp ảo hóa docker và ứng dụng, HOT
 
Đề tài: Tìm hiểu giải pháp ảo hóa docker, HAY, 9đ
Đề tài: Tìm hiểu giải pháp ảo hóa docker, HAY, 9đĐề tài: Tìm hiểu giải pháp ảo hóa docker, HAY, 9đ
Đề tài: Tìm hiểu giải pháp ảo hóa docker, HAY, 9đ
 
Xd cms module cho hệ thống intranet của cty tma
Xd cms module cho hệ thống intranet của cty tmaXd cms module cho hệ thống intranet của cty tma
Xd cms module cho hệ thống intranet của cty tma
 
Tongquanthuongmaidientu 121121110657-phpapp02
Tongquanthuongmaidientu 121121110657-phpapp02Tongquanthuongmaidientu 121121110657-phpapp02
Tongquanthuongmaidientu 121121110657-phpapp02
 
Báo cáo hoan chỉnh
Báo cáo hoan chỉnhBáo cáo hoan chỉnh
Báo cáo hoan chỉnh
 
luan van thac si xay dung he thong quan ly van ban
luan van thac si xay dung he thong quan ly van banluan van thac si xay dung he thong quan ly van ban
luan van thac si xay dung he thong quan ly van ban
 
Lap trinhmangvoic sharp
Lap trinhmangvoic sharpLap trinhmangvoic sharp
Lap trinhmangvoic sharp
 
Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...
Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...
Luận văn Thạc sĩ Phát triển hệ thống quản lý tài liệu điện tử trong doanh ngh...
 
Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...
Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...
Luận Văn Xây Dựng Trang Web Cho Hợp Tác Xã Nông Nghiệp Và Du Lịch Cộng Đồng C...
 
Kien thuc thuong mai dien tu
Kien thuc thuong mai dien tuKien thuc thuong mai dien tu
Kien thuc thuong mai dien tu
 
Báo cáo thực tập tốt nghiệp xây dựng website bằng laravel
Báo cáo thực tập tốt nghiệp xây dựng website bằng laravelBáo cáo thực tập tốt nghiệp xây dựng website bằng laravel
Báo cáo thực tập tốt nghiệp xây dựng website bằng laravel
 
Đề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HOT
Đề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HOTĐề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HOT
Đề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HOT
 
Đề tài: Xây dựng website giới thiệu cho sản phẩm phần mềm, 9đ
Đề tài: Xây dựng website giới thiệu cho sản phẩm phần mềm, 9đĐề tài: Xây dựng website giới thiệu cho sản phẩm phần mềm, 9đ
Đề tài: Xây dựng website giới thiệu cho sản phẩm phần mềm, 9đ
 
Đề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HAY
Đề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HAYĐề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HAY
Đề tài: Xây dựng website giới thiệu sản phẩm phần mềm, HAY
 
Đồ án xây dựng hệ thống mạng LAN cho doanh nghiệp.doc
Đồ án xây dựng hệ thống mạng LAN cho doanh nghiệp.docĐồ án xây dựng hệ thống mạng LAN cho doanh nghiệp.doc
Đồ án xây dựng hệ thống mạng LAN cho doanh nghiệp.doc
 
Khóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyến
Khóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyếnKhóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyến
Khóa Luận Công Nghệ Truyền Thông: Xây dựng website nộp đồ án trực tuyến
 

More from Ly hai

Lap rap va_cai_dat
Lap rap va_cai_datLap rap va_cai_dat
Lap rap va_cai_datLy hai
 
Bai1 Mang truyen so lieu va chuan hoa
Bai1 Mang truyen so lieu va chuan hoaBai1 Mang truyen so lieu va chuan hoa
Bai1 Mang truyen so lieu va chuan hoaLy hai
 
Cài đặt mạng bootroom
Cài đặt mạng bootroomCài đặt mạng bootroom
Cài đặt mạng bootroomLy hai
 
6 he thong xuat nhap
6 he thong xuat nhap6 he thong xuat nhap
6 he thong xuat nhapLy hai
 
4 ky thuat xu ly tt
4 ky thuat xu ly tt4 ky thuat xu ly tt
4 ky thuat xu ly ttLy hai
 
3 To chuc bo vi xu ly
3 To chuc bo vi xu ly3 To chuc bo vi xu ly
3 To chuc bo vi xu lyLy hai
 
2 kien truc phan mem
2 kien truc phan mem2 kien truc phan mem
2 kien truc phan memLy hai
 
1 Tong quan máy tính
1 Tong quan máy tính1 Tong quan máy tính
1 Tong quan máy tínhLy hai
 
7 can ban assembly
7 can ban assembly7 can ban assembly
7 can ban assemblyLy hai
 
5 bo nho may tinh
5 bo nho may tinh5 bo nho may tinh
5 bo nho may tinhLy hai
 
Bai giang asp.net full
Bai giang asp.net fullBai giang asp.net full
Bai giang asp.net fullLy hai
 
Ktmt kt c1_c2
Ktmt kt c1_c2Ktmt kt c1_c2
Ktmt kt c1_c2Ly hai
 
Phan2 chuong8 chuoikitu
Phan2 chuong8 chuoikituPhan2 chuong8 chuoikitu
Phan2 chuong8 chuoikituLy hai
 
Phan2 chuong6 mang
Phan2 chuong6 mangPhan2 chuong6 mang
Phan2 chuong6 mangLy hai
 
Phan2 chuong5 ctrinhcon
Phan2 chuong5 ctrinhconPhan2 chuong5 ctrinhcon
Phan2 chuong5 ctrinhconLy hai
 
Phan2 chuong4 caclenhcautruc
Phan2 chuong4 caclenhcautrucPhan2 chuong4 caclenhcautruc
Phan2 chuong4 caclenhcautrucLy hai
 
Phan2 chuong1 gioithieu_c
Phan2 chuong1 gioithieu_cPhan2 chuong1 gioithieu_c
Phan2 chuong1 gioithieu_cLy hai
 
Phan1 gioithieu
Phan1 gioithieuPhan1 gioithieu
Phan1 gioithieuLy hai
 
D:\14\Luanvanpm
D:\14\LuanvanpmD:\14\Luanvanpm
D:\14\LuanvanpmLy hai
 
Install Win2 K3 Server
Install Win2 K3 ServerInstall Win2 K3 Server
Install Win2 K3 ServerLy hai
 

More from Ly hai (20)

Lap rap va_cai_dat
Lap rap va_cai_datLap rap va_cai_dat
Lap rap va_cai_dat
 
Bai1 Mang truyen so lieu va chuan hoa
Bai1 Mang truyen so lieu va chuan hoaBai1 Mang truyen so lieu va chuan hoa
Bai1 Mang truyen so lieu va chuan hoa
 
Cài đặt mạng bootroom
Cài đặt mạng bootroomCài đặt mạng bootroom
Cài đặt mạng bootroom
 
6 he thong xuat nhap
6 he thong xuat nhap6 he thong xuat nhap
6 he thong xuat nhap
 
4 ky thuat xu ly tt
4 ky thuat xu ly tt4 ky thuat xu ly tt
4 ky thuat xu ly tt
 
3 To chuc bo vi xu ly
3 To chuc bo vi xu ly3 To chuc bo vi xu ly
3 To chuc bo vi xu ly
 
2 kien truc phan mem
2 kien truc phan mem2 kien truc phan mem
2 kien truc phan mem
 
1 Tong quan máy tính
1 Tong quan máy tính1 Tong quan máy tính
1 Tong quan máy tính
 
7 can ban assembly
7 can ban assembly7 can ban assembly
7 can ban assembly
 
5 bo nho may tinh
5 bo nho may tinh5 bo nho may tinh
5 bo nho may tinh
 
Bai giang asp.net full
Bai giang asp.net fullBai giang asp.net full
Bai giang asp.net full
 
Ktmt kt c1_c2
Ktmt kt c1_c2Ktmt kt c1_c2
Ktmt kt c1_c2
 
Phan2 chuong8 chuoikitu
Phan2 chuong8 chuoikituPhan2 chuong8 chuoikitu
Phan2 chuong8 chuoikitu
 
Phan2 chuong6 mang
Phan2 chuong6 mangPhan2 chuong6 mang
Phan2 chuong6 mang
 
Phan2 chuong5 ctrinhcon
Phan2 chuong5 ctrinhconPhan2 chuong5 ctrinhcon
Phan2 chuong5 ctrinhcon
 
Phan2 chuong4 caclenhcautruc
Phan2 chuong4 caclenhcautrucPhan2 chuong4 caclenhcautruc
Phan2 chuong4 caclenhcautruc
 
Phan2 chuong1 gioithieu_c
Phan2 chuong1 gioithieu_cPhan2 chuong1 gioithieu_c
Phan2 chuong1 gioithieu_c
 
Phan1 gioithieu
Phan1 gioithieuPhan1 gioithieu
Phan1 gioithieu
 
D:\14\Luanvanpm
D:\14\LuanvanpmD:\14\Luanvanpm
D:\14\Luanvanpm
 
Install Win2 K3 Server
Install Win2 K3 ServerInstall Win2 K3 Server
Install Win2 K3 Server
 

Hung dan cai dat va su dung dot netnuke5.x

  • 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