Comments
litl_phil wrote: While it's nice that Google and Acer share the vision of cloud-based computing, it's also worth noting that we at litl already have a webbook on the market (available at litl.com) that runs our own cloud-based OS. Unlike Chrome, litlOS is focused on creating a new and better web experience for the home, so we don't have the usual browser interface, we have our own innovative UI. In conjunction with easel mode (litl's inverted-V position) and our growing cohort of litl channels (special apps t...
Cloud Expo on Google News


2008 West
DIAMOND SPONSOR:
Data Direct
SOA, WOA and Cloud Computing: The New Frontier for Data Services
PLATINUM SPONSORS:
Red Hat
The Opening of Virtualization
GOLD SPONSORS:
Appsense
User Environment Management – The Third Layer of the Desktop
Cordys
Cloud Computing for Business Agility
EMC
CMIS: A Multi-Vendor Proposal for a Service-Based Content Management Interoperability Standard
Freedom OSS
Practical SOA” Max Yankelevich
Intel
Architecting an Enterprise Service Router (ESR) – A Cost-Effective Way to Scale SOA Across the Enterprise
Sensedia
Return on Assests: Bringing Visibility to your SOA Strategy
Symantec
Managing Hybrid Endpoint Environments
VMWare
Game-Changing Technology for Enterprise Clouds and Applications
Click For 2008 West
Event Webcasts

2008 West
PLATINUM SPONSORS:
Appcelerator
Get ‘Rich’ Quick: Rapid Prototyping for RIA with ZERO Server Code
Keynote Systems
Designing for and Managing Performance in the New Frontier of Rich Internet Applications
GOLD SPONSORS:
ICEsoft
How Can AJAX Improve Homeland Security?
Isomorphic
Beyond Widgets: What a RIA Platform Should Offer
Oracle
REAs: Rich Enterprise Applications
Click For 2008 Event Webcasts
SYS-CON.TV
Top Links You Must Click On


"Skinning" – When Design and Development First Met
Love the skin you're in

What It Takes to Skin a Web Site
Mastering the art of skinning requires developing a few strong areas before tackling huge projects, and many newcomers are disappointed with their results when taking existing static templates of complex-looking sites and then trying to turn them into a complex-looking DotNetNuke skin. Strong HTML skills are a must to create complex skins. Many people blame the difficulty of working with DotNetNuke skinning when in fact, many of the problems associated with the way the page displays are due to a lack of understanding of how HTML works in the first place.

Pages that lose their formatting when adding content would in fact lose their structures if they were in a static HTML page. Sometimes the nesting of tables and how modules behave with tables embedded in a page may have a slight influence, but overall, the most common mistakes when creating a DotNetNuke skin are common HTML errors. However, developers who don't know HTML but who know code might not pick this up, and if a designer hasn't learned some of the functionality of DotNetNuke, he or she might not recognize this as being an HTML error either until learning more about the behavior of DotNetNuke modules within an HTML holder.

Skinning - The Scale of Talent Required
The five golden skills needed to create a fantastic and workable DotNetNuke Web site are:

  • Good DotNetNuke skills
  • Strong CSS skills
  • Strong HTML skills
  • Good XML Skills
  • Good graphical skills
While many may think you need to be a great graphical designer to make a brilliant DotNetNuke skin, it pales to insignificance if it's totally unusable. Understanding your working environment is paramount. There are so many very clever options available for a designer who knows how DotNetNuke works, and working with it not only gives you a higher level of appreciation, but also helps you to push your design ideas further.

Which Is Best?
There are two distinct branches of opinion in the DotNetNuke community. Some believe that the best way to develop is the HTML method, with the files always being available for updating and those with even the lowest level of experience can make changes. However, by offering that solution to clients, it doesn't always go as planned because many of the changes that their clients wish to make involve understanding XML, which can be more complicated than HTML itself and beyond the realm of most novice designers. This relates more to the menu functionality where advanced knowledge of the CSS elements and property behavior are required.

Most experienced developers/designers tend to work in the most efficient method, which is using the ASCX controls where all of your functions and code reside within the skinobject code, and the page can be either worked on locally and refreshed or simply using FTP, uploaded to the skins folder.

It's a matter of personal preference to choose your ideal design method, but I've found it easier to establish what changes your client will probably want to make and design the skin accordingly, so they can either replace images, or quickly find the code in well-commented CSS code and make changes themselves.

Summary
The following points summarize the merits of the DotNetNuke skinning tool:

  • DotNetNuke skinning is a powerful tool that combines the talents of both developers and designers.
  • Its ability to totally separate code and UI management mean that each party can work independently with confidence, knowing that the integrity of his or her work is not going to be compromised.
  • Developers who embrace the knowledge of designers when developing modules and further enhance their own product by allowing seamless, attractive integration of their modules into a DotNetNuke site will reap the rewards in the future, because the expectation of users these days is that it also must look good.
  • The skinning engine, although always in development and improvement, is well designed and extremely advanced in its offerings for developers and designers alike to further enhance by developing skinobjects to increase functionality, but keep it dynamic.
  • To start skinning your DotNetNuke Web site, there is documentation already written, but simply opening the default skins in the install shows you a zipped file ready to update, an ASCX example, an HTML and XML example, and it's an excellent starting point.
  • Start with a simple project and get the feel of how it works, and enjoy the small successes first before embarking on larger, more complex tasks.
  • If integrating custom written solutions for clients, enhance the visual appeal by working with a skinning specialist who understands the audience, the platform, and the developer.
  • Most of all, spend time becoming familiar with DotNetNuke. Like any other application, it needs and deserves the time to become familiar with it to reap the benefits that it will give you.
About Nina Meiers
Nina Meiers is a DotNetNuke core team member who works closely with developers and has been in the UI, skinning, and graphics space for more than eight years. With close to 16,000 registered users on her site, along with nearly 80,000 downloads of her free skins, Nina has worked with many companies, corporations, and indviduals to help them change the look and feel of their Web sites. She is currently writing a book on DotNetNuke skinning and design and details of its release will be publicized shortly. You can visit one of Nina's Web sites at www.xd.com.au.

In order to post a comment you need to be registered and logged in.

Register | Sign-in

Reader Feedback: Page 1 of 1

This is part of the series of DotNetNuke Articles. There are two previous articles covering other aspects which you might find of more benefit. Or you can visit the DotNetNuke website.

This section specifically covers DotNetNuke and it's relationship to being able to manage the design elements, which is known as skinning.

Thank you for your comment.


Your Feedback
Nina Meiers wrote: This is part of the series of DotNetNuke Articles. There are two previous articles covering other aspects which you might find of more benefit. Or you can visit the DotNetNuke website. This section specifically covers DotNetNuke and it's relationship to being able to manage the design elements, which is known as skinning. Thank you for your comment.
Enterprise Open Source Magazine Latest Stories . . .
Oracle seems to have divided the open source ranks over the MySQL delay it’s having closing its acquisition of Sun. Eben Moglin, the GPL’s most ardent defender and delineator, the lawyer who has worked hand in glove for years with the Free Software Foundation’s founder Richard Stallman...
Cloud computing is a game changer. The cloud is disrupting traditional software and hardware business models by disrupting how IT service gets delivered. Entrepreneurial opportunities abound as this classic disruptive technology begins to proliferate, so it is no surprise that SYS-CON'...
The irony is that Oracle has advanced MySQL, lost money in the process, and helped its competitors - all at the same time. When Oracle buys Sun and controls MySQL the gift (other than to Microsoft SQL Server) keeps on giving as the existential threat to RDBs is managed by Redwood Shore...
WSO2, the open source SOA company, today announced the launch of the WSO2 Cloud Platform. Available today, the new WSO2 Cloud Platform features a family of WSO2 Cloud Virtual Machines; WSO2 Cloud Connectors for enabling fast, secure cloud services; and the multi-tenant WSO2 Governance-...
Now, the open source Mozilla Thunderbird client software can be used with Open-Xchange collaboration software. The "Community OXtender for Thunderbird" software connector gives users full access to appointments and contacts stored in the Open-Xchange Server and enables them to use Thun...
Morph Labs, a leading provider of enterprise cloud computing technology, today announced an introductory trial of the Morph CloudServer, an open, standards-based server IT organizations can use to rapidly model and evaluate their cloud implementations. A miniature "Cloud Environment in...
Subscribe to the World's Most Powerful Newsletters
Subscribe to Our Rss Feeds & Get Your SYS-CON News Live!
Click to Add our RSS Feeds to the Service of Your Choice:
Google Reader or Homepage Add to My Yahoo! Subscribe with Bloglines Subscribe in NewsGator Online
myFeedster Add to My AOL Subscribe in Rojo Add 'Hugg' to Newsburst from CNET News.com Kinja Digest View Additional SYS-CON Feeds
Publish Your Article! Please send it to editorial(at)sys-con.com!

Advertise on this site! Contact advertising(at)sys-con.com! 201 802-3021


SYS-CON Featured Whitepapers
ADS BY GOOGLE