images

Skinning

WHAT YOU WILL LEARN IN THIS CHAPTER

  • Creating a DNN skin based on modern web practices
  • Creating a responsive, mobile-friendly skin
  • Setting up a skinning environment with Visual Studio
  • Packaging a skin for installation on other DNN sites

WROX.COM CODE DOWNLOADS FOR THIS CHAPTER

The wrox.com code downloads for this chapter are found at www.wiley.com/go/prodnn7 on the Download Code tab. The code is in the Chapter 9 download and individually named according to the names throughout the chapter.

What is skinning in DNN? Skinning is creating a consistent and reusable template for the layout and design of your DNN site. Skinning allows designers and front-end developers with no knowledge of server-side development to create dynamic HTML and CSS templates. This allows for a separation of concerns for development and design. Experts in HTML, CSS, and JS can create interesting and amazing designs that content editors can use to add new pages and content while keeping the look and feel consistent throughout the website. This chapter will take you through the entire process of developing a skin by leveraging what you already know about creating web pages and explain the concepts needed to plan and convert your own designs into DNN skins.

SKINNING BY TODAY'S STANDARDS

One thing we all know is that the web is constantly changing. HTML5 has now become an official WC3 Recommendation, and ...

Get Professional DNN7: Open Source .NET CMS Platform now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.