8/8/2019 texe

1/2

Lord, please guide me pass my first majore exam in Web Programming. My Professorunder
this subject is serious. If i cannot design this site, there is a big prabability that i might fail
his subject. Lord, I beg You, I worship You. I know i can remember how to user

internal CSS.

As I examined this site to be engineered, i notice that the he uses the image 'bg.gif' as
background image for the site. He set the background iamge to repeat horizontally
(repeat-x), the background color as "#F4F2E6", the text alignment as center, andfont
as Georgia size 12 and color black.

Now, I have to look at the board to see the stack design of the site. He gave tips, but there

are just tips. If i have listed to him in hist past lectures, i can pass this exam with reading
the tips. Ofcourse, there are different ways to code this site. But, below is one of the ways,
and if i wanted i can just read it as follow:

1. there is a main division that covers most of the content except for the footer. Thisdivision is set to 780 pixels, background is white, padding set to 0 pixels, marginsto 20 pixels and border is 1 pixel solid and its color is black(#000)

2. For the paragraph element, its margins and paddings are set to 0 pixels to av

oidspaces betwwen paragraphs. This enables the paragraph element to contain imageseither for the banner image or the main photo image and other elements orcontents of this site.

3. After the main division has been created, an image "banner.jpg" was insertedin aparagraph. Afer this, there paragraph for the butcher was created, set to: widthis780 pixels; background color is '#990000'; paddings are 2 pixels for all sides;textalignment is left; font is color white, bold 12 pixels Georgia; and borders are

set to 1pixel, solid color black.

4. After the tag line 'butcher', a div element for site navigation was created.The widthof this div is 200 pixels, it floats left, background color is #E4E2D5 marginsfor top, right, and bottom is 0 pixel but for left is 9 pixels, paddings are setto 20pixels, height is 950 pixels, border left and right are set to 1 pixels solid colors areblack.

5. After the div element for site navigation, there is another div element for t

he maintexts. This div element is set to: width is 560 pixels, it floats left, marginsand

8/8/2019 texe

2/2

paddings are 0 pixels, and text alignment is set to left.

6. The div element for the footer is placed outsite the main div element. This elementis set to: text alignment is center, it clears both and margins for all sides are 0pixels.

For other stuff, I think i just have to look at the board or just find my way.