Working in Dreamweaver, try to recreate the webpage shown on the next slide. Details you should know…are at right -->

Create a folder called DIVCH1 and put the files in there. Files should be named:

dc1.html dc1.css

Your body should have a maroon background,
Trebuchet font-family, a font-size of 14 pixels, and be sure to remove the top margin.
Create a “bigbox” DIV and use it around the page content. That should be 700px wide, have a 3px solid black border, be centered on the page (HINT: Margin of 0 and Auto), and have a pale yellow background color.
Create a “cool” class and apply it to the places you see. That should be styled to be italic, maroon to match the body background, letter-spacing of 3 px, and bold.
Style the img tag to have the same border setting as the DIV. Find your own smiley face image and make sure it is no bigger than 350px wide. SAVE that picture inside the DIVCH1 folder!!!

Awesome Div Pagel

are di vs awesome? Let me count the ways. First, they make pages ju st look beaut i fu I. You can

crazy colored backgrou nds and such and it works out. No worries!Second, it just is one more to havin g a professional website. That's our goal after all.

Steppi ng stones to professi onal web design

Pure awesomeness

DIVs wi sely!Be sure to start them with a number sign in the CSS page. And, use the ID to n ote what the i s called when you use it on the page. Have fu n!