If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
When you are ready to start designing a web-page, you will see that is totally different from converting a into web-page. This article shows you how step by step some of the CSS tricks. For some of you, this are old news, but for the new ones this can be very dark and difficult.
So, obvious this article is out of tables for you, is just debating CSS ‘history’. CSS for many is the only way of succeding on developing and in this high level professionalism that we see daily. You can get clear and standard codes, but also you can improve your page permanently, and apply changes. CSS offers you more flexibility, but when or where it starts everything? We will provide some structure that you can start easily with..
First you have to analyze and define areas/boxes/ID containers
When we start developing, we start analyze my design. We consider what to cut, and what not to. This is the part of converting the ID containers, the boxes/areas. Making a flashback, we can imagine how the design will show, the header, the navigation, left and right are where your content is. If you want make a draw on a paper, and imagine how it will look. The big areas are very important. Then divide the big area in smaller ones.
Have your background defined
During the process of defining the boxes and areas, also an important thing is the background. Being in a position to use multiple types of backgrounds you are sometimes in difficulty to choose one, because more, it happens to be pattern, or it might contain a illustration picture. This depends on the type of the background that you decide to choose, the theme that you have, the background defines the style-sheet that you have,
So, to sum up this, each box and area represents your background.
Web saving
This is the way of saving your images, and here you have more options : gif, jpeg, png. So, on design it depends on what you need to change, then you will use png. images to upload.
Use CSS to built boxes
After you have finished our work and managed to save our images, its time to work with CSS and define the boxes. The name is very important for the boxes. For code, try and use comment ones so you can find their your way. I said that because the CSS code becomes very long, and you need to be focus on it. Now you can start your structure along, make the body tag, ID containers/boxes and text styles.
