Summary Six — Images and Layout

Adding Images to your Webpage

Images are a very important part of the design of a webpage, as they can really enhance the appearance when done correctly. When considering the addition of images to your page, you should also think about the many ways they can be implemented and manipulated. For example, you should think about where in the code the image should be placed to get them where you want on the page; if you place them in the middle of a paragraph, they will appear there on the page.

Three Rules for Creating Images

There are three rules for creating images; first, you should save all the images in the right format (JPG, PNG, or GIF) for the type of image you want. Secondly, you should save the images in the right size, as an image too big or small for the size of what you want it to be on your page can create issues. Finally, you should measure you image in pixels.

Layout

Obviously, the layout of the webpage is very important, and there are many ways to control the way the layout looks. You can control the way the page flows by using a relative, absolute, or fixed position. You can also the way the content sits on the page using the float property; it can also be used to create columns.