CSS Layout for a Website Design
Hi,
Today I’d like to give you a tip when designing your website. I’ll use my site as an example here.
If you’re not a PHP geek or you don’t use some CMS (content management system), then you may have a pretty flexible website even with CSS (cascading style sheets). That’s what I basically use for my website design.
If you look at the picture below, you’ll see that the layout of the site is broken into 3 chunks – left, center and right sides.
Each of these is just a table with CSS assigned to it. Now, if you use HTML formatting on every single page, there’s no way you can change the layout of all the pages at once. However, if you use external CSS on every page, you can change almost any layout detail and have it updated on all the pages.
For instance, the sidebar (image on the left) has a CSS class assigned to the table and also CSS class assigned to links. Those borders around links are just CSS. Now I can open the main CSS file any time and remove those, change the color, size, font, width or height of the whole table. At the moment the sidebar is 200px in width. But with CSS, I can change it to 150px or 300px if I want to.
I can actually change the main table (centered table) width or background color, as well as sub navigation menu layout.
So, talking about CSS layout, it’s really easy to use and update. If you’re using just a simple HTML for your pages (not ASP or PHP scripting), I suggest using CSS for all your website elements (tables, cells, H1 or H2 tags, links, etc.). This will really save you time if you decide to change the layout of your site.
I think these days almost every (at least decent) web development software has the option to use external CSS for your website layout. I like to use Adobe Golive for editing websites. You may use FrontPage or Dreamweaver. They’re also quite powerful tools.
April 9th, 2007 at 12:37 am
AdSense Money Maker…
Do you know how to make money from AdSense automatically? You don’t!? I’ll teach you how!…