DNNskinning 1

Phn 1: kin thc c bn
trong lot bi hng dn ny chng ta s da vo skin Dreamy y l mt template kh n gin cho chng ta bt u to skin cho DNN. trong bi vit gc thc hin trn phin bn DNN 5.4. trong bi dch ca mnh vic to skin c thc hin trn phin bn DNN 5.6.2. vi vi thay i so vi bi gc skin c th ph hp vi DNN 5.6.2 Kin thc cn bn DotNetNuke skinning engine h tr 2 loi skin khc nhau: HTML Skins v ASCX Skins. HTML Skin l dng skin cn bn cho php cc nh thit k dng cc HTML editor thit k. Khi HTML Skins c ci vo DotNetNuke th n s c t ng chuyn thnh ASCX Skins. Trong qu trnh chuyn ch c 1 phn HTML skin c gi li, tt c cc phn trong HTML header s b b i. The DotNetNuke skinning gm 2 phn l skins v containers. Hai phn ny c th c ng gi v ci t chung hoc l tch ring bit Cc thut ng Mt skin c th gm 1 hoc nhiu layout template khc nhau. Mi skin cng c th c 1 CSS style sheet chnh v mi file c t tn theo file template. Khi mt skin c gn cho 1 trang th cc file style sheet s c t ng thm vo DotNetNuke skinning engine . V d bn c 1 file index.html (index.ascx) v skin.css v index.css . khi bn gn skin index cho 1 trang no th skinning engine s t ng thm skin.css v index.css vo trang. Bn s hiu r hn phn ny cc bi sau. Khi bn to 1 skin, bn phi xc nh cc vng t cc phn t ca skin. Trong skin dreamy ta xc nh cc khu vc nh hnh, cc khu v c gi l cc panes.
http://duyanhpham.wordpress.com
duyanhphamkiller@gmail.com
Ngoi pane th trong 1 skin cn c cc phn t sau: menu bar, copyright notice, login/registration links, privacy link, terms of service link, search box , Trong DNN cc phn t ny c thm vo trang bng cch s dng Skin Objects . minh ha chng ta s nh ngha 4 i tng trong dreamy teamplate . tm hiu v skin object cc bn xem thm ti y http://www.ziddu.com/download/15746152/skinningguide.pdf.html
Cc bc thc hin c bn By gi chng ta s to mt skin n gin. trong mi skin DNN iu cn c t nht 1 pane chnh gi l ContentPane. Chng ta s to skin u tin nh sau: m Visual studio v m th mc cha dotnetnuke. Tm n th mc Portal->_default >Skins. Sau to th mc tn Dreamy . sau to file index.html
dn on code sau vo file index.html. sau lu li <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div id="ContentPane" runat="server" ></div> </body> </html> M trang DNN v ng nhp bng user HOST. Vo admin -> skin
Sau trong phn skin chng ta chn Dreamy. Sau click vo Parse Skin Package. Nu bn lm ng cc bc th s c kt qu nh sau:
Gi chng ta quay li visual studio cc bn s thy trong th mc Dreamy c thm 1 file index.ascx. m file ny ra chng ta s so snh code html ca 2 file index.html v index.ascx Index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
http://duyanhpham.wordpress.com duyanhphamkiller@gmail.com
<head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div id="ContentPane" runat="server" ></div> </body> </html> Index.ascx
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %> <div id="ContentPane" runat="server" ></div>
Xem skin va to M 1 trang mun th. Chn edit
Chn Advanced Settings -> Page Skin. Chn Dreamy index . sau click update. Chng ta s c kt qu nh hnh:
Nh vy vic to 1 skin u tin thnh cng. Trong phn 2 chng ta s bt u xy dng skin da trn dreamy template

DNNskinning 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

DNNskinning 1

Uploaded by

Copyright:

Available Formats

Phn 1: kin thc c bn

Xem skin va to M 1 trang mun th. Chn edit

You might also like