Testing a DotNetNuke skin
|Images | Font Sizes | Web Developer Tools | Browser Testing | Validating Skins | W3C's Online Tools | Validating HTML via File Upload | Validating CSS via File Upload | Web Developer Tool and Conclusion|
Validating your skins (HTML and CSS)
Validating your code for your HTML and CSS files is an essential tool to double check that you have created well formed code.
This tool is useful for testing your skins while you are creating them and can help you to quickly and easily find a problem. Supposing you have created a pure CSS layout skin and the skin is not displaying correctly, a quick validation check may show errors which you have missed, for instance if you forget to close a tag, eg. <br> instead of <br />.
How to validate using Visual Web Developer Express
If you are using Visual Web Developer Express, you can take advantage of some built in validation functions:
If you have created a coding error within your files, VWD will now place a red underline on the error.
- With your HTML page open, right click your mouse
- Select Formatting and Validation…
- Under the HTML tab, select Validation
- Using the Target drop down list, select Internet Explorer 6.0 (or any other method you require)
- Tick all of the boxes under Options
- Under the CSS tab, select CSS Specific
- Tick all of the boxes under Detect Errors
This is a quick and easy method for ensuring you are creating valid code.
- If you also go to the top menu and select View and Error List
- You can view a list of the errors in your document