Methods to Create Quality Websites

[elementaldesign]

It is disapointing to see how many websites there are that only look good at one screen resolution. People hate having to use a horizontal scroolbar, and having making a website that requires one creates a highly unprofessional look. There are several ways to counter this.

One option is designing your website to be veiwed at one smaller resolution. Preferably 800 x 600. The advantages to this design are that it can be veiwed properly at any resolution at or above the resolution you desgn for. Unfortunatly those veiwing at 640 x 480 will be unable to properly veiw your site. Veiwers using such small resolutions are quickly becoming an extreme minority however. Another disadvantage is that veiwers with larger reolutions will see a large empty space on the sides of your design area. Many professional websites use this method and may give a more professional look.

The method I personally prefer is using dynamic tables. This is a method that allows you to make your website fill the entire screen when veiwed at any resolution, and should never require a horizontal scroll bar. When you use this your website consists entirely of combinations of tables. You can start out by making one big table with both width and height set at 100%. You can then divide that table into your main areas such as the header, navigation bar, and body. Although you could just dump your content into these main sections it is advisable to take it to the next level by subdividing these sections into more tables. You can go as far as making as row/column for every image/block of text on your webpage. When creating graphics for this site, take into consideration that you can give table rows an columns backgound images. When you do this the background will be streched so that it fills the entire area. This way the website wil maintain the same look even as the browser window is resized.

8) -- a message from elemental design

[ankurrathi]

I have problem with ur idea . if you set width of table is 100% & when we resize it from the boundaries with mouse ( i hope you got ) the content just go anywhere ( also try to resize ) .

[Black 4C6F747573]

You should check out overflow values and become more 'fluent' in tables :-). I personally love dynamic tables, but I've started to lean more twards div tags and css. It provides ALOT more flexibility, but its a new field for me. I'm setting up a page in php right now for my school and I'm thinking about using css design on that. Very good practice that is.

By the way, if a page is set for one resolution, it's considered to have absolute positioning, and if it has "dynamic tables", that is called relitive positioning *spell check* :-P