---

.:Container Retainer:.

Today, I am making my favorite web page which contains everything about my favorite anime. I need to put boxes to make it beautiful. I set everything perfectly within my computer, but then when I am ready to show it to my teacher, what I see was a sporadic boxes which I cannot recognize that I made. Why is it happening? As I know I made it perfectly but why within in the computer room it suddenly  looks ugly..??
Aish..!! What a waste.. I thought it's perfect but then its not.
Then, our teacher thought us how to deal with that problem. He told us about "CONTAINER" just what is that container exactly is...??
then, he discussed. "Containers" are used to retain the position of every divs, boxes, images and everything that you put on your web page. All you need to do is just put the containers code, specify it's width and tadah..!! it's done.. what you specify is what you can see.. but remember, if your containers width is 900 the sizes and spaces of your boxes, divs and images must not exceed to the width of your container. And never forget that containers position are set as Relative and it's width must be in pixels.

---

.:'CRAPPY C.R.A.P':.

            This week I have learned about the acronym "C.R.A.P"?

whooah.. That's too crappy.. what was that "C.R.A.P"?

"Crap" is an element that makes websites more beautiful.

The big letter "C" on Crap means "CONTRAST".

Good contrast can make sites appear crisp and organized, whereas poor contrast blends it all into an incoherent mass of RGB values. Contrasting elements allow for the user to figure out which page areas are related and which are totally separate.

And the big letter "R" means "REPETITION".

Repeating the colors of such menus that have different functions would be too

confusing for the readers. Because it has the same color, they may think that those

menus are just the same.

so to eliminate confusions menus that have different functions must have different colors.

That's how repetitions work.

The next big letter is the "A".

"A" means "ALIGNMENT".

Everything on the page needs to be visually connected to something else, nothing should be out of place or distinct from all other design elements.

The last is letter "P" which is "PROXIMITY".

Proximity creates related meaning: elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.

        That's the use of the "C.R.A.P" which I think was too CRAPPY at first

but as I learned about it.

I think it's now CRAPPILICIOUS to FOLLOW. :)

---

.:Prettiholic Div And Span:.

This week I have learned so many things about working on my site.

I have learned how to make it prettier and I have learned how to make it
the best of all the best.

Today July 8,2011, I have learned about the "DIV" and the "SPAN"

"DIV" is a kind of block element which is use to make the content of the page more attractive. With the use of "DIV" you can change the style, color, weight and size of your text. It is use according to the design you wanna use on your web page. The next is the "SPAN". It is an inline element which can be put at different parts of the body of your document. Since it is an inline element, by the use of it you can make words, sentences and phrases more catchy to the readers because "SPAN" element is use to change the color, size, font and weight of a certain word, phrase or sentence. With the use of span, important details would be seen easily.

There are so many elements use to make web pages more attractive.

Span and Div are just one of them. But even though those two are only basic, it can still make your page more "PRETTIHOLIC"