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 |  |
By Lee Sykes
March 2006
Here we will provide some of the key elements and tools that you can use to test your skins.
Let’s begin by looking at the elements you can test.
Images
Some users still disable images to speed up the loading of web pages, especially when they are using a slow dial-up connection.
If you turn the display of images off, can you still read and understand your website design?
Supposing you have placed a blue image behind some white text, if that image is removed, can you still read the text? If you haven’t specified a background colour and the image is removed, the background may use the default white colour, therefore you will have white text on a white background.
Solution:
When you specify a background image for a class, also specify a related background colour, this means that when the image is removed, the white text can still be read because you have specified a blue background.
ie:
body
{
background-image: url(bluegradient.jpg);
background-color: Blue;
}
This is the vortex skin menu with the images disabled. Notice that if we did not specify a background colour of white, the text would be black on a black background.
|
|
|