Skinning & DotNetNuke 4.9
          presented by
          Cuong Dang, Engage Software
Brief Bio
      EDUCATION    B.S. Marketing & Management
                   Maryville University of St. Louis


       EXP...
About Engage

•  Based in St. Louis, MO
  –  Specializing in ASP.NET development
  –  DotNetNuke
     •  Module Developmen...
Topics

•    DotNetNuke Skinning Concepts
•    Skinning Approaches
•    Creating a DNN Skin Package
•    Changes with Skin...
Skinning Concepts

•  Panes
•  Modules
•  Containers
Wireframe
Skinning Approaches
DotNetNuke Skins


   Item
               Files


   DNN
Skin
           One
file
acts
as
a
skin
(either
HTML
or
ASCX

    ...
Creating a Skin Package

•    Web Standards
•    Skin Conversion
•    Layout and Panes
•    Navigation
•    Containers
Web Standards

•  W3C’s Recommendation: XHTML 1.0
•  Separate Content and Presentation
•  Greater Accessibility
  –  Machi...
Skin Conversion
Layout and Panes
Simple Floating
Simple Floating
TOKENS Placement

•  [LOGO], [SEARCH]
•  [USER], [LOGIN]
•  [CONTENTPANE], [COPYRIGHT]




•    Source: DotNetNuke Skinnin...
Navigation

•  Core
  –  SolPartMenu
  –  dnnMENU
•  Third Party
  –  HouseMenu (www.houseofnuke.com)
  –  Telerik (www.te...
Containers

•  Similar to Skinning Concepts
•  Container Objects
Changes in 4.9

•  New Tokens
  –  [TEXT] - Localization
  –  [STYLE]
•  Enhancements
  –  [SEARCH]
Skinning & DotNetNuke 4.9
Skinning & DotNetNuke 4.9
Skinning & DotNetNuke 4.9
Skinning & DotNetNuke 4.9
Skinning & DotNetNuke 4.9
Upcoming SlideShare
Loading in …5
×

Skinning & DotNetNuke 4.9

2,552 views

Published on

DotNetNuke provides a powerful feature in design call skinning. DotNetNuke administrators can very easily change the entire look and feel of an existing web site without compromising the content. In this session, we will learn about the skinning engine, how it works and dynamic elements. We will also discuss new changes in skinning engine that were introduced in the latest release of DotNetNuke. Presented by Cuong Dang of Engage Software.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,552
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
47
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Skinning & DotNetNuke 4.9

  1. 1. Skinning & DotNetNuke 4.9 presented by Cuong Dang, Engage Software
  2. 2. Brief Bio EDUCATION B.S. Marketing & Management Maryville University of St. Louis EXPERTISE •  DotNetNuke Skinning •  Usability & UI Design •  Branding & Marketing HIGHTLIGHTS Wrox Author Wrox Blox Technical Reviewer (PACKT Publishing Co.) DotNetNuke Skinning Tutorial book Lead Skinning Instructor Engage Software, Official DotNetNuke Training Provider Featured Speaker OpenForce, User Group Meeting
  3. 3. About Engage •  Based in St. Louis, MO –  Specializing in ASP.NET development –  DotNetNuke •  Module Development •  Skinning •  Implementation services •  Microsoft Certified Gold Partner •  Official DotNetNuke Training Provider
  4. 4. Topics •  DotNetNuke Skinning Concepts •  Skinning Approaches •  Creating a DNN Skin Package •  Changes with Skinning in DNN 4.9
  5. 5. Skinning Concepts •  Panes •  Modules •  Containers
  6. 6. Wireframe
  7. 7. Skinning Approaches
  8. 8. DotNetNuke Skins Item
 Files
 DNN
Skin
 One
file
acts
as
a
skin
(either
HTML
or
ASCX
 before

installa=on)
 DNN
Skin
Package
 One
package
made
up
of
a
single
or
 mul=ple
HTML
or
ASCX
files,
CSS,
media
files
 as
well
as
containers
that
are
compressed
into
 a
.zip
file
format.

  9. 9. Creating a Skin Package •  Web Standards •  Skin Conversion •  Layout and Panes •  Navigation •  Containers
  10. 10. Web Standards •  W3C’s Recommendation: XHTML 1.0 •  Separate Content and Presentation •  Greater Accessibility –  Machine –  Human
  11. 11. Skin Conversion
  12. 12. Layout and Panes
  13. 13. Simple Floating
  14. 14. Simple Floating
  15. 15. TOKENS Placement •  [LOGO], [SEARCH] •  [USER], [LOGIN] •  [CONTENTPANE], [COPYRIGHT] •  Source: DotNetNuke Skinning Guide
  16. 16. Navigation •  Core –  SolPartMenu –  dnnMENU •  Third Party –  HouseMenu (www.houseofnuke.com) –  Telerik (www.telerik.com)
  17. 17. Containers •  Similar to Skinning Concepts •  Container Objects
  18. 18. Changes in 4.9 •  New Tokens –  [TEXT] - Localization –  [STYLE] •  Enhancements –  [SEARCH]

×