Zach McFarlan

Home page

Summary 4

Art 354 Web Design

Topic 1

Backgrounds

With dealing with backgrounds there are a few things that you will be able to do within your css and html to make it how you want. Some of the options that you will be using is things like positioning, its color, if you want it to repeat or not, to attaching images. If you want your background to stay when scrolling css has a helpful fixed attachment which you can use to have it stay when people are scrolling, got a position which you really want a image to fill the page with content using the background-position will allow you do define were you want to place it. When placing images for your background your going to have to link your image with a url within the background-image section. Backgrounds are very helpful to create patterns and make can be helpful for your website as it is the bottom layer of the page.

Topic 2

Margines and Padding

Maring and Padding will help you structure your content within your website, margins will help you push out with your box, padding will add in. Making sure that your working with an idea margins and padding will help you make sure that your website isn't just clean it will make sure that you don't have any weird text running all across your screen also. You need to make sure that your header is seperated with the body and the body is seperated with the footer the margins helps you do that, want to make sure that your seperate contant doesing spill over add some padding.

Topic 3

Floating and Clearing

With the clear and float property you will be able to stop elements from moving next to a float element and also allowing text to be around your images. Floating has a few properties that helps when positioning your text think of float command being where you want to justifiy your text weither it is left, right, or center. You can even enclose your floated elements, the ways you can do this is add an overflow command, if you have a section that the parent element is not floated you can close it by adding a float element to it, and adding a clearing element