Images for the Web
When choosing an image for your site, one should make sure that the image is relevant, effectively convey information and mood, is recognizable, and is suitable to the page’s overall color palette. Images should all be placed in an image folder inside your site’s folder. However, folders within the images folder should be created when one has various types of images. An example would be a product, logo, interface, people, etc. Lastly, one must tell the browser where the image is located. Having an URL to the image’s location in your image site root folder is a good way to achieve this.
Creating Images for Your Website
When creating images there are three key rules a designer must abide by. The first rule is to save the image in the right format. The image formats that are often used are jpeg, gif, or png. Failure to use one of these three formats effectively will cause the image to become blurry and slower to appear on your site. The second rule is to save the image in the right size to avoid distortion once the site is uploaded to the web. The third rule is to measure images in pixels by their width and height so that you can save them at the right size for the web.
Layout Position of Elements
CSS has several positioning schemes: Normal Flow, Relative Positioning, Absolute Positioning, Fixed Positioning, and Floating Elements. These schemes will allow the designer to control the layout of the page for their website by specifying its position properties in CSS. The position properties that at least one of the schemes will be under are static, relative, absolute, and fixed. These position properties can be used to make elements overlap and float.