By Lee Sykes
January & February 2006
This video tutorial continues the series on How to build a DotNetNuke website. We are now ready to begin creating our skin.
The first thing we need to do is setup a folder structure to easily keep our files in order.
- Create a folder named VortexMusic
- Inside this folder create two more folders named Skin and Container
It is always useful to refer back to the original standard skins that come with DotNetNuke®, so let’s copy a skin into our new folders.
- Download the latest Install version of DotNetNuke
- Unzip the Install folder
- Open the Portals folder
- Open the _default folder
- Open the Skins folder
- Copy the DNN-Blue folder
- Paste the DNN-Blue folder inside the VortexMusic/Skin folder
- We can now edit / refer to the default DNN Blue skin
- Add the VortexMusic folder as a website to your WYSIWYG Editor
You can create a DotNetNuke skin using any editor ranging from Notepad to Dreamweaver or Visual Studio etc.
For this example we are going to use
Microsoft Visual Web Developer 2005 Express Edition. A free WYSIWYG editor for web design which allows you to preview the skin before uploading it to DotNetNuke.
Watch the video below for further information regarding setting up your computer ready for skinning. It covers:
Video
- Creating the folders
- Copying across the DNN skins as a reference
- Setting up Visual Web Developer 2005 Express Edition
- Setting up your localhost install of DotNetNuke ready for skin testing
Time Length: 10min 27secs