HTML Source Code Viewer

What the heck is this?

This window is where all the HTML goes that makes up your Style Sheet. It is continuously refreshing itself every time you click on an HTML item or a property for that item. The HTML Source Code Viewer contains the text that needs to be placed in your webpage for the Style Sheet to work.

What can I do with the HTML Source Code Viewer ?

Use the Viewer window to see your style sheet code as you create it. Cut, copy, paste, and undo options are all available to give you maximum flexibility.

Besides seeing newly created style sheets, the HTML Source Code Viewer windows can be helpful for other tasks. Look in the CSS Library by selecting the CSS tab to bring up a listing of your saved style sheets. Just double click on a file to see it displayed in an HTML Source Code Viewer. From this window, you can add modifications to the style sheet. You can also quickly locate any .css or other file - just click the Files tab to use the File Control . Just like in the CSS Library, double click on a file in the File Control to view it in the Viewer window.

It is recommended that you save all your work before you start implementing any Style Sheets into your webpage. It is also recommended that you test out your Style Sheet before you place it into your webpage.

Style Sheets will enhance your work, they will not delete any content you have on your webpage. But, if you have a webpage with a Style Sheet already in it, and you Save a New one over it, the previous Style Sheet will be erased.

The code you see in the HTML Source Code Viewer goes anywhere above the <BODY> tag of your webpage. When you save your Style Sheet into an HTML file, The CoffeeCup StyleSheet Maker will automatically place it above the <BODY> tag for you.