| Different issues can't be avoided even in web | | | | layout. In CSS, on the other hand, HTML returns to a |
| designing. Due to conflicts between differing goals | | | | semantic set-up. With this, search engines are able to |
| and web design methods, conflicts arise. Some of | | | | understand what is happening in a web page. But one |
| them are listed below. | | | | major downfall of CSS is the fact that control is |
| Liquid vs. Fixed Layouts | | | | essentially abandoned because each browser has its |
| Web designers do not have control over everything | | | | own trait which leads the page to have a different |
| when designing a web site. Some of the factors that | | | | display. |
| they do not have control over are browser window | | | | So to avoid this stand off, you have to decide |
| (the web browser used), used input devices (such as | | | | firsthand on the approach you will take when |
| mouse, touch screen, voice command, and text) and | | | | designing that webpage, here are some of the key |
| the size and characteristics of fonts available. | | | | elements you have to bear in mind: |
| However, some designers choose to control the | | | | Website Planning |
| element's appearance on screen with the use of | | | | It is important to plan on the kind of website that |
| specific width designations. This may be done with | | | | you would be establishing. Keep in mind the audience |
| the use of HTML table-based design or CSS. Fixed | | | | or your target market, as well as the purpose for |
| width design happens when images, texts and design | | | | creating the site and lastly, its contents. |
| layouts do not change as the browser changes. | | | | Audience |
| Supporter of this design prefer to control the look | | | | The key step to website planning process is defining |
| and feel of the site as well as the placement of | | | | your target market or audience. Your audience is the |
| objects on the page. However, other designers use | | | | group of people you visualize as the ones who would |
| liquid design, as in Wikipedia. In liquid design, the | | | | most likely visit your website. These people will be |
| design moves so that the content will flow on the | | | | visiting your website for a purpose so it is beneficial |
| whole screen or a portion of it. The supporters of | | | | to know the things they are looking for. To help you |
| this design wishes to use all the available spaces on | | | | decide on this, you should clearly define the goal of |
| the web. | | | | the site and also understand what people want to |
| CSS versus tables | | | | feel or do when visiting your website. |
| During the days where Netscape Navigator 4 was | | | | Looks vs. Function |
| the most popular browser, Web designers use tables | | | | Some designers pay more attention on how the site |
| to layout pages on the web. This was considered as | | | | looks rather than on how it works. Some even rely |
| the practical solution then. However, popular as it is, it | | | | on advertisements, so that clients will find their |
| requires dozens of nested tables even for simple | | | | website, instead of search engines. On the other |
| designs. | | | | hand, SEO's or Search Engine Optimization consultants |
| With the emergence of dominant browsers such as | | | | are concerned with how a web site works, textually |
| Internet Explorer (which became more compliant to | | | | and technically. As a result, designers and SEO's end |
| W3C), designers started to turn their attention in | | | | up having fights because of the differences of their |
| using CSS. Proponents of CSS say that tables should | | | | concerns. |
| only be used for tabular data and not for page | | | | |