This is part two of the How to Use a CSS Generator to Create a Layout for your Website. Let?s pick up where we left off.

Left and Right Columns

These are the columns you will have on the left and right side of your page. Let?s go through the different sections.

Left Width ? The left width is the width of the left column. Enter the width you wish for the left column to be.

Left Color ? This is the background color of the left column. Enter your color choice in this field. Refer to the link I gave you above to get your color.

Left Border ? If you want a border around the left column, enter the size of the border in this field. If you do not want a border, leave 0 in this field.

Right Width ? This is the same as the Left Width, the difference is you are working on the right column now.

Right Color ? This is the same as the Left Color, the difference is you are working on the right column now.

Right Border – This is the same as the Left Border, the difference is you are working on the right column now.

Main Section in General Settings

The last section is the main section. This is the middle section of your site. Let?s go through the fields in this section.

Color ? This field is the color of your middle section background. Refer to the color sheet to get your color.

Border ? If you want a border around your middle section, enter the size border in this field. If you prefer not to have a border, leave 0 in this field.

Border Color ? This would be the color of your border. Enter the color of your choice in this field.

Font Size ? This is the size of the font on your website. Enter the size of your choice in this field.

Font Color ? This your font color. Enter the color of your choice in this field.

Font Style ? Enter your choice of font style in this field.

Ok, that is all of the fields in this generator. Now you will need to click the Generate Page button. On the next page, you will see a preview of the page you just created. If you need to edit the page, click the back button on your browser and edit it. Click Generate Page again to view the changes. Once you have the layout the way you want it, copy the CSS code below the preview and paste it to a page in your website program. Save the page as Style.css. Then copy the HTML code and paste it in your website program, save this file as index.html. From here you can add your content and do any other editing needed.