Summary 5 - Chapter 5 & 15 - Images & Layouts

1. Image Placements.

When linking images into you website, you have to make sure they are properly sourced. In previous chapter, it mentions the root folder - ALL your images should be put under the images folder. This will keep them in a localized place that DW can easily access. Be careful though, if you image source starts with "file://" - you image is NOT properly linked. Meaning if you try to upload it to the web, it usually will not show.

2. Size of the Images.

The sizes! Whenever you insert your images into the HTML, adjust the sizing to your need. You can scale and resize your images to be big or small. Go left or right, just make sure that it is the proper file size and use JPGs (PNG is really best if you want a transparent image, but if not - don't use it.) Be careful when adjusting the sizing, to make sure it is scaled properly. Often you can pick your width and set the height to auto, this will keep a consitent sizing.

3. Lay it all out.

Layout is extremely important in planning a website. The way you can adjust and move things around to paired between HTML and CSS. In html, you cna create your divs within divs to create the code fpr boxes within boxes. Paired with your text and any images, you would then turn to css. You can adjust the postioning in many ways, with the position tags but also adjusting margins and float settings. Be mindful of your layouts when it comes to media screens, a layout for a laptop will not go well for an iPhone.