Download as doc, pdf, or txt
Download as doc, pdf, or txt
You are on page 1of 115

S KHOA HC V CNG NGH KLK

TRUNG TM TIN HC & THNG TIN KHCN

GIO TRNH

THIT K WEB
VI DOTNETNUKE 5.X

kLk, Thng 5 nm 2009

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

MC LC
BI 1: TNG QUAN V DOTNETNUKE..............................................................4
I. Gii thiu v DotNetNuke.........................................................................................4
II. Chun b mi trng................................................................................................5
1. Ti h thng DotNetNuke.........................................................................................5
2. Ci Internet Information Services (IIS).....................................................................5
3. Download v ci t .NET Framework.....................................................................6
4. Ci t Microsoft SQL Server 2005..........................................................................7
III. Ci t DotNetNuke..............................................................................................15
1. Gii nn................................................................................................................... 15
2. To c s d liu cho h thng Microsoft SQL Server 2005..................................15
3. To ti khon ng nhp c s d liu trong SQL Sever 2005...............................16
4. Thit lp quyn hn.................................................................................................18
5. Cu hnh IIS (Internet Information Server).............................................................21
6. Cu hnh tp tin web.config cho vic ci t.......................................................24
7. Ci t DotNetNuke................................................................................................25
BI 2: THIT K TRANG WEB...........................................................................29
I. Chun b ni dung a ln website..........................................................................29
1. Bin tp ni dung....................................................................................................29
1.1 Ni dung dng text................................................................................................29
1.2 Ni dung dng hnh nh.......................................................................................29
2. Thi gian lm vic .................................................................................................29
3. Chnh sa, b thng tin...........................................................................................30
II. Trang v cch to trang..........................................................................................30
1. Tng quan v trang.................................................................................................30
2. To mt trang mi (c bn)....................................................................................33
3. To trang mi (nng cao)........................................................................................35
4. Xa trang................................................................................................................37
5. Phc hi trang b xa..............................................................................................40
6. Phn quyn s dng trn trang................................................................................42
7. Di chuyn trang.......................................................................................................44
III. Module.................................................................................................................. 47
1. Tng quan v module..............................................................................................47
2. Thm module vo trang..........................................................................................50
3. Di chuyn module...................................................................................................53
4. Xa module............................................................................................................. 56
TTTH & Thng tin KHCN _________LU HNH NI B

trang 2

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

5. Phc hi module b xa...........................................................................................58


6. Phn quyn s dng module...................................................................................61
IV. To Portal con.......................................................................................................64
BI 3: QUN TR WEBSITE.................................................................................67
I. Thay i skin website..............................................................................................67
II. Thay i logo ca website bn...............................................................................72
III. Qun l ngi s dng website ca bn................................................................74
IV. Ti tp tin ln website ca bn..............................................................................78
BI 4: S DNG CC MODULE..........................................................................80
I. S dng module Text/HTML...................................................................................80
II. S dng module thng bo.....................................................................................81
III. S dng module lin kt.......................................................................................83
IV. S dng module ti liu.........................................................................................87
V. S dng module s kin.........................................................................................90
VI. S dng Module Contacts.....................................................................................95
VII. S dng module Gallery......................................................................................96
VIII. S dng module din n (Forum)...................................................................105

TTTH & Thng tin KHCN _________LU HNH NI B

trang 3

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

BI 1: TNG QUAN V DOTNETNUKE


I. Gii thiu v DotNetNuke
DotNetNuke l mt h thng qun l ni dung m ngun m vit bng ngn ng lp

trnh VB.NET trn nn tng ASP.NET. y l mt h thng m, ty bin da trn Skin


v Module. DotNetNuke c th c s dng to cc trang web cng ng mt
cch d dng v nhanh chng. DNN c nh gi l sn phm vit bng VB.NET hay
nht nm 2003 do tp ch VB magazine bnh chn.
Dotnetnuke c xy dng trn nn cng ngh .NET, h qun tr c s d liu c
th l MS SQL server hoc Oracle. .Net l cng ngh pht trin Web do Microsoft xy
dng, v l cng ngh pht trin cc ng dng Web thng mi ph bin nht hin
nay. y l cng ngh mi nhn ca Microsoft v c nhiu u im ni bt. Ngoi ra,
vic pht trin Web theo cng ngh ny gip bn trnh c nhng ri ro v nhn lc
trong pht trin tip theo v chnh sa h thng v lp trnh vi .NET l rt ph bin
hin nay. Di y l mt s cc tnh nng u vit ca Cng ngh .NET: Mt trong
nhng cng ngh mi, ang thnh hnh, rt pht trin v c nhiu u im.
- Qun l ni dung trc quan: Vi ADMIN ACCOUNT, ngi qun tr c th
chnh sa bt c thng tin no ca h thng Website t mt kt ni Internet. Cng c
Richtext Editor mi nht, nhiu tnh nng, cho php ngi qun tr, bin tp c th d
dng to ra cc trang thng tin sng ng, linh hot.
- H thng MENU ng hon chnh, t ng cp nht theo cu trc Website, c
kh nng thm bt, iu chnh bt k trang WEB no. C th thay i cu trc website
(Sitemap) ngay trn web.
- Qun l nhiu giao din: Giao din c lp, c pht trin ring, c cung
cp cng c qun l nn h thng c th thay i giao din d dng, v s dng ng
thi nhiu giao din.
- Phn quyn cht ch: Phn quyn truy xut trn tng trang, tng module cho
tng nhm thnh vin. C th to ra nhiu nhm thnh vin khc nhau, mi nhm c
mi quyn truy xut ring.
- Qun l Files/Folder mnh m: C cng c qun l vic Upload files, Qun l,
phn quyn truy xut cc file, ti nguyn trn h thng qua giao din Web ca Portal.
- Dung lng nh gn, d vn hnh v ci t: Ch cn khong 50MB a cng
l c th chy c Portal ny cho mt doanh nghip va v nh. c pht trin
trn mi trng Windows nn ngi qun tr d dng thao tc trong qu trnh ci t
v vn hnh.
- H tr c ch Plug and Play (PNP) i vi cc module. Ch cn pht trin mi
mt module theo chun ca Portal, ng gi, upload ln server l h thng t nhn v
c th chy c ngay, khng cn phi tm dng website trong thi gian cp nht.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 4

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

- D dng nng cp v cp nht thm cc chc nng mi: Khi mun thm hay
chnh sa cc chc nng trn Portal, ch cn chnh sa hoc pht trin cc chc
nng theo chun ca Portal, sau upload ln Portal v chy (khng phi xy dng li
hon ton t u -> gim c thi gian v chi ph).
- Qun tr h thng vi y chc nng

Thng k ngi truy cp: Trn trang, trn site, ...


Lu gi siteLog, EventLog
Phn quyn tp trung
Qun l System Schedule
Qun l ti nguyn

II. Chun b mi trng


1. Ti h thng DotNetNuke
Bn c th ti v phin bn mi nht ca h thng DotNetNuke ti a ch
www.dotnetnuke.com ( ti v bn phi ng k mt ti khon trn website ny)

2. Ci Internet Information Services (IIS)


(i vi Windows XP):
- Vo Start Control Panel Add or Remove Programs
- Chn tab Add/Remove Windows Components nh du vo Internet
Information Services(IIS).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 5

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

- Nhn nt Details, ca s hin ra, nh du mc Frontpage 2000 Server


Extensions v Wold Wide Web Service, nhn OK.

- Nhn Next ci t Finish hon tt.


3. Download v ci t .NET Framework
DotNetNuke 5.x ch chy c trn .NET Framework 2.0 tr ln, nn bn c th
download v ci t gi ny t trang http://www.microsoft.com/downloads.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 6

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

4. Ci t Microsoft SQL Server 2005


Bc 1: Chy tp tin Setup.exe

Bc 2: Chn

Bc 3: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 7

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 4: Chn

Bc 5: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 8

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 6: Chn

Bc 7: Chn

Bc 8: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 9

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 9: Chn

Bc 10: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 10

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 11: Chn
Bc 12: Chn

sau

chn

Bc 13: Chn

Bc 14: Chn

sau chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 11

Gio trnh Thit k Web vi DotNetNuke 5.x

Bc 15: Chn

S KH&CN kLk

, nhp

password cho user sa sau chn

Bc 16: Chn

Bc 17: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 12

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 18: Chn

Bc 19: Chn

Bc 20: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 13

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 21: Chn

TTTH & Thng tin KHCN _________LU HNH NI B

trang 14

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 22: Chn

Bc 23: Chn

khi ng li server.

III. Ci t DotNetNuke
1. Gii nn
Gii nn DotNetNuke vo mt th mc bt k trn cng. Trong VD ny chng ta
chn th mc gii nn l: "D:\Web\DotNetNuke".
2. To c s d liu cho h thng Microsoft SQL Server 2005
Vo Start Programs Microsoft SQL Server 2005 SQL Server
Management Studio ng nhp vo cng c qun l c s d liu SQL Server.
+ Nhp chut phi ln Databases chn New Database nh hnh di y:

TTTH & Thng tin KHCN _________LU HNH NI B

trang 15

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Trong khung Name , t tn cho CSDL. Trong v d ny, chng ta t tn l


DotNetNuke

3. To ti khon ng nhp c s d liu trong SQL Sever 2005


+ Vo Security, nhp chut phi ln Logins chn New login :

+ Trong tab General:


Login name: tn ti khon ng nhp. Trong VD ny chng ta chn
DotNetNukeUser.
Chn SQL Sever authenticaton. Nhp password ca ti khon &
confirm password.
B la chn User must change password at next login

TTTH & Thng tin KHCN _________LU HNH NI B

trang 16

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Default database: chn CSDL chng ta va to l DotNetNuke

+ Chuyn qua tab User Mapping:


Trong khung Users mapped to this login, check DotNetNuke
Trong khung Database role membership for: DotNetNuke, check
db_owner

* Lu : Phn Authentication phi chn SQL Server and Windows


-

Nhn phi chut vo computer, chn Properties


Chn tab Security

TTTH & Thng tin KHCN _________LU HNH NI B

trang 17

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Trong khung Security, chn SQL Server and Windows


Chn OK.

4. Thit lp quyn hn
(Nu a cng ca bn ko s dng cu trc NTFS m s dng cu trc FAT32 hay
cu trc khc th c th b qua bc ny).
Cho php process ASP.NET quyn read/write i vi th mc trn.
+ i vi IIS5 (Win 2000, XP) ti khon ny tn l {Server}\ASPNET
+ i vi IIS 6 (Win 2003) ti khon ny l NT AUTHORITY\NETWORK
SERVICE.
thc hin c iu ny click chut phi ln th mc bn t
DotNetNuke, chn Properties v chn tab Security.

Lu : M t s h thng, thng l mi ci t se khng c tabSecurity trn ca


s Properties. hin th tab ny:

Bn m Windows Explorer (click p vo MyComputer)

Chn menu Tool -> Folder Options

TTTH & Thng tin KHCN _________LU HNH NI B

trang 18

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Chn tab View.


Bn ko danh sch xung di cng v b chn (uncheck) mc

Use Simple File Sharing.

Nu trong khung Group or user names khng c ti khon ASP.NET th thc


hin theo cc bc sau:

Chn tab Seccurity.

Nhn vo nt Add

TTTH & Thng tin KHCN _________LU HNH NI B

trang 19

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nhn vo nt Advanced Nhn vo nt Find now

Chn ti khon ASPNET


Chn OK.

Chn OK

TTTH & Thng tin KHCN _________LU HNH NI B

trang 20

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Chn ti khon ASP.NET v check vo Full Control


Chn OK.

5. Cu hnh IIS (Internet Information Server)


- Nhp chut phi ln Default Web Site, chn New Virtual Directory

Ca s hin ra

Nhn Next tip tc


Nhp tn cho th mc web, v d DotNetNuke

TTTH & Thng tin KHCN _________LU HNH NI B

trang 21

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nhn Next tip tc

Nhn Browse chn th mc cha n web, v d D:\Web\DotNetNuke, sau


nhn Next tip tc

Nhn Next tip tc

Nhn Finish hon tt vic to th mc web o.


TTTH & Thng tin KHCN _________LU HNH NI B

trang 22

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

+ Bc tip theo l thit lp thuc tnh cho th mc web o va to:


Click phi chut vo virtual directory DotNetNuke, chn Properties

+ T ca s hin ra, chn tab Documents, nhn Add v nhp vo Defauilt.aspx


OK.

Trong khung Enable Default Document se xut hin thm


Defauilt.aspx
+ Chuyn qua tab ASP.NET
Trong mc ASP.NET version, chn 2.0.50727
Chn OK hon tt.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 23

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

6. Cu hnh tp tin web.config cho vic ci 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"/>
-->

TTTH & Thng tin KHCN _________LU HNH NI B

trang 24

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

</appSettings>

Trong v d ny, chng ta chn cc thng s nh phn c nh du. Nhng phn


cn li c gi nguyn.
server = (local);
database = DotNetNuke;
uid = DotNetNukeUser;
pwd = 1234567;
Nu bn dng SQL Server Express, bn c th khng cn quan tm n vic cu
hnh web.config na. Bn cng khng cn phi to database trong SQL Server
Express v trong th mc App_data c 1 file database rng ri. Ch c mt lu
nh l bn nn sao lu li file ny s dng phng trng hp ci t c vn
m ti se ni n phn di y.
7. Ci t DotNetNuke
M trnh duyt v browse n http://localhost/dotnetnuke. Thc hin ci t theo
hng dn. Nu khng c vn g, link "Please click here to access your portal"
hoc Finished (Go to site) (ty vo ch ci t) se hin ra, bn ch cn click vo
l truy cp c n trang web ca mnh. Nu c vn , hy ghi li thng bo li tr
v, tm cch khc phc n. Nh xa database i v to li database mi (i vi SQL
Server Express th bn kill tt c process ASP.NET i v xa c 2 file trong th mc
App_data v copy file ti bo bn sao lu phn trn vo th mc ny).
Di y l mt s hnh nh khi ci t DotNetNuke 4.5.3 (cng tng t i vi
DotNetNuke 5.x), gi Install download ti website www.dotnetnuke.com
Chn hnh thc ci t:
Custom: ci t vi cc la chn ty
Typical: ci t vi cc chc nng c bn
Auto: t ng ci t
(Trong v d ny chng ta chn Custom)

TTTH & Thng tin KHCN _________LU HNH NI B

trang 25

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nu mun kim tra quyn truy cp folder (m chng ta thit lp trong qu trnh
ci t), nhn vo Test Permissions

La chn c s d liu: SQL Server 2005 (Express) File hoc SQL Server
2000/2005 Database
(Trong v d ny chng ta chn SQL Server 2000/2005 Database)

TTTH & Thng tin KHCN _________LU HNH NI B

trang 26

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nhn vo nt Test Database Connection kim tra thng tin kt ni C S


D Liu hp l hay cha.

Hon tt vic ci t c s d liu

Thit lp thng tin cho host (Super User Account) Ti khon c quyn hn cao
nht trong h thng.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 27

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Chn cc modules mun ci vo h thng.

Xc lp thng tin cho Admin (Administrator Account) Ti khon c quyn hn


cao sau host, cao nht trong portal.

La chn Skins & Containers ci t.


(Hin ti khng c skins & containers no km theo)
TTTH & Thng tin KHCN _________LU HNH NI B

trang 28

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

La chn cc ngn ng mun ci t (nu c).

Hon tt ci t, nhn Finished (Go to site) chuyn sang site va ci t.

BI 2: THIT K TRANG WEB


I. Chun b ni dung a ln website
1. Bin tp ni dung
1.1 Ni dung dng text
- Nhng ni dung kh di hay cn bin tp k nn lp thng dng file hon chnh
vi font unicode ( Arial hay Times new roman) . Cc file c sn t font VNI phi c
convert qua unicode.
- Khi dn thng tin t file phi g b cc nh dng word .
- Khi thy yu cu loi b nh dng word th chn OK khng chn Cancel
- Dn thng tin vo hp thoi Dn vi nh dng word ri click g b cc nh
dng style v khng chn chp nhn cc ng dng font, sau mi chn ng .
- Biu bng nu n gin nn lp ngay trong web bng chc nng to table.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 29

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Trong trng hp cn dn mt biu bng excel, cn kim tra v chnh sa kch


thc biu bng cho ph hp. Biu bng word nn hn ch dn vo v d lm h giao
din ( khi dn mt file word c biu bng, nu thy giao din b banh rng ra l
do biu bng, phi b i v to table ngay ti website hoc excel).

1.2 Ni dung dng hnh nh


- Vic chun b hnh nh rt cn phi lu . V website thng cha kh nhiu hnh
nh, thm ch c film ngn nn dung lng rt ln .
- Dung lng ca hnh nh lm nh hng nhiu n tc truy cp, thm ch pht
sinh li.
- Hnh nh phi c ct chnh ph hp v kch thc a ln, ngay c khi a ln
ca s mi cng khng nn rng qu 800 pixel.
- Ty theo v tr mun a ln m hnh nh ct ra cho ph hp.
- Sau khi chnh sa va , lu li ch save for web, cht lng high
ui .JPEG l tt nht.

2. Thi gian lm vic


m bo an ton cho website, h thng quy nh thi gian lm vic cho mi
thao tc cp nht ca ngi admin l khng qu 30 pht. Nu sau 30 pht mi t lnh
cp nht cho thao tc th se khng c kt qu. l tnh trng ht gi .
Ht gi (timeout) thng xy ra trong cc trng hp sau :
1. Do cha chun b k thng tin, nn khi mun ng tin tc hay cp nht
sn phm, ngi admin quay ra tm thm thng tin, hnh nh, chnh sa hnh
nh, i khi ngi thit k mi, thm ch i chp nh. Khi c thng tin, thy
trang web vn cn trong tnh trang login nn li tip tc cp nht thm thng
tin vo ri chn update. Nu b timeout se khng c kt qu, mt lun c
phn pha trn, phi lm li.
2. Cp nht thng tin bng cch son trc tip ln web, nhng do thng tin
qu di, phi tp trung suy ngh v tn ty lm qu lu (khng ) n khi
update th mt tiu lun, lm li cng kh khn v l ngh b tri qua. Do
nn va lm va update, sau vo edit li, lm tip.
3. Do bn t xut vic khc nn b d, sau quay li lm tip, nhng khi
update th khng c, phi lm li.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 30

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

3. Chnh sa, b thng tin


- Khi a thng tin sai hoc thng tin test, sau mun chnh sa hay b i lm
li, admin c th chn b hay chnh sa (edit) thng tin.
- Lu b thng tin khng thc hin bng cch delete trang hay module. Trang c
th cn lin kt vi trang khc . Cn cc module ci ln cho website thng c gi
tr s dng hp l v c khi lin kt rt phc tp, nu b 1 ci c th gy li ton h
thng.
- Cn phi tun theo hng dn s dng ca tng module c hng dn chi
tit . Chnh sa hay b i trc tip thng tin ti ch m n c a vo . Cn
module hay trang th hin thng tin c th ch khc v cn dng cho nhiu thng
tin khc na.

II. Trang v cch to trang


1. Tng quan v trang
Trang web ca bn c to bi cc Trang c hin th thng tin cho nhng ngi
vo xem. Hu ht nhng trang ny th u c th click nhng mc trn Menu gip
cho ngi xem d dng tm kim.
Tr gip: Lm th no to c mt trang?
Trang c dn ti khi click vo nhng ng Link. Mt v d n gin ca
ng link l mc Menu n l mt phn to nn trang, ng link c th c
to theo nhiu cch khc nhau. Di y l mt vi v d minh ha v cch to
ng link.
Menu item

Child Menu item

Vertical Menu items


(Also called a "treeview")

TTTH & Thng tin KHCN _________LU HNH NI B

trang 31

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Links Module items

Ni dung: Hin th nhng g trn trang?


Trang bt u t nhng khong trng. Bn a thng tin vo trang bng cch t
chng vo Module. C rt nhiu dng module c kh nng hin th nhng dng ni
dung khc nhau. Mt trong nhng cch thng thng nht gi l Module Text/HTML
l ci n gin nht cho php bn t bt c on HTML hay on Text no m bn
thch. Thng tin ca bn c hin th trong module Text/ HTML

Bo mt: Ai c th c nhn thy v thay i trang?


Vic bo mt l rt quan trng. Bn c nhng thng tin trn trang web m bn
khng mun cho bt k ai c th nhn thy c. Nu nh website ca bn cho php
ngi truy cp ng k vo, th bn cho h nhng s chp nhn c bit.
C 2 dng ngi c bn n truy cp trang web ca bn. Dng ngi u tin l h
ch mun nhn lt qua v khng bao gi ng k hoc t nht l cha bao gi ng
nhp, h c gi l nhng ngi s dng khng xc thc. Nhng ngi s dng
khng xc thc l nhng ngi n danh.
Dng ngi th 2 l ngi c ng nhp. ng nhp c h phi ng k t
trc v h c xem nh l nhng ngi s dng c ng k. Nt ring ca nhng
ngi s dng c ng k l h c bit v bn cho h nhng s chp nhn c bit
h xem hoc c th thay i trang m nhng ngi s dng khc khng lm c.

Hnh thc: Trang ca bn nhn nh th no?


Mi trang u phi ging nhau nh kiu Skin mc nh c xc lp trn website
ca bn. Skin l mt phng thc dng m t hnh thc bn ngoi hoc cch b
tr trang web ca bn. Skin c th n gin hoc phc tp. N c th cung cp cho bn
TTTH & Thng tin KHCN _________LU HNH NI B

trang 32

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

mt Menu nm dc hay nm ngang, cung cp nhng dng khc nhau ca Containers(


ging nh Module cho Skin), cung cp cho bn nhng cch b tr ct khc nhau, v
v. C mt vi skin c minh ha di y.

2. To mt trang mi (c bn)
Cch n gin nht to mt trang mi trn website ca bn l dng nt Add
nhng phn chc nng trang ca Control Panel (nm u trang).

Cc bc to trang

TTTH & Thng tin KHCN _________LU HNH NI B

trang 33

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

1. Click chut vo nt Add trn Control Panel. Trang tip theo n se ch r cho
bn thy cch thit lp mt trang mi m bn mun to.

2. t con tr chut vo phn Page Name v nh tn trang ca bn vo. N se


cho ngi truy cp thy trn Menu ca website.

Your website Menu before adding


the page
Your website Menu after adding the
page
3. t con tr phn Page title v nh tiu cho trang ca bn. N se cho
ngi truy cp thy trn thanh tiu ca phn duyt web khi m h xem trang ca
bn

4. Chn ngi c th nhn thy trang ca bn v ngi c th thay i phn


settings. Qun tr vin l ngi c th nhn thy trang ca bn v c th thay i
Settings. Nhng bn c th chn thm ngi c th thy v thay i chng. Nu nh
TTTH & Thng tin KHCN _________LU HNH NI B

trang 34

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

trang mi ca bn c nhng thng tin ring, bn ch mun nhng ngi truy cp


ng nhp vo website ca bn mi c th nhn thy c. Bn check vo nhng phn
chi danh cho nhng ngi xem hoc sa cha (thay i setting) cho trang mi ca
bn.(Nhng ngi s dng khng xc thc l nhng ngi truy cp vo m khng
ng nhp)

5. Chn ni m phn menu ca trang web c th lit k ra. Theo mc nh, trang
mi ca bn se xut hin trn menu nh trang Home. Nu nh bn thch n xut
hin hp menu ri xung, bn c th chn trang m bn mun cho n xut hin
di.

6. Khi bn hon thnh xong nhng bc trn, bn di chuyn n phn gia trang
v nhp vo Update lu li nhng thay i ca bn!
3. To trang mi (nng cao)
Thay v chn phn thit lp c bn, th bn c th chn phn thit lp nng cao
m bn mun s dng to trang mi
In addition to the Basic Settings, there are a number of optional Advanced
Settings that you can use when creating a new page.
Tt c nhng thit lp ny u c chn!
Sao chp trang

1. Click vo nt Add trn Control Panel. nh cu hnh nh bn lm i vi


cc thit lp c bn c hng dn phn trc.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 35

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Nu nh bn mun trang mi ca bn c cng module vi trang khc trn


website, bn c th ch nh trang mun sao chp module phn Copy Module From.
Chn trang t hp danh sch ri xung.

3. Check vo ni dung cn sao chp nu nh bn mun Module trang mi cng


mirror vi module ca trang m bn sao chp.
C ngha l bt c thay i no v ni dung ca module th mt trong hai trang m
bn copy hoc l trang mi ca bn s b h!

Ngy bt u v ngy kt thc


4. Nhp vo ngy bt u hoc ngy kt thc cho hot ng ca trang web ca
bn. Ngi truy cp vo website ca bn se khng nhn thy trang ny hoc Menu ca
chng cho n mt ngy trong tng lai. Nu ngy kt thc theo l thuyt l ngy m
trang web ca bn ngng khng cho ngi truy cp vo. C hai phn ny thng
trng (v th trang web lun c hin thi).

Dng ng lin kt
TTTH & Thng tin KHCN _________LU HNH NI B

trang 36

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

5. Dng ng link mc nh cho trang l None, nhng trang ny thng khng


c ng link. Nhng bn c th chn nhiu dng ng lin kt khc nhau v th
mc menu ca bn cng c chy khc nhau. Chng ta se nhn thy cc dng ngn
gn bn di. Bn c th chn ly mt kiu.

Ch r dng ng link URL. Thit lp trang ny se cp nht v kim cho ban


mt vng c dng URL. Mc Menu c to bi nhng trang settings se m
URL l iu m bn nh vo vng ny (thay v l m vi trang ca module)

Ch r dng trang link. Thit lp trang se c cp nht v se cung cp cho bn


mt mt hp danh sch cc trang ri xung trong website ca bn. Menu c to bi
cc trang thit lp se m ra ngay ti trang ny thay v m sang trang mi. Bn c hn
mt menu m cng trang th c th lm c iu .

Ch nh r dng ng link tp tin. Thit lp trang se c cp nht v kim


cho bn mt hp danh sch ri xung ch r danh mc v tn tp tin trn website ca
bn. Menu se c to bi cc trang thit lp se m ra tp tin ny thay v m ra mt
trang truyn thng. C th lm c iu khi bn c menu m ra c document
hoc image..

TTTH & Thng tin KHCN _________LU HNH NI B

trang 37

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

6. Khi bn hon thnh xong cc bc trn, th di chuyn vo gia trang click vo


nt Update lu li nhng s thay i ca bn.
6. When you have finished with these steps, scroll to the bottom of the page and
click Update to save your changes!

4. Xa trang
Nu nh bn quyt nh l bn khng mun bt c trang no th bn c th xa
chng. C 2 cch xa trang t website ca bn v chng ta c th thy c hai cch.
Cch n gin nht l xa trang l dng nt Delete trn phn chc nng
trang ca Control Panel (nm u trang)

Khi bn xa trang th n se mt lun. Bn khng th phc hi li trang nu bn


xa chng t thng rc (see Recover a Delete Page).
Cc bc xa trang
1. Bt u t trang bn mun xa. Click vo nt Delete trn Control Panel.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 38

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Click vo OK xc nh trang m lc ny bn mun xa. Sau khi xa trang


bn se c a ti trang ch.
Cc bc xa trang trong Page settings
Nu bn c phn hng dn to trang nng cao, bn bit c mt vi dng trang
m bn khng th iu hng c (v v th bn khng th dng nt Delete trn
Control Panel). Mt phn na bn ngoi website hoc document hoc c le chng
khng c tt c trong trang ( nhng n menu m bn khng th nhp vo c).Tt
c nhng iu yu cu bn xa trang t Page Settings.
1.

n phn Page Settings cho dng trang, di chuyn xung phn Menu
Admin v chn mc Pages.

2. Chn mc Page t danh sch v click vo nt Edit. Nt Edit ny nhn nh cy


bt ch mu xanh. Bn se c a ti phn Page Settings cho trang m bn chn.

3. gia phn Page Settings, click vo nt Delete.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 39

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

4. Click OK xc nh trang m bn mun xa. Sau khi xa trang xong bn se


quay tr v danh sch Pages.

5. Phc hi trang b xa
Thng rc l ni cha trang (v module) khi bn xa chng. Bn c th phc hi
li chng li ht t thng rc.
Di chuyn xung menu Admin v chn vo Recycle Bin.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 40

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Cc bc phc hi li trang
1. Chn trang m bn mun Restore. Trong thng rc cha danh sch bao gm tt
c nhng trang m bn xa t thi gian trc.

2. Click vo nt Restore. Trang ca bn se c di chuyn t danh sch cc trang


thng rc v mc menu se hin th li trn menu ca bn mt ln na.

Cc bc xa trang(vnh vin)
1. Chn trang m bn mun xa vnh vin. Trong thng rc se c danh sch bao
gm tt c cc trang m bn xa t trc.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 41

Gio trnh Thit k Web vi DotNetNuke 5.x

2.

S KH&CN kLk

Click nt Delete trn phn Pages.

3. Click OK xc nh l se xa. Trang ca bn se di chuyn t danh sch cc


trang ca thng rc v se b xa vnh vin.

Cc bc lm thng rc trng
Nu nh thng rc c qu nhiu rc, bn mun thng rc trng sau ny bn d
dng s dng. Lm trng thng rc l bn se xa vnh vin cc trang v Module
trong .
1. Click vo nt Empty Recycle Bin nm gia trang.

2. Click OK xc nh l bn mun xa tt c cc trang v Module trong thng


rc. Chng se di chuyn t thng rc v b xa vnh vin.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 42

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Sau th thng rc se trng rng.

6. Phn quyn s dng trn trang


Trn trang web ca bn c mt hay nhiu trang m bn khng mun cho bt k
ngi no c th thy. V d, bn c thng tin c nhn hoc hnh nh m bn ch mun
cha s chng cho gia nh ca bn. Bn c nhng thng tin thng k ring m bn ch
nh gi vi khch hng. Tht d dng gii hn s lt ngi xem truy cp vo
webiste.
Trang c th c nhng ngi xem n danh hoc mt nhm ngi s dng c
ng k. Nu nh ngi truy cp khng c s chp nhn xem trang (hoc khng
ng nhp vo c), th n se khng xut hin trn mc menu m h chn. Nu
ngi s dng thng qua c phn quyn s dng trang, h se c hi l phi ng
nhp s chp nhn xem trang c xc minh li.

Cc bc thc hin: Ch dnh cho ngi s dng c ng k

TTTH & Thng tin KHCN _________LU HNH NI B

trang 43

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bt u to mt trang mi nh bn c hng dn trong cch to trang c


bn. Tuy nhin, thay v cho php mi ngi u c xem trang web k c ngi n
danh, th chng ta se thay i ch cho ngi s dng c ng k c thy thi.
1. Thng qua trang mi ca bn v Click vo Settings trong phn chc nng
trang ca Control Panel ( gc phi pha di ca trang)

2. Di chuyn xung phn Permissions

3. Check vo Resgister Users pha di ca View Page permission. Khng


check vo bt c nhm no khc (lu l quan tr vin lun lun c View Page
permission).

By gi, khi nhng ngi truy cp n danh n website ca bn h se thy Menu


m khng bao gm nhng trang c bn phn quyn s dng trang! Ngi s
dng phi ng k v sau ng nhp vo th h mi c th thy c Menu ca
bn v xem c nhng trang .
vs.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 44

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Thng tin thm


Thc s l c 4 cch khc nhau a ra nh gi v website ca bn. Ai l ngi
bn c th cho thy mi 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)Qun tr vin: ch c ngi s dng ny mi c quyn qun l website ca bn
v c th thy nhng trang ( cng c ngha l bn)! y l s thit lp tt dnh
cho nhng trang m bn ang lm hoc l khng mun cho bt k ngi no thy cho
n khi lm xong. (y l mt mc nh dnh cho trang mi)
(2) Ngi s dng khng xc tht: tt c nhng ngi n xem trang web ca
bn u l ngi n danh. Khng xc nh c ngha l ngi khng ng nhp
vo v cng khng ng k nh l mt ngi s dng website ca bn. Do ngh l y
nh l phn cng khai mi vic nn bn mun cho mi ngi c th thy.
(3) Ngi s dng c ng k: nhng ngi ny c in y vo mu ng k
trn website ca bn v by gi h ch cn nhp vo tn s dng v nh mt m v
sau ng nhp vo.
(4) Nhm ngi s dng: H l nhng ngi s dng c ng k c a vo
nhm c bit hoc Role m h to (gia nh hoc nhng khch hng). c
nhiu thng tin hn v nhm ny th bn phi c phn hng dn: Manage Users.
7. Di chuyn trang
Quan trng l bn phi hiu trang khng th di chuynnhng bn c th di
chuyn Menu i xung quanh. V th di chuyn trang l bn phi thay i ni m mc
Menu xut hin trang ca bn. C 2 cch thc hin v chng ta se thy c c
hai.
Menu Before

Menu After

Cc bc thit lp trang.
Cch n gin nht l di chuyn tng trang thay i chng t trang thit lp.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 45

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

1. Bt u t trang m bn mun di chuyn. Click vo nt Setting trn Control


Panel. Trang tip theo bn se thy mt trang tng t nh lc bn in vo khi to
trang mi, ngoi tr l n se a ra tt c cc thit lp ca trang (thay v trng). Bn
c th kim tra li c ng l trang ca bn chn qua ghi nh Page Name trong
phn chi tit trang.

2. Trong Page Management page, di chuyn xung Parent Page setting.

3.
di.

Click vo danh sch ri xung v chn trang m mc menu se xut hin pha

4. Khi bn hon thnh xong nhng bc trn, di chuyn vi gia trang v click
vo Update lu li s thay i ca bn!
Cc bc thc hin: trang trong Menu Admin
y l cch ph hp nht khi ban mun di chuyn nhiu trang. Danh sch cc trang
th hin ht tt c cc trang ca bn thnh mt danh sch, vi s tht dng minh
ha cho trang gc ca trang khc.
1. Di chuyn xung menu Admin v chn menu trang. Bn se c a ra danh
sch cc trang v iu khin nhng trang m bn mun di chuyn.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 46

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Thay i th t ca Menu, n gin l chn mt v di chuyn chng ln hoc


xung danh sch bng cch nhp vo cc mi tn ph hp.

For example...

Menu After...

3. Thay i lng Menu, n gin l chn mt v di chuyn sang phi hoc tri
trong danh sch theo mi tn thch hp.
For example...

TTTH & Thng tin KHCN _________LU HNH NI B

trang 47

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Menu After...

Nhng s thay i ca bn se c lu li ngay lp tc.

III. Module
1. Tng quan v module
Website c to t 1 hoc nhiu trang. Nhng nhng trang khng hin th
thng tin ngi truy cp vo xem. chnh l vai tr ca Modules.
Modules cung cp nhng mt vi thng tin hoc chc nng ca website m l
cch kt hp duy nht lm trang web c bit. Modules c th n gin l mt on
vn bn hoc hnh nh, hoc c th phc tp nh tnh ph bo him hoc thit thc
l ni chuyn trc tuyn.
S iu hng: bn t Module u?
Cc Module nm trong cc ca trn trang. Cc ca chnh l cc phn
c xc nh trc trn trang l ci gip chng duy tr khi xut hin. Mi trang
Skin c t nht l mt ca s. Mt Skin c th c vi ca s dnh cho nhng mc
ch c bit.(th d: logo hoc banner nm trn u ca mt website).
Modules

Ni dung: Module c nhng dng no?


Dot Net Nuke uc nh dng vi nhng con s chun ca Module. C nhiu
loi module dng c vi nhiu loi ngun khc nhau (c min ph v bun bn).
Danh sch ngn gn di m t cc inh dng ca module.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 48

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Ti khon ng nhp cho php ngi s dng ng nhp vo portal ca bn.


Announcements ca nh sn xut l danh sch ca cc on vn bn thng bo bao
gm tiu v hng dn ngn gn.
Banner cung cp cho website nhng qung co lt vt. Bn c th chn s lng
banner hin th cng nh l dng banner.
Blog weblog cho quyn ngi truy cp s dng blog.
Contacts hin th ni dung thng tin cho mt nhm ngi nh l mt nhm n.
Discussion danh sch mt nhm thng ip c gi ln cho mt ch c th.
Document hin th danh sch cc ti liu, bao gm cc ng lin kt c duyt qua
hay ti v.
Events hin th danh sch cc s kin c a ln, bao gm thi gian v v tr. Danh
sch cc s kin ny c th c thit lp thay phin nhau hon tr trong nh dng lch
biu.
FAQs cho php bn qun l danh sch cc cu hi thng xuyn v nhng cu tr li
ca h.
Feedback cho php nhng ngi truy cp gi nhng thng ip n qun tr vin ca
website. Nu nh ngi truy cp ng nhp vo, tn bn se t ng
Forum l ni mt nhm ngi to ra v qun l tho lun v p l ca cc ch .
iu tit ngi s dng, cc avatar, biu tng mt ci v nhng email thng bo u
c ng h.
Gallery hin th cc album ha v cc tp tin a phng tin.
IFrame l nt c bit ca phn duyt internet Explorer n cho php hin th ni dung
t trang web khc trong module ca bn.
Image hin th nhng image ch nh. n gin l module se cp ti nhng image
c lin quan hoc URL tuyt i, cho nhng file image khng cn phi tr ng trong
trang web ca bn.
Links hin th danh sch ca cc ng siu lin kt n bt c trang no, image hoc
l mt file no trn website ca bn, hoc n mt tp tin, image hoc l mt trang ca
website khc.
New Feed (RSS) hin th nhng thng tin mi c cung cp trn trang ca bn. N
cung cp cho ngi truy cp cp nht c nhng thng tin mi nht, nhng thng tin ca
ti trn bt c lnh vc no ca ch .
Search Input c th hin th trn bt c trang no.
Tm kim kt qu c th hin th trn bt c trang no.
Text/HTML cho php bn thit k ni dung ca mt on vn bn, hoc thm html.
Bao gm hnh nh ca tt c image bn ti ln.
Ti khan ca ngi s dng module cho php ngi ng k s dng thm, sa
cha v cp nht thm nhng thng tin chi tit vo User Account. Cc dch v ca hi vin
se c qun l ti y.
User Defined Table cho php bn to bng d liu ty thch cho vic qun l danh
sch cc thng tin. Nhng d liu c sp xp theo th t A-Z hoc Z-A khi click vo
tiu tng ct.
XML/XSL hin th kt qu ca s chuyn i XML/XSL. Cc tp tin XML v XSL
c nhn dng bi ng dn UNC trong c tnh xmlsrc v xslsrc ca module.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 49

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

S bo mt: Ai l ngi c th nhn thy v thay i Module?


Thit lp s bo mt cho Module cng ging nh ca trang. Bn phi chc rng l
bn khng mun bt k ai nhn thy nhng thng tin module hin th trn website ca
bn. Nu website ca bn cho php ngi truy cp ng k, bn se cho ngi s dng
nhng s cho php c bit. Bn c th cho hoc v hiu ha ngi s dng truy cp
vo nhng module ch nh m ch c bn mi c th thy ht ton b trang.

Module c s la chn c bit l n Inherit View permissions from Page. n


gin l a cho module cng s cho php nh l nhng trang ch nh. Nu trang
cho php thay i th module cng cho php thay i chng.
Hnh thc: module nhn nh th no?
Module hin th ni dung theo chc nng. V th ni dung ca Contacts module
khc vi ni dung ca module Feedback. gip cho ngi truy cp c th phn bit
c ni dung v nhng chc nng thng thng( nh phn thit lp v gip ),
module c containers (hoc trnh bao bc) l ci m gip chng xut hin nht qun
vi nhau.
C vi mu Skin, ngi thit k web c th cung cp mt hoc nhiu chc nng
ca Container. Bt c container no cng c th s dng vi bt c Skin no, d h
thng xuyn thit k n ph hp vi skin.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 50

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Thm module vo trang


Add a Module to a Page
Dng control panel thm module vo trang
Modules are added to a Page using the Control Panel.

Cc bc thc hin: ch i hi nhng bc ny


Step By Step: Only the Required Steps
Cch thm module vo trang ny ch i hi 2 bc.
There are only two required steps to add a Module to a Page.
1. Chn Module t hp danh sch ri xung.
1. Select a Module from the dropdown list.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 51

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Click vo nt Add trn control Panel.

Module se c thm vo vi nhng thit lp mc nh. (c hin th trong


control panel)
The module will be added with all the default settings (visible in the Control
Panel).
Cc bc thc hin: vi tt c cc la chn
Nh mt s la chn, bn c th thay i cc thit lp khc trong control panel
trc khi thm trang. Mi mt thit lp u c th c la chn.
1) Chn Module t hp danh sch ri xung.
2) t con tr chut vo vng tiu v nh tn ca Module vo. Tn ny se
xut hin trong phn tiu ca module container khi bn thm trang( nh minh ha).
Nu vng pha bn tri, th l tn ca module (th d Text/HTML se i).

3) Chn Visibility ca trang t hp danh sch. y ch c 2 s la chn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 52

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Same AS Page c ngha l Module se hin th bt c website no th ngi truy


cp cng c th thy trang . Nu trang hin th rng ri th module ca bn
cng se hin th ngay lp tc.
Nu module mi i hi cu hnh m bn chn phi l Page Editors Only. Gi
cho module khng hin th khng cho php bt c ngi truy cp no c th vo
sa i. Tnh trng hin th c th b thay i trong Module settings khi n sn
sng.
4.) Chn ca ca Skin l ni m bn se thm Module vo. Ni dung ca hp
danh sch ri xung ny c th khc vi Skin khc. Ni dung ca ca c ch nh
bi nhng ngi thit k skin.

Theo minh ha di y th n se th hin Skin vi nhng ca khc nhau


nhng mi v tr v kch c khc nhau. M vi ca se c kch c ph hp v n
dnh cho nhng mc ch c th.(nh l hin th ca minibanner hoc logo).

5) Chn ni m mun chn module vo ( trn u hay l gia). module hin


th trong ct ca ca. Nu module nm trong ca ri, th module mi se c
thm vo trn u hoc l gia (nh l thuyt). Nu cn thit Module c th c
di chuyn sau khi thm vo trang.

6) Chn cch m ni dung sp xp trong module (tri, gia, phi). Mt vi


container khng cho php sp xp.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 53

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

7) Chn Add New Module (mc nh) hoc Add Existing Module.

Nu bn chn thm vo module hin hnh, trang se refresh, module v Title ca


vng se c thay th trong Control Panel vi vic ngi chn ch nh trang v
module hin hnh. y l chc nng sao chp t module hin hnh. Khi m ni dung
uc cp nht nguyn bn hay sao chep, th tt c s thay i c sao chp li.
8) Click vo nt Add trn Control Panel.

3. Di chuyn module

Bn c th di chuyn module t v tr ny sang v tr khc trn trang. C th se


thay i th t ca module trong ca hoc di chuyn module t ca ny sang ca
khc. Bn cn c th di chuyn module t trang ny sang trang khc.
C 2 cch khc nhau di chuyn module. Bn c th dng lnh trong Module
Actions Menu hoc l bn dng Drag&Drop.

Cc bc thc hin vic di chuyn module trong Module Actions Menu


Hu nh trong bt c module Container no cng sn c Module Actions Menu.
Chng ta c th s dng lnh thay i v tr ca hai module Text/HTML trn trang.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 54

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

1. a con chut vo Module Action Menu v cun xung mc menu Move.


Lnh Move to lun lun hin din v c th khc vi skin khc. Ch c th dng
Move to cho mi ca ca Skin.

Lnh di chuyn ph thuc vo s thay i v tr ca module. T v d t lvo


gia ct, khng c s la chn di chuyn xung (ch c di chuyn ln).
2. Chn mc Menu nhn bit ni mun di chuyn Module n .
Cc bc thc hin vic di chuyn bng Drag& Drop
Hu nh trong bt c module no cng sn c Drag&Drop ni m tiu c
hin th. Chng ta s dng Drag&Drop thay i v tr ca 2 module Text/HTML
trn trang.
1. Nhp chut tri v gi chut cho hin ra di Title ca module. Bn se ch
n module c l ra xung quanh n c ng vin ngoi. ng vin ngoi ch
rng module sn sng c di chuyn sang v tr mi.

2. Gi nt chut tri, di chuyn Module sang ca khc. Khi bn vt qua ca


khc th n se hin v tr ni bt nht, ra du l module c th tht xung v tr
mi.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 55

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

3. B chut ra khi ca sng ln. ca se refresh li v Module se v tr mi.

Cc bc thc hin vic di chuyn sang trang khc


Di chuyn Module t trang ny sang trang khc th phi lm xong t cc trang
Module Settings.
1. Tr con chut vo Module Actions Menu v di chuyn vo mc thit lp. Nh
l mt s la chn, nhp vo Container c hin th biu tng cho Module Settings.

OR

TTTH & Thng tin KHCN _________LU HNH NI B

trang 56

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Trn trang Module Settings, di chuyn xung phn Advanced Settings.

3. Chn trang t hp danh sch ri xung ca Move to page di chuyn


Module.

4. Click vo update gia trang Module Settings di chuyn module sang


trang mi ( v lu li cc thay i ny).
4. Xa module
Khi mt Module khng cn cn thit na th bn c th xa chng.
Cc bc thc hin trong Module Actions Menu
Hu nh bt c module Container no cng sn c Module Action Menu. Chng
ta se dng lnh xa module.
1. Tr con chut xung Module Actions Menu v di chuyn xung mc Delete
v click chut tri.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 57

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Click vo OK xc nhn s xa module.

Cc bc thc hin trong module setting page


Bn c th xa Module trong trang Module Settings.
1. Tr con chut xung Module Actions Menu v di chuyn xung mc thit lp.
Nh l mt s la chn, cc Container hin th biu tng cho Module Settings ri
click vo .

OR

2. Di chuyn vo gia trang Module Settings v nhp vo nt Delete.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 58

Gio trnh Thit k Web vi DotNetNuke 5.x

3.

S KH&CN kLk

Click vo OK xc nh l xa module.

5. Phc hi module b xa
Thng rc l ni m cc Module (v Trang) se n khi bn xa chng. Chng
ta c th phc hi t thng rc cho n khi thng rc trng. Phc hi li cc module b
xa cng tng t nh phc hi trang b xa.
Di chuyn chut xung menu Admin v chn Recycle Bin.

Cc bc phc hi module

TTTH & Thng tin KHCN _________LU HNH NI B

trang 59

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

1. Chn Module m bn mun Restore. Ni dung ca danh sch l tt c


nhng module m bn xa t lc trc.

2. Chn Page t hp danh sch ri xung ni m bn mun Module se c


hon li. Module thm vo se c ch nh vo ni dung ca ca mc nh.

3. Click vo nt Restore. Module ca bn se c di chuyn t danh sch cc


module ca thng rc( v n se ti ni m Trang ch nh).

Cc bc xa trang (vnh vin)


1. Chn Module m bn mun xa i vnh vin. Ni dung ca danh sch l
nhng module m bn xa t lc trc.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 60

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Click vo nt Delete trn phn Module.

3. Click vo OK xc nh xa. Module ca bn se di chuyn t danh sch cc


module ca thng rc v bi xa i vnh vin.

Cc bc lm trng thng rc
Nu thng rc ca bn c qu nhiu rc, bn mun thng rc trng tin s dng
sau ny. Lm trng thng rc l bn xa i vnh vin Trang v Module trong .
1. Click vo Empty Recycle Bin nm gia trang.

2. Click vo OK xc nh l xa ht tt c cc Trang v Module trong thng


rc . Chng se c di chuyn t danh sch cc trang v module trong thng rc v b
xa i vnh vin.

Sau thng rc se xut hin trng rng.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 61

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

6. Phn quyn s dng module


i khi bn khng mun n cc trang bng cch phn quyn s dng chng. i
khi bn mun trang hin th v uc bo v bi mt vi Module cha n. tht
s l mt iu hu dng lm cho ngi truy cp website bn rng h c th nh gi
thm thng tin nu h c ng k v sau h ng nhp. Nu ngi truy cp
website khng nh gi c cc module ring, th n gin l h se khng nhn thy
c trang .
Trang ny danh cho nhng ngi truy cp n danh:

V n se nh th ny sau khi h ng nhp vo ch rng Module u tin


dng nh "khng xut hin" v mt vi module mi c "xut hin". l do vic
thc hin Module Permission.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 62

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Cc bc thc hin vic thit lp Module Permissions


Chng ta va s dng trang hnh nh v d trn. Cc qun tr vin ( l bn)
thy c nhng iu hin th trn tt c Module (v th bn c th thy v thay i
cc thit lp ca bn).

1. Click biu tng thit lp Module hoc chn thit lp t menu Module
Action thy thng ip registration required(chng ta lm module viewable ch
dnh cho nhng ngi khng ng nhp). N nm ca s u trang.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 63

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Check vo chp nhn cho ngi s dng khng xc nh thy module. Khng
check bt k nhm no khc (ch qun tr vin lun lun c View Module
permission).

Click vo Update gia trang lu li nhng s thay i ca bn.


2. By gi nhp vo biu tng thit lp Module hoc chn thit lp t menu
Module Actions cho mi mt module (chng ta lm Module viewable ny l ch dnh
cho nhng ngi s dng c ng nhp vo). Bn cn lm iu ny cho mi mt
module trn trang ca bn nu bn ch mun cho nhng ngi s dng c ng k
dng.
Check vo Registered Users cho php View Module . Khng check vo
c nhm khc.

Click vo Update gia trang lu li nhng thay i ca bn.


TTTH & Thng tin KHCN _________LU HNH NI B

trang 64

bt

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nhng thng tin thm


Additional Information:
C bn cch khc nhau a ra nh gi v Module trn website ca bn. Ai l
ngi c th thy c mi mt module?
(1) Administrators: ch c ngi s dng ny mi c quyn qun l website ca
bn, c th thy c cc module ( ngi l bn)! y l mt thit lp nn dng
cho module khi m bn thit lp mt qu trnh nhng khng mun bt c ai c th
nhn thy cho n khi bn hon thnh. Bn c th dng chc nng Page Editor Only
ca Visibility selector khi bn thm module mi v gi ring chng cho n khi bn
sn sng
Khi m mt Module ch hin th cho qun tr vin ca website thy n se vin
bo hiu cho bn. Bn se khng qun cch ny khng c ai c th nhn thy
ngoi tr bn.

(2) Unauthenticated Users: tt c nhng ngi truy cp u c th thy module


n ca bn. Khng xc thc c ngha l nhng ngi s dng ny khng ng nhp
v c th h cng khng ng k nh l ngi s dng website ca bn. nh gi
l iu mang tnh cng chng nn bn mun bt k ai cng c th thy c.
(3) Registered Users: ngi s dng ny in vo mu ng k trn website
ca bn v by gi h c tn s dng v mt m v h ng nhp vo.
(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) Nhm ngi s dng ty thch: l nhng ngi ng k s dng m bn
t h trong mt nhm c bit hoc to cho h mt "vai tr" (th dgia nh hoc
khch hng).

IV. To Portal con


to mt portal con bn cn phi ng nhp vi ti khon host, sau bn thc
hin theo cc bc sau:
Bc 1: vo menu: Host Portal
TTTH & Thng tin KHCN _________LU HNH NI B

trang 65

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 2: Ca s sau se xut hin, nhn chut vo nt Thm Portal Mi b sung


mt cng thng tin mi. Lu l vi cch lm ny bn c th b sung mt portal cha
hoc portal con.

Bc 3: T ca s hin ra, in cc thng tin v cng thng tin con cn to.


V d thng tin t hnh di y se to cng thng tin con trn Portal
skhcndaklak.gov.vn vi tn TrungTamTinHoc. S dng ti khon ng nhp
qun tr l ttth_admin:

TTTH & Thng tin KHCN _________LU HNH NI B

trang 66

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bc 4: Nhn nt To Portal thc hin vic portal con. Nu thao tc thnh


cng bn se thy mt portal con mi c to ra.

Ln sau, qun l portal con ny bn cn ng nhp vi username l ttth_admin


va to trn. Vit thit k trang web hon ton ging vi vic thit k trn Portal
chnh.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 67

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

BI 3: QUN TR WEBSITE
I. Thay i skin website
Skin are fun! Skin l phng thc dng m t cch hin th v cch b tr cc
trang trn website ca bn. V bn c th thay i chng vi mt vi nhp chut n
gin!
Mt Skin c th rt n gin hoc phc tp. N c th cung cp Menu nm dc
hay nm ngang, cung cp nhng dng khc nhau ca Container ( nh skin cho
Module), cung cp cc cch b tr khc nhau, v..v.. l ty theo s thu thp skin ca
ngi thit k.
y c v d v vi Skin bao gm c DotNetNuke. Nhiu skin c th dng nhiu
ngun khc nhau (c min ph ln bn). Skin ca website c th c thit k ty
thch.

Cc bc thay i mc nh ca skin

TTTH & Thng tin KHCN _________LU HNH NI B

trang 68

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Skin mc nh ca website bn c qun l trn trang ch b nh hng bi


qun tr vin. Thit lp ny cung cp cho bn ton b website v tt c cc trang m
bn to ra.
1. Chn Skins t menu Admin

Trn trang Skins, bn thy c mt vng v chn c hai Skin v Container cho
website ca bn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 69

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. Chn trong tp su tp Skin xem t hp danh sch ri xung u trang.

Check vo hp Host v Site cho bit l bn mun thy skin options c


cung cp bi my ch (cho mi ngi) v ch ph thuc vo site ca bn. Nhng chn
la se xut hin trong hp danh sch ri xung. Khi bn chn mt, th tang se lm
mi li hin th b su tp ca Skins v Container.
3. gia trang bn c th nhn dng skin bn chon c p dng cho public
Portal ca bn hoc ch phn Admin ca website.

Check hp Portal v Admin cho bit l bn mun p dng skin m ban chn
cho c 2 dng trang (y l mc nh).
4. Chn Skin m bn thch nh l mt mc nh cho trang web ca bn v nhp
Apply.
Nu Skin bao gm hnh nh, n to ra hnh nh ci m bn c th nhp vo
thy hnh ln hn. Bn c th nhp vo Preview ci m se bt ln ca s hin ra trang
ch ca website vi Skin va mi p dng (bn phi chc l ng ca s khi bn
xem trc xong).

Website ca bn by gi thay i Skin mc nh (nh minh ha bn di). Bn


cng c th thit c mc nh Container khin cho skin ca bn p hn (ch
container xanh vn l mc nh nh bn di).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 70

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Cc bc thay i container mc nh
Qun l Container trn trang web ca bn cng ging nh trn Skin. Tng t
nh skin, cc thit lp ca bn c p dng trn ton b website v ti tt c cc
Module mi m bn to. N c th nh r cc container khc nhau trn cc module
c nhn (nu bn mun).
Chng ta se lp li bc 1,2 &3 nh trn v sau ch mc nh ca Container.
1. Chn Skins t menu Admin.
2. Chn b su tp Skin hoc Container mun xem t hp danh sch ri xung
u trang. Thng th b su tp skin se bao gm cc mu m bn mun chn.
3. gia trang bn c ch r l Container m bn chn nn p dng vo puclic
Portal ca bn hoc ch l phn Admin trn website ca bn.
4.

Chn Container l mc nh cho trang web ca bn v nhp vo Apply.

Nu Container c hnh nh, n uc to t hnh nh l ci m c th nhp vo


cho ra hnh ln. Bn c th nhp vo Preview l ci n se bt ln ca s hin ra trang
ch ca website vi skin c p dng (phi chc l bn ng ca s window
khi bn xem trc xong).

Website ca bn by gi se thay i Container mc nh (nh minh ha bn


di). Bn thay i xong c Skin v container, b ngoi trang web ca bn lm
xong!
TTTH & Thng tin KHCN _________LU HNH NI B

trang 71

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Cc bc thay i skin/container cho trang n


C th ch r s khc nhau ca Skin v Container mc nh cho mt trang c nhn
ca website bn. Bn phi ch rng nu bn thay i skin hoc container ti trang
, th nhng thit lp se khng c tc ng khi bn thay i mc nh.
Khi bn thay i mc nh ca Container cho mt trang n, container uc p
dng bi mc nh ca bt c Module no c thm vo trang .
1. Thng qua trang m bn mun thay i Skin hoc mc nh ca Container.
2. Chn Setting t Page Fuctions ca Control Panel.

3. Trn trang Page Management, m rng ra l nhm cc thit lp nng cao khi
nhp vo biu tng . Cun ti phn thit lp Page Skin v Page Container phn
Appearance.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 72

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

4. Nt Host v Site cho bit l bn mun nhn thy skin options c kim bi
host (cho mi ngi) hay l ph thuc vo site ca bn. Khi bn chn mt, trang se
lm mi li hin th b su tp ca Skins v Containers.
Chn Skin hoc Container mc nh m bn thch ri p dng vo trang.

Nt Preview lm vic nh l n trn trang Skin, cung cp ca s bt ln vi


trang ch ca website bn vi s la chn p dng.
5. Khi bn lm xong nhng bc trn, di chuyn vo gia trang ri nhp vo
Update lu li nhng thay i ca bn!

II. Thay i logo ca website bn


Trc khi bt u, iu quan trng l chng ta phi hiu Logo ca bn c hin
th nh l mt chc nng Skin ca website bn. Nu skin khng h tr hin th cho
logo, th sau khi bn thay i n cng se khng c hiu qu! Nhng hu ht cc mc
nh ca skin u n vi DotNetNuke (v nhiu th c to bi ci khc) thc
hin iu .
y l mt v d ca Skin vi phn Logo c lm ni bt.

y l v d ca Skin khng c hin th Logo.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 73

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Cc bc thc hin vic thay i logo ca bn


Logo l mt thuc tnh ca Site Settings, ch c qun tr vin mi c th ti c
n trn website ca bn.
1. Chn Site Settings t menu Admin.

2. Trn trang Site Settings, di chuyn xung phn Appearance v tm phn thit
lp Logo.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 74

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

3. Nu nh bn ti tp tin Logo ca bn ln, n gin l chn danh mc (v tr


tp tin) c ni dung ca logo bn t hp danh sch ri xung. Trang se t ng lm
mi li trong khi File Name se ri xung t danh sch cc tp tin ca bn, sau chn
tn tp tin.

Nu nh bn cn ti ln mt file mi, bn c th nhp vo Upload New File v sau


chon file nm trn my vi tnh ca bn ti ln.

Phi chc rng v tr tp tin ch nh ti tp tin ln (Root l mc nh), nhp vo


Browse trn file trong my vi tnh ca bn v sau nhp vo Upload Sesected File
di chuyn chng t my vi tnh bn ln website ban.
4. Nhp vo Update gia trang lu li nhng thay i ca bn! Logo mi
ca bn by gi se thay th logo c.

III. Qun l ngi s dng website ca bn


Ai l Users trn website ca bn? Thut ng User c p dng cho bt k
ngi no truy cp vo website ca ban. Nhng d ch l hai dng c bn ch nhng
ngi vo truy cp website ca bn.
Dng ngi u tin l ngi ch nhn lt xung quanh v khng bao gi ng k
hoc t nht l cha bao gi nhp vo h thng, nhng ngi gi l ngi s dng
khng xc thc. Ngi s dng khng xc thc l n danh.
Dng ngi th hai l ngi c ng nhp vo. ng nhp vo th h phi ng
k t trc v v th h c cp ti nh l nhng ngi s dng c ng k.
nhn ra nhng ngi s dng c ng k l h c bit v uc bn cho s chp
TTTH & Thng tin KHCN _________LU HNH NI B

trang 75

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

thun c bit xem hoc thay i ci g m ngi s dng khc khng th lm


c.
khng phi l s i hi ca website bn yu cu ngi s dng phi ng
k l mtla chn m bn c th chn. C th bn mun c mt website c ni
dung dnh cho tt c nhng ngi truy cp vo. Nhng bt k iu g th phi c t
nht mt ngi s dng ng k vo website bnbn(qun tr vin)!
Cc bc thc hin chn dng website ng k
u tin bn mun chn dng ng k m bn mun s dng trn website ca bn.
Quan trng l cch la chn, nhng bn khng nn thay i chng khi lm ln u
tin.
1.

Chn Site Settings t menu Admin

2. Trn trang Site Settings. Di chuyn xung phn Advanced settings v tm


phn thit lp User Registration.

3. Chn mt trong nhng hp option bng cch nhp vo nt thch hp .

None:

Registration l khng c hp la chn sn c ch ngi truy cp. Nt


Login vn hin th cho qun tr vin c th ng nhp vo; tuy nhin Nt registration

TTTH & Thng tin KHCN _________LU HNH NI B

trang 76

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

vn c giu i. Phn thit lp thch hp cho ch n khng bao gm bt c ni


dung .
Private:

Nhng ngi truy cp cung cp cho website nh gi. nh gi ca tt c


ngi s dng c gii hn n nhng ngi s dng n danh cho n khi bn dt
khot cho php h. Phn thit lp thch hp cho ch yu cu phi c s chp thun
ca nhng ngh Registration ( th d website gia nh c nhn ch mi nhng
ngi bn v nhng ngi h hng vo m thi).
Public:

Registration t ng (v ngay lp tc) cho php m khng cn c s xc


nhn hp l no. Phn thit lp thch hp cho ch n gin l mun gi cch i x
m khng cn i hi bao gm c nhng thng tin hp l.
Verified:

Registration to ra m xc minh bao gm c emai welcome gi n


a ch m ngi s dng cung cp. C s cng nhn nh vy khi m ngi s dng
cung cp m xc minh khi h ng nhp ln u tin. Qu trnh ny phi c bo
m rng tt c nhng ngi s dng c ng k cung cp ng a ch email.
4. Nhp vo Update gia trang lu li nhng thay i ca bn! S ng
k ca bn by gi c hiu lc.
Cc bc qun l ngi s dng
Mt khi bn c ngi s dng, th bn c th thm, cp nht, hoc xa h.
1. Chn User Accounts t menu Admin.

T trang User Account bn c th tm thy ngi s dng ang dng bng cch tra
cu Username hoc a ch email hoc bn c th lp danh sch ngi s dng theo
alpha. Danh sch ny nhanh chng a cho bn thng tin ngi s dng bao gm c
nhng ngi c hoc khng cho php.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 77

Gio trnh Thit k Web vi DotNetNuke 5.x

2. Nhp vo biu tng cy bt ch


Account ca ngi s dng.

S KH&CN kLk

k bn Username m trang Edit User

T trang ny c mt s chc nng chn la qun l m ban c th p dng.


Cho php ngi s dng bng cch check vo authorized (hoc UN-authorize
bng cck khng check vo hp . Gi li nu bn thit lp s ng k c nhn, cc
bc cho php c lm bng tay i hi hoc khng khi ngi s dng bn ng
nhp vo!

Require (hoc c th la chn) vng thng tin cho ngi User Registration.
Nu cc hp u c check th vng ny se i hi khi ngi s dng ng k trn
website bn. Nu cc hp u khng check th vng ny se c coi nh l c th
la chn.

Xc lp li mt m cho ngi s dng khi h nhp vo bng mt m mi v xc


nh li chng bng cch nhp li ln na.

3. Nhp vo Update gia trang lu li nhng thay i ca bn!

TTTH & Thng tin KHCN _________LU HNH NI B

trang 78

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

IV. Ti tp tin ln website ca bn


Website ca bn c lm duy nht bi ni dung ngi truy cp vo c th tm
chng . Bn c thm nhng dng ni dung khc nhau thng qua cc loi module
( th d nhng thng bo, on vn bn, thng tin bao hm, v..v.). Nhng ti mt vi
im bn se mun ti nhng tp tin ca bn ln nh hnh nh, banner, form yu
cu, chng t kinh doanh,v..v.
Bt c lc no bn cng cn phi ch r tp tin(nh l khi bn thay i logo) bn
se nhn thy phn iu khin nh cho bn ti tp tin ln. l phn iu khin bng
tay, nhng n i hi nhng cng c mnh qun l tp tin v th mc gi l tp tin
qun l.
Cc bc thc hin ti tp tin ln vi phn File Manager
File manager cung cp ton b bn qun l cc tp tin v th mc. Bn c th
dng n ti mt tp tin mi ln website ca bn.
1. Chn File Manager t menu Admin.

N se m ra trang File Manager.

2. To mt Folder ti tp tin ca bn ln. Cc Folder se gip bn t chc li


khi bn c qu nhiu tp tin.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 79

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nhp vo Folder hin ti l ni m bn mun th mc mi ca bn c to (th


d Portal Root). a con tr vo mc nhp ca Folder mi v nhp vo nt Add
Folder .

3. Chn Folder m bn mun ti tp tin ln v sau nhp vo nt Upload File


. N se dn bn n trang khc m n se ch r cho bn mt hoc nhiu tp tin mun
ti ln.

Bn c th ch th mc ca bn chn trc nh l mc tiu bn ti ln. Bn


c th thay i th mc mc tiu bng cch chn ci khc t hp danh sch ri xung.

4. Nhp vo nt Browse v chn tp tin cn ti ln trong my vi tnh ca bn.


Sau nhp vo nt Add v lu li chng trong danh sch ( nn nh bn c th ti ln
nhiu file). Khi bn chn tt c cc tp tin, nhp vo Upload New File di chuyn
tp tin ln website ca bn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 80

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

BI 4: S DNG CC MODULE
I. S dng module Text/HTML
Module Text/HTML l "Swiss Army Knife" ca module. N cung cp mt trnh
son tho WYSIWYG to ra mt ni dung ca chnh bn bng HTML hoc l vn
bn thun ty. Giao din module tng t nh mt trnh bin tp document ph bin
v rt d lm.
Dng nhng g m bn hc trong phn thm module vo trang thm mt
Text/HTML mi vo trang ca bn.

Cc bc son tho vn bn(n gin)


Module ban u bn to ra khng c ni dung. N ch hin th mt Container
trng, vi Title v Action Buttons.
1. Nhp vo nt Edit Text (hoc chn Edit text t Module Actions Menu).

Trn trang Edit Text/HTML bn se thy rng bn (mc nh) ang s dng Rich
Text Editor trong mu thit k. N se cung cp cho bn mt kin tt nht khi
m bn hon thnh th ni dung se nh th ny.(WYSIWYG = What you see is what
you get).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 81

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

II. S dng module thng bo


Module thng bo a ra mt danh sch cc on thng bo n gin bao gm tiu
v nhng hng dn ngn gn. N rt thun tin nhng ngi truy cp website
nhn bit c cc mc quan tm khi c lin kt nhng thng tin thm vo.
Dng nhng g bn hc trong thm module vo trang thm module thng
bo vo trang ca bn.

Cc bc thm thng bo mi
Module ca bn c to ra lc ban u th khng c ni dung. N ch hin th
mt Container trng, vi Title v Action Buttons.
1. Nhp vo Add New Announcement (hoc chn Add New Announcement t
Module Actions Menu).

Trn trang Edit Announcements bn se thy rng c mt vi vng bn cn phi


in vo trnh vn bn WYSIWYG nh lc s dng cho module Text/HTML.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 82

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. t con tr chut vo vng Title v nhp vo mt cu lnh ngn gn tm


tt thng bo ca bn. Ty chn, nh vo hp Add Date ni d liu vo ngy hin
hnh tiu thng bo ca bn.

3. t con tr chut vo phn m t v dng nhng tnh nng ca trnh vn bn


WYSIWYG to ra phn ni dung cho thng bo ca bn.

4. Chn dng lin kt cho thng bo ca bn v hon thnh nhng thng tin thch
hp. Bn c th ch r ng lin kt cho website, trn trang ca website bn hoc n
mt tp tin trn website (nh l hinh nh hoc ti liu PDF).

5. Chn ng lin kt t nhng hp ty chn c sn.

Nu nh chn Tracking, bn se c th kim tra ng lin kt ny c click vo


bao nhiu ln. Nu bn chn Logging, bn c th on c ai click vo ung lin
kt ny ( Nu ngi s dng ng nhp vo h thng). V nu nh bn chn New
Window, ng link ca bn se lm cho mt ca s trnh duyt c m ra cho
ng link .
TTTH & Thng tin KHCN _________LU HNH NI B

trang 83

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

6. Ch r ngy m thng bo ca bn ngng khng hin th na. Bn c th nhp


vo Calendar bt ln lch biu l ni m bn c th chn ci ngy .

7. Bao gm View Order sp xp li thng bo ca bn. Theo mc nh, chng


se c sp xp nh lc m bn to ra chng.

8. Khi bn lm xong, phi bo m rng bn nhp vo Update gia trang


lu li nhng thay i ca bn. Bn phi update nh th no ngi truy cp
website c th nhn thy.

III. S dng module lin kt


Module lin kt hin th danh sch ca nhng ng siu lin kt n c bt
c trang no, hnh nh hoc tp tin trn website bn; hoc l mt tp tin, hnh nh hoc
mt trang no website khc.
Dng nhng g bn c hc phn thm module vo trang thm mt
module lin kt mi cho trang ca bn.

Cc bc thm mt ng lin kt mi
Module ca bn to ra lc ban u th khng c ni dung. Ch hin th mt
Container trng vi Title v Action Buttons.
1. Nhp vo Add Link (hoc chn Add Link t Module Actions Menu).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 84

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Trn trang Edit Links bn se thy vi vng m bn cn phi in vo nh kim


sot Link Type v hp la chn trn cc module khc.

2. t con tr chut vo vng Title v nhp vo mt nhm t ngn cho on


vn bn lin kt ca bn. Gi tr ca n l se hin ra nhng ng lin kt thc.

3. Chn Link Type cho ng lin kt ca bn v hon thnh nhng thng tin
thch hp. Bn c th ch nh r ng lin kt n website, trang no hoc l mt
tp tin trn website bn (nh l hnh nh v ti liu PDF).

4. Chn t nhng la chn sn c cho ng lin kt.

Nu nh bn chn Tracking, bn se kim tra c ng lin kt c click


vo bao nhiu ln. Nu nh bn chn Logging bn c th on c ai l ngi click
vo ung lin kt o (nu nh ngi truy cp c ng nhp vo). V bn chn New
Window, ng link ca bn se lm cho mt ca s trnh duyt c m ra cho
ng link .
6. Ch r phn m t cho ng lin kt ca bn. Phn m t se
TTTH & Thng tin KHCN _________LU HNH NI B

trang 85

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

7. Bao gm c phn View Order cho phn sp xp cc ng lin kt ca bn.


Theo mc nh, chng se c sp xp nh lc m bn to ra chng.

8. Khi bn lm xong, phi chc rng l bn nhp vo Update gia trang


lu li nhng thay i ca bn. Bn phi update module nh th no ngi truy
cp vo website bn se nhn thy.

Nhng ch l mc nh bn ngoi cho module lin kt tht ra n ch l mt


ng siu lin kt trn tiu vn bn. se c vi hp la chn sn c.
Cc bc hin th hp la chn
Module lin kt c mt vi Display Option l ci m bn c th thay i v ngoi
ca n. minh ha r hn th nhng thitlp se thay i module ca bn se xut
hin, y l v d dng mt module c thm vo mt vi ng lin kt ph.
1. Nhp vo nt Settings (hoc chn Settings t Module Action Menu).

Or...

2. Trn trang Module Settings, di chuyn xung Links Settings v nhp vo nt


m rng on ra. N se ch bn nhng hp la chn sn c ca module lin kt

TTTH & Thng tin KHCN _________LU HNH NI B

trang 86

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

(nhng la chn trong nhng phn khc ca trang l nhng la chn ca module
thng thng).

3. Chn Dropdown nh l Control Type v sau nhp vo Update gia


trang. y l thay i ng lin kt ca bn t qua vic la chn t hp ri xung v
nt go (nh minh ha bn di).

4. Chn Horizontal nh l List Display Format ( y ch l mt hiu ng cho


module ca bn khi Control Type l List v th n cng thay i) v sau nhp vo
Update gia trang. y l s thay i ng lin kt cho n hin th ngang (nh
minh ha bn di).

5. Chn Yes cho phn Display Info Link v sau nhp vo Update gia
trang. y l s thay i cch hin th ca phn m t ca bn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 87

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Phn m t bnh thng hin th nh l mt ch gii cng c. Mt ch gii cng


c c hin thi khi con chut tr vo ng lin kt.
[Display Link Info = No]

S m t c hin th nh l mt s la chn vi nhiu ng lin kt lci m


(khi nhp vo) th n hin th s m t trn trang.
[Display Link Info = Yes]

IV. S dng module ti liu


Module ti liu hin th ra mt danh sch cc ti liu, bao gm c ng lin kt
ngi truy cp website duyt hoc ti chng v.
Dng nhng g m bn c hc trong thm module vo trang thm mt
module ti liu mi vo trang ca bn.

Cc bc thm module ti liu


Module bn to ra lc ban u th khng c ni dung. N ch hin ra mt
Container trng vi Title v nt Action Buttons.
1. Nhp vo Add New Documet (hoc chn Add New Document t Module
Actions Menu).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 88

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Trn trang Edit Document bn se thy hai vng m bn cn phi in vo nh l


phn kim sot Link Type v hp la chn nh bn thy trn nhiu module khc.

2. t con tr chut vo vng Title v nhp vo mt ng ngn lm tn ti


liu ca bn. Ng ny se c nhn thy bi ngi truy cp website v nn m t ni
dung ca tp tin.

3. Chn Link Type cho ti liu ca bn v hon thnh nhng thng tin thch hp.
File Link Type l mc nh v bn c th chn tp tin t danh sch cc th mc
trong hp ri xung ca File Location. Nh mt s la chn, bn c th ch nh ti
liu nm ch khc bng cch chn URL Link Type v ch r a ch internet ca tp
tin.

4. Chn t nhng la chn sn c cho ung lin kt.

Nu nh bn chn Tracking, bn se kim tra c ng lin kt c click


vo bao nhiu ln. Nu nh bn chn Logging bn c th on c ai l ngi click
vo ung lin kt o (nu nh ngi truy cp c ng nhp vo). V bn chn New
Window, ng link ca bn se lm cho mt ca s trnh duyt c m ra cho
ng link .
TTTH & Thng tin KHCN _________LU HNH NI B

trang 89

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

5. Ch nh Category cho ti liu ca bn. Phm tr ny n gin l cung cp cho


bn cch nhm cc ti liu c ch hoc mc ch tng t nhau.

6. Khi bn lm xong, phi chc rng bn nhp vo Update gia trang


lu li nhng thay i ca bn. y l cch update module lm sao cho ngi truy
cp website thy c.

Cc bc hiu chnh ti liu


Hiu chnh li cc thuc tnh ca ti liu hin ti c lm nh l thm mt ti liu
mi. Ch c khc bit l ch lm sao bn n c nhng thuc tnh . Mi ti liu
l mt danh sch cc mc vi nt Edit (cy bt ch) k bn.
1. Nhp vo nt Edit

bn cnh ti liu th bn c th thay i chng.

2. Thay i cc lnh thit lp v nhp vo Update gia trang lu li nhng


thay i ca ban.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 90

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Bn nn quan tm ti mt vi thng tin m n nm ngay gia trang Edit


Document.

URL: Ni cho bn bit phn URL m rng n thng ti liu ca bn.


Tracking URL: y l s khc bit trong chng v s lng nhp vo tng ln
trc khi n ti liu (nu bn chn chc nng track). Bn c th cho URL n ci
khc (v d t chng trong email) nu bn thch th bn c th m khi bn truy lc
d liu.
Clicks: s ln ti liu ca bn c ti v (hoc i thng t ch ca bn hoc bt
k ni no ca tracking URL s dng).
Last Click: Ngy v thi gian ca ln ti cui cng ca ti liu bn.
V. S dng module s kin
Module s kin hin th danh sch nhng s kin sp ti, bao gm ngy, thi gian
v s m t. S kin c th c thit lp hon tr trong lch biu hoc danh sch nh
dng.
Dng nhng g bn hc trong thm module vo trang thm module s kin
mi vo trang ca bn.

Cc bc thm s kin mi
Module ca bn to ra lc ban u khng c ni dung. Ch hin ra mt Container
trng vi Title v Action Buttons v mt lch biu trng.
1. Nhp vo Add New Event nm gia trang (hoc chn Add New Event t
Module Actions Menu).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 91

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Trn trang Edit Events bn se thy vi vng m bn c th in vo nh l trnh


vn bn WYSIWYG dng cho module Text/HTML (v ci khc), v ging nh File
Picker dng trong module ti liu (v ci khc).

2. t con tr chut vo vng Title v nhp vo mt ng ngn cho on vn


bn s kin ca bn. N c gi tr l se hin th ln lich biu (hoc trong list view).

3. t con tr chut vo rich text editor v nhp vo m t cho s kin ca


bn. on m t ny se c hin th pha di tiu . Bn c th dng bt c tnh
nng no ca trnh son tho, nh l thm ng lin kt hoc on mu v dng.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 92

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

4. Chn Image dng trong lch biu (hoc ti ln mt s kin mi). Nu bn


mun dng hnh nh, th bo m rng n thch ng vi kch c ca n hnh nh se
c hin th bn trong hp ngy (trn lch biu) hoc bn cnh li vo (trong list
view).

Bn c th chn thm Aternate Text cho hnh nh.


6. Ch r ngy bt u s kin. Nu nh s kin ca bn n tron ngy, l tt
c iu bn mun lm. Nh l mt s la chn, nu s kin ca bn din ra trong ngy
hoc nh k (th d mi th hai) bn cng ch nh nh vy. Ngy bt u hu nh l
s la chn.

8. Khi bn lm xong, phi chc rng nhp vo Update gia trang lu


li nhng thay i ca bn. y l vic update module ca bn lm sao cho ngi truy
cp website thy c.

Nhng y ch mi l mc nh bn ngoi cho module s kin. l se hin th


vi chc nng sn c.
Cc bc hin th la chn
Module s kin c mt vi Display Options l ci gip bn thay i b ngoi ca
n.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 93

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

1. Nhp vo nt Settings (hoc chn Settings t Module Actions Menu).

Or...

2. Trn trang Module Settings, di chuyn xung Events Settings v nhp vo nt


m rng phn . N se hin ra cho bn nhng la chon sn c ca module s
kin (nhng la chn trong phn ny ca trang l nhng la chn ca module thng
thng).

3. Ch nh r Calendar Cell Width v Calendar Cell Height gi kch c ca


lch biu ca bn l mt hng s (thay v a ni dung v kch thc ban u).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 94

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

V th lch biu ca bn nhn se ging nh th ny:

4. Ch nh r Display Format nh List (thay v lch biu). Vi thit lp cho


calendar cell width& height n khng c hiu lc v lch biu ca bn se hin th vi
list view nh vy!

Trong list view, c rt nhiu phn m rng cho phn m t v th nu bn ch nhiu


thng tin bao gm c s kin ca bnth tt hn bn nn s dng list view!
TTTH & Thng tin KHCN _________LU HNH NI B

trang 95

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

VI. S dng Module Contacts


Module Contacts hin th danh sch cc thng tin lin h cho mt nhm ngi nh
l mt nhm d n.
Dng nhng g m bn c hc trong thm module vo trang thm mt
Module Contact mi vo trang ca bn.

Cc bc thm mt Module Contact mi


Module ca bn c to ra lc ban u th khng c ni dung. N ch hin r l
mt Container trng vi Title v Action Buttons.
1. Nhp vo Add New Contact (hoc chn Add New Contact t Module Action
Menu).

Trn trang Edit Contact bn se thy c mt vi vng thng tin cn phi hon
thnh. Ch yu cu vng Name, cc ch khc l c la chn.

2. t con tr chut vo vng Name v nhp vo tn lin h trc v h. Nhp


thng tin cho nhng vng cn li.

3. Khi bn lm xong, phi chc rng l bn nhp vo Update gia trang


lu li nhng thay i ca bn. y l cch update lm sao ngi truy cp vo
website ca bn thy c.
TTTH & Thng tin KHCN _________LU HNH NI B

trang 96

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

VII. S dng module Gallery


Module Gallery hin th cc album hnh nh hoc cc tp tin a phng tin. Chc
nng ny i hi thm mt cht cu hnh hn l mt vi module n gin khc.
Dng nhng g bn c hc phn thm module vo trang thm mt
module gallery mi vo trang ca bn.

Cc bc nh cu hnh ca Gallery Settings


Module m lc ban u bn to ra khng c ni dung. N ch hin r l mt
Container trng vi Title v Action Buttons. Trc ngi truy cp vo website c
th s dng Gallery mi ca bn, c vi thit lp nn phi c nh cu hnh.
1. Chn Configuration t Module Action Menu.

Trn trang Configuration bn se thy rt nhiu th m bn c th nh cu hnh


cho Gallery ca bn nhng chng se chp nhn nhng thit lp mc nh cho hu ht
cc iu . Chng ta se cp n hai vng kt hp vi nhau.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 97

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Nhm Admin Settings se c m bi mc nh.


2. Chn Skin hoc "theme". Bn c th quyt nh gi mc nh ca theme hoc
dng mt trong nhng ci c cung cp. Chp nhn gi tr cho nhng la chn khc
cn li trong nhm.

3. Di chuyn xung nhm Display Settings v nhp vo nt m rng. cc thit


lp trong nhm ny se tc ng nh th no n Gallery ca bn khi c nhn thy
bi ngi truy cp website.
t con tr chut vo hp text box trong Gallery Title. Sau nh vo mt t
hoc mt ng ngn se c dng nh mt tiu cho gallery ca bn. Cc thit lp
mc nh khc n se p ng hu ht cho cc mc ch.

4. Di chuyn xung nhm Feature Settings v nhp vo nt m rng . Cc thit


lp ca nhm ny se c nt c trng sn c nh hng n ngi truy cp website
bn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 98

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

t tc cho Slideshow. Ci ny nh hng n thi gian hin th ca mi hnh


nh khi ngi truy cp website nhn thy hin hnh trt ca nhng hnh nh trong
Gallery ca bn. S ln trnh by l mt phn nghn giy (1000 ca 1 giy) v th
5000 = 5 giy.

Khng check hp Enable Watermark. im c trng ny d s dng nu nh


bn cn bo v tp tin ca bn khi b sao chp, nhng cho gallery th chng ta khng
cn im c trng ny.
Cng nh vy, khng check hp Enable Exit. im c trng ny cung cp
thng tin v hnh nh sn c cho mt vi ngi s dng, nhng chng ta khng cn
nhng c trng cn li cho gallery.
5. Khi bn lm xong, phi chc rng nhp vo Update gia trang lu
li nhng thay i. y l cch update module ca bn lm sao ngi truy cp
website thy c.

Ch rng Gallery Title c cp nht v Skin l mu xm.


Cc bc thm tp tin vo Gallery
By gi ta thm mt vi hnh nh cho ngi truy cp website bn thy c.
1. Module gallery bc l thm chc nng thng qua cc menu ca chng. Chn
Add File t menu album.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 99

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. t con tr chut vo vng Title v nhp vo mt t hoc mt ng ngn


nhn bit c tp tin thm vo. Khng yu cu phi hon thnh cc vng khc nh
Author, Client, Location v Description ( l nhng vng khng yu cu).
Dng nt Browse chn tp tin th bn phi m t vng vn bn lin trc. Sau
nhp vo Add File.

3. Lp li bc 2 tnh n vng thm vo.


4. Nhp vo Upload gi tp tin n gallery. Nh mt s la chn, bn c th
nhp vo nt Delete di chuyn tp tin t danh sch trc.

Khi Gallery c file thm vo trong , bn ch chng vo danh sch nm


gia trang ca trang Edit Album nh ci bn di. Bn c th sa thng tin cho
nhng tp tin ny bng cch nhp vo biu tng cy bt ch .

TTTH & Thng tin KHCN _________LU HNH NI B

trang 100

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Khi bn thm vo tt c nhng hnh nh ca bn, nhp vo ng link nm


u trang quay tr v Album.

Cc bc thm Album vo Gallery


Nu Gallery c nhiu tp tin, bn mun phn loi chng thnh nhng Album ring
bit. Mt album cng c nhiu th mc.
1. Chn Add File t menu album

TTTH & Thng tin KHCN _________LU HNH NI B

trang 101

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. t con tr chut vo vng Name v Title v nhp vo mt t hoc l mt


ng ngn nhn bit album. Khng nht thit bi hon thnh cc vng Author,
Client, Location v Description (nhng vng ny khng i hi). Nhp Update
to mt album mi ca bn.

3. Album mi ca bn se c ghi vo danh sch vi mc khc (tp tin hoc


album) trong album hin thi. bn c th to mt album bn trong album khc ging
nh folder trong my tnh ca bn. Mt album c th bao gm tp tin hoc album
khc.

Nhp vo ng link nm u trang thng qua album chnh. y l cch


lm sao ngi truy cp website thy c Gallery ca bn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 102

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Xem album trong module Gallery


Module Gallery hin th cc album hnh nh hoc l cc tp tin a phng tin.
Nu c th, ngi truy cp website c th ti v, thc hin slideshow, bnh chn cho
cc tp tin c yu thch v nhiu na!
Bt u bng cch thng qua trang cha ng cc v d ca Gallery.

- Cc bc xem slideshow
Nu c th, ngi truy cp website c th chn xem slideshow ca tt c hnh nh
trong album ring bit.
Nhng la chn sn c trn Menu se xut hin cho ngi truy cp website khi h
di chuyn con chut vo hnh nh hoc folder. Di chuyn chut vo bt c hnh nh
no m chon Slideshow t menu.

Ty thuc cc thit lp module, slideshow c th hin th trong ca bt ln hoc


trong module container. Nhng hnh nh t ng lm mi li.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 103

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

- Cc bc xem hnh nh
Ngi truy cp website hu nh c th xem nhng tp tin c nhn vi nhng la
chn nhng n khng c sn khi s dng la chn ca Slideshow.
1. Di chuyn chut vo bt c hnh nh v click vo chng (khng trn menu).

2. Dng nt Previous v Next ( cao hn bn tri) xem mi hnh nh trong


album c nhn. Hoc s dng nt Edit ( cao hn bn tri) thay i tm nhn ca
hnh nh (phng to/nh, xoay tri/phi, lt ngang/dc,v..v).

TTTH & Thng tin KHCN _________LU HNH NI B

trang 104

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Click vo Close khi lm xong.


Cc bc bnh chn cho li bnh lun trn hnh nh
Nu c th, ngi truy cp website hu nh c th th bu chn cho mc cht
lng hnh nh v lp ra li bnh lun.
1. Nhp vo t l cc ngi sao pha di bt c hnh nh no.

2. Trn trang Ratings Summary bn c th xem thng tin hnh nh n gin, xem
hnh nh v li bnh lun i lin trc trn hnh nh. Th bu chn bng cch nhp
vo Add Vote.

3. Nhp vo radio nhn bit Rating ca bn v c con tr chut trong vng


bnh lun v nhp vo li ghi ngn gon. Click Update lu li nhng thay i ca
bn.

Gallery hin th t l trung bnh ca cuc bu chn cho hnh nh .


TTTH & Thng tin KHCN _________LU HNH NI B

trang 105

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

By gi nhp vo t l sao hin th li bnh lun cng nh thng tin hnh nh.

VIII. S dng module din n (Forum)


Module din n cung cp cng c cho nhm ngi h to ra v qun l ch
tho lun v tr li li. V c nhng chc nng phc tp, n i hi thm mt cht cu
hnh hn l mt vi module n gin hn.
Dng nhng g c hc trong thm module vo trang thm mt Module
Forum mi vo trang ca bn.

- Cc bc nh cu hnh cc thit lp Forum


TTTH & Thng tin KHCN _________LU HNH NI B

trang 106

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Module ca bn to ra lc ban u l khng c ni dung. Ch hin r l mt


container trng vi Title v Action Buttons. Trc khi m ngi truy cp website c
th s dng Forum mi, th c mt vi thit lp phi c nh cu hnh..
1. Chn Configuration t Module Actions Menu.

Trn trang Configuration bn se thy rt nhiu iu cn phi c inh cu hnh


trong forum ca bn nhng chng ta chp nhn nhng thit lp mc nh ca hu ht
nhng iu . Chng ta se tip xc 2 phn.

2. Nhm General Settings c m bi mc nh.


t con tr chut trong vng Forum Name v nhp vo mt t hoc mt ng
ngn t tn cho Forum ca bn. Mi ln thit lp forum th cn duy nht mt tn.
Sau chn forum Skin hoc theme v mc nh mi gi hin th ngy v thi gian
bi gi ln.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 107

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

Khi bn chn skin, hu nh khng check hp Enable Per User Skinning. iu


ny bo m cho forum ca bn se c mi ngi s dng u nhn thy ging nhau.

3. Di chuyn xung nhm Notification Email v nhp vo nt m rng. Cc


thit lp trong nhm se nh hng n email thng bo c gi t Forum ca bn.
Nhng thng bo c th c gi ti cho nhng bi gi mi, tr li, vv.. ti phn u
tin u tin ca ngi truy cp website.
Khng check hp Show Sender Address. Sau t con tr chut vo trong
Automated Address v nhp vo from address thch hp s dng gi n
thng thng bo bng email.

4. Di chuyn xung nhm Post Attachment v nhp vo nt m rng. Cc thit


lp trong nhm ny se nh hng n dng, kch c v v tr ni m tp tin c th
c ti ln thng qua din n. By gi chng ta se lm v hiu ha chc nng ca
n.
Khng check hp Enable File Attachment. N se hn ch ngi s dng din
n gi bi km theo tp tin nh km.

5. Khi bn lm xong nhp vo Update gia trang lu li nhng thay i ca


bn. y l cch update module lm sao ngi truy cp website thy c.

Ch rng Forum Title c cp nht v Skin l mu xm.


TTTH & Thng tin KHCN _________LU HNH NI B

trang 108

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

- Cc bc to Goup/Forums
By gi ta to Groups v Forums cho ngi truy cp website tham gia vo.
1. Chn Manager Forum t Module Actions Menu

2. t con tr chut vo trong vng Add New Group. nh tn cho nhm trong
ch ca din n v nhp vo nt Add.

3. Nhp vo nt m rng bn cnh Group mi ca bn. Sau t con tr


chut vo trong vng Forum List v nh tn cho ch Forum mi. Nhp vo nt
Add to forum mi.

4. u tin khi forum ca bn c thm vo, nhp vo nt Forum Home


gia Module quay tr v mn hnh chnh. Cch bn update lm sao ngi truy
cp website c th thy c cp Groups v Forums thm vo.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 109

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

- Cc bc giao quyn cho ngi s dng gi bi ln Forum ca bn


Ti phn ny, ngi truy cp website c th c forum ca bn, nhng h khng
c gi bi ln. Bc cui cng yu cu, bn phi cho php nhm ngi s dng
h c th gi bi ln.
1. Chn Settings t Module Actions Menu.

2. Trn trang Module Settings, di chuyn vo phn Permissions trong nhm


Basic Settings. Check Edit Module ngi truy cp c vai tr l gi bi ln cho
Forum ca bn.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 110

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

3. Khi bn lm xong, phi chc rng l bn nhp vo Update nm gia trang


lu li nhng thay i ca bn.
- Dng Module din n
Module din n cung cp cng c cho mi ngi to ra v qun l ch tho
lun v tr li li. Ngi s dng forum c th thm dng mi (cuc m lun) hoc
gi tr li nhng dng c sn ca cuc m lun.
Bt u bng vic thng qua trang cha ng v d ca Forums.

+ Cc bc c Thread
Thread ch n thun l cuc m lun trong mt din n ring bit hoc l i
tng. v th read a thread ch l c li bn ghi ca cuc i thoi trn mt ch .
1. Click vo tn Forum (th d fishing) n vi danh sch ca Thread (cuc
m lun) cho forum.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 111

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2. nhn Email Notification ni m Thread mi (cuc m lun) bt u trong


Forum, check hp trn nn tng ca trang.
3. Click vo Title ca Thread thy danh sch gi bi ln ( hoc li bnh lun).

4. nhn c Email Notification ni m bi tr li mi (li bnh lun) c


gi ln trong thread, check hp nm gia ca Module.
5. Bn c th dng hp danh sch ri xung nm gia Module thay i cch
xem cc bi Posts trong Thread.
Theo mc nh, tt c cc bi gi n Thread c thm vo lin tc. Chn Tree
View hn l chn Flat View hin ln nhng bi gi c nhn c tht l, tht vo
c th t ca cc bi c to v gi tr li.
Theo mc nh, bi gi mi se c thm vo gia Thread. Chon Newest To
Oldest sp xp li nhng mc mi nhp vo xut hin u trang.
6. T hp ri xung nm pha trn Module, chon gi tr li vo t l ca
Thread. Ci ny se duyt Forum khc tm kim nhng ch c quan tm v
ph bin.

Xp hng ca Thread l trung bnh ca mi cuc bu chn, v n hin th danh


sch ca thread cho Forum.

+ Cc bc bt u vi Thread mi

TTTH & Thng tin KHCN _________LU HNH NI B

trang 112

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

c mt Thread c th li li nhc cho ngi s dng bt u mt Thread mi


trn mt ch khc. Hoc c th n vi cu hi bn trong n, tm kim cu tr
li hoc li bnh lun t ci khc.
1. Nhp vo tn Forum (th d fishing) n trang ca din n. Gi li danh
sch cc trang din n ca tt c Thread.

2. Nhp vo New Thread bn trn Mmodule. Bn se ch thy an trinh vn


bn tng t nh bn thy trong cc module khc.

Nhp vo vng Subjectv thm tiu cho Thread mi.


3. Nu module Gallery c ci t, bn c th nhp vo Insert Smiley
em danh sch sn c ca smiling avatars (hoc emoticons) thm vo thng

TTTH & Thng tin KHCN _________LU HNH NI B

trang 113

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

ip ca bn. n gin l chn mt ci v chng se xut hin trong on vn bn tai v


tr hin ti ca con tr chut.

4. Check hp Notification nhn c Email Notification khi m mt ngi


no tr li li Thread mi ca bn.

5. Check

Locked gi khng cho thm bt c ngi no tr li n thread.

6. Bo m l nhp vo Update gia Module lu li thay i ca bn.


+ Cc bc tr li bi gi ln
Tr li bi gi n cng nh bt u mt Thread mi. Tuy nhin, t khi hon
thnh xong vic p li ti ch khc n se bt u ng cnh ca Thread c sn v
c mt vi la chn thm vo.
1. iu hng Thread c sn (bng cch nhp vo tn ca n trong danh sch
din n). Ch c 2 la chn, Trch dn v Tr li li.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 114

Gio trnh Thit k Web vi DotNetNuke 5.x

S KH&CN kLk

2a. Click vo Reply n trang tng t bn thm vo Thread mi. Li bnh


lun ca bn se c thm vo u (hoc gia, ph thuc vo cch sp xp u tin
ca bn) ca danh sch thread.

Ch bi gi ln c thm mt la chn l Edit. Bn c th sa bi ca bn


sau nu nh bn quyt nh thy bi gi ln c nhng thng tin khng ng v mun
thay i chng.
2b. Nh l mt s la chn, bn c th trch dn. Trch dn chnh xc l nh tr li
li, ngoi tr bn em chng ra lm li vi bi gi trc c trong v
vin n li bng nhng biu tng vui ([QUOTE]") c th sa li on ct
chng xung di (nu bn mun trch dn phn nguyn bn ca bi gi ln).

Nhng biu tng l kt qu ca s ng nht ca li trch dn ca bi gi mi.

TTTH & Thng tin KHCN _________LU HNH NI B

trang 115

You might also like