I'm trying to figure out the best way to start trying to skin my dnn site.   I would like to design and code the skins in my external editor and lastly, add the code required by DNN to add containers and such.  Is this an ok way of going about this?  I bookmarked this site... http://www.thinkofdesign.com/resources/reference.html ...which has skin objects listed.   I'm not really sure where I'm supposed to put the TOKEN, and I think I just put the CONTROL within the div where I want it to be, correct?

When I have a html page and css file partially completed and want to test it, whats the easiest way to install the skin?  Once installed, is there an easy way to update it as I work on it?

Any help would be awesome, thanks

Well I downloaded the documentation, and it answered my question about using TOKENS.  But I can't seem to get my test skin uploaded using the directions in the documentation...

First I zipped my html and css file up...

On page 19 it says log on as host and go to the file manager, and click on the upload button.  it then shows a screenshot that shows a heading saying "Upload Skin Package" which mine does not say.  Mine has "Upload File" at the top.  I browsed to my file and then selected "Skins" from the dropdown below that.  I also checked the box that says "Decompress ZIP Files" which the documentation doesn't mention. 

When I hit upload I get an error that says "An Error Has Occurred When Attempting To Save The File c:\inetpub\wwwroot\DotNetNuke48\Portals\_default\Skins\grandview_skin.zip. Please Contact Your Hosting Provider To Ensure The Appropriate Security Settings Have Been Enabled On The Server."

All my permissions should be ok.  The zip file is copied over, but it isn't unzipped.  Any idea what I'm doing wrong?

I looked at the ascx file and noticed that when my html file was converted to an ascx file that the two content panes were given the same id even though I named them differently in the html file...any ideas why this happened?  i also noticed that my control panel is gone, any idea why?

<div id="wholecontainer">
    <div id="header"><dnn:LOGIN runat="server" id="dnnLOGIN" /></div>
    <div id="leftcontent"><div runat="server" id="ContentPane"></div></div>
    <div id="maincontent"><div runat="server" id="ContentPane"></div></div>
</div>

html...

<div id="wholecontainer">
    <div id="header">[LOGIN]</div>
    <div id="leftcontent">[CONTENTPANE]</div>
    <div id="maincontent">[CONTENTPANE:1]</div>
</div>
</body>