Professional Web Backgrounds
1) 25 Websites with amazing backgrounds
Check out these sites. Amazing professional backgrounds. Our goal in this unit is to create backgrounds of such quality.
2) Introduction to OpenGraphics
opengraphics.weebly.com is a site dedicated to learning Photoshop, the graphic design program that we will use to create our backgrounds.
3) Introduction to Photoshop
Photoshop is the most advanced and popular graphic design software in the World. In this tutorial you will learn how to open the program.
4) Finding Professional Background Sizes
One of our first steps is to figure out how big professional web backgrounds are. There are two methods to try.
5) Backgrounds Using Brushes
In these two tutorials you will learn how to use brushes in Photoshop like a professional.
Brushes Background Rubric
6) Saving Your Files In Photoshop
Its time to learn how to save your files in Photoshop. There are a number of ways of saving. Lets learn how and why to choose each one.
7) Backgrounds Using Patterns
Patterns are a really powerful way to create amazing backgrounds. In this series of tutorials you will learn how patterns work and who to download and install professional patterns.
8) Backgrounds With Gradients
Gradients are a simple but powerful way to both create backgrounds and add an amazing touch to backgrounds. In this series of tutorials you will learn how to use and customize gradients.
9) Placing Your Background In Webpage
First learn how to create an HTML document (a webpage). In this set of tutorials you will build your first page and learn how to save it.
Now, It is time to learn a little CSS. This is the language we will use to place our background in the HTML page you just created.
In CSS we write rules for our webpages. Learn the rules to place and format your custom background on your page.
Once you have your background placed on your webpage, its time to create the 'content area', the place where you are going to place all of your web content, pictures, text, links, etc.
Now that you know what a div is, a box, we can learn how to control the div to be the correct size in the place we want it on our page.