Welcome to %1$s. Please log in.

Login with username, password and session length
 
News: Keep The TechnoWorldInc.com Community Clean: Read Guidelines Here.
Techno World Inc - The Best Technical Encyclopedia Online! | Forum | THE TECHNO CLUB [ TECHNOWORLDINC.COM ] | Computer / Technical Issues | Web Design / Graphics Design/ Animation | Website Development | Issues On Web Design

Shawn Tracer

Issues On Web Design
by: Hunter Blyth


Different issues can't be avoided even in web designing. Due to conflicts between differing goals and web design methods, conflicts arise. Some of them are listed below.

Liquid vs. Fixed Layouts

Web designers do not have control over everything when designing a web site. Some of the factors that they do not have control over are browser window (the web browser used), used input devices (such as mouse, touch screen, voice command, and text) and the size and characteristics of fonts available.

However, some designers choose to control the element's appearance on screen with the use of specific width designations. This may be done with the use of HTML table-based design or CSS. Fixed width design happens when images, texts and design layouts do not change as the browser changes. Supporter of this design prefer to control the look and feel of the site as well as the placement of objects on the page. However, other designers use liquid design, as in Wikipedia. In liquid design, the design moves so that the content will flow on the whole screen or a portion of it. The supporters of this design wishes to use all the available spaces on the web.

CSS versus tables

During the days where Netscape Navigator 4 was the most popular browser, Web designers use tables to layout pages on the web. This was considered as the practical solution then. However, popular as it is, it requires dozens of nested tables even for simple designs.

With the emergence of dominant browsers such as Internet Explorer (which became more compliant to W3C), designers started to turn their attention in using CSS. Proponents of CSS say that tables should only be used for tabular data and not for page layout. In CSS, on the other hand, HTML returns to a semantic set-up. With this, search engines are able to understand what is happening in a web page. But one major downfall of CSS is the fact that control is essentially abandoned because each browser has its own trait which leads the page to have a different display.

So to avoid this stand off, you have to decide firsthand on the approach you will take when designing that webpage, here are some of the key elements you have to bear in mind:

Website Planning

It is important to plan on the kind of website that you would be establishing. Keep in mind the audience or your target market, as well as the purpose for creating the site and lastly, its contents.

Audience

The key step to website planning process is defining your target market or audience. Your audience is the group of people you visualize as the ones who would most likely visit your website. These people will be visiting your website for a purpose so it is beneficial to know the things they are looking for. To help you decide on this, you should clearly define the goal of the site and also understand what people want to feel or do when visiting your website.

Looks vs. Function

Some designers pay more attention on how the site looks rather than on how it works. Some even rely on advertisements, so that clients will find their website, instead of search engines. On the other hand, SEO's or Search Engine Optimization consultants are concerned with how a web site works, textually and technically. As a result, designers and SEO's end up having fights because of the differences of their concerns.


About The Author
Hunter Blyth currently writes for Dolphin Promotions SEO and Web Design Company http://www.dolphinpromotions.co.uk/

Recent Updates

[August 11, 2025, 08:33:44 AM]

[August 11, 2025, 08:33:44 AM]

[August 11, 2025, 08:33:44 AM]

[August 11, 2025, 08:33:44 AM]

[May 13, 2025, 08:34:25 AM]

[May 13, 2025, 08:34:25 AM]

[May 13, 2025, 08:34:25 AM]

[April 12, 2025, 08:24:20 AM]

[April 12, 2025, 08:24:20 AM]

[April 12, 2025, 08:24:20 AM]

[April 12, 2025, 08:24:20 AM]

[March 12, 2025, 09:35:30 AM]

[March 12, 2025, 09:35:30 AM]

Subscriptions

<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:700');@import url('https://fonts.googleapis.com/css?family=Montserrat:400'); .form-preview { display: flex; flex-direction: column; justify-content: center; margin-top: 30px; padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px); max-width: none; border-radius: 6px; box-shadow: 0 5px 25px rgba(34, 60, 47, 0.25); } .form-preview, .form-preview *{ box-sizing: border-box; } .form-preview .preview-heading { width: 100%; } .form-preview .preview-heading h5{ margin-top: 0; margin-bottom: 0; } .form-preview .preview-input-field { margin-top: 20px; width: 100%; } .form-preview .preview-input-field input { width: 100%; height: 40px; border-radius: 6px; border: 2px solid #e9e8e8; background-color: #fff; outline: none; } .form-preview .preview-input-field input { color: #000000; font-family: "Montserrat"; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; } .form-preview .preview-input-field input::placeholder { color: #000000; opacity: 1; } .form-preview .preview-input-field input:-ms-input-placeholder { color: #000000; } .form-preview .preview-input-field input::-ms-input-placeholder { color: #000000; } .form-preview .preview-submit-button { margin-top: 10px; width: 100%; } .form-preview .preview-submit-button button { width: 100%; height: 40px; border: 0; border-radius: 6px; line-height: 0px; } .form-preview .preview-submit-button button:hover { cursor: pointer; } </style><form data-v-3a89cb67="" action="https://api.follow.it/subscription-form/QUJrWmZTYXZTNTJ5UDdYb2NaeVlQMmdRWTNQenUrdHdueldtWTNVOGk4WVJhVm94L280bzRPbFE1bVcwNDZ1UWJ4T0VFb0FETWJ4QjhhNGo3ekhGVXNRVmhkbXNnUDlZVkh6RWdmWWlveVVvWDZwbVNCcmpGZUVjMTBNN09WREN8dW1lOTY5VVhCNUtYZTJRdGRZV3ZSQWpaWVVpdGtqbjdNTC9HT2RlMndiaz0=/8" method="post"><div data-v-3a89cb67="" class="form-preview" style="background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-color: rgb(204, 204, 204); position: relative;"><div data-v-3a89cb67="" class="preview-heading"><h5 data-v-3a89cb67="" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(0, 0, 0); font-size: 16px; text-align: center;">Get Latest Tech Updates For Free!</h5></div> <div data-v-3a89cb67="" class="preview-input-field"><input data-v-3a89cb67="" type="email" name="email" required="required" placeholder="Enter email" spellcheck="false" style="text-transform: none !important; font-family: Montserrat; font-weight: normal; color: rgb(0, 0, 0); font-size: 14px; text-align: center; background-color: rgb(255, 255, 255);"></div> <div data-v-3a89cb67="" class="preview-submit-button"><button data-v-3a89cb67="" type="submit" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(255, 255, 255); font-size: 16px; text-align: center; background-color: rgb(96, 131, 190);">Subscribe</button></div></div></form>

Resources

  

Issues On Web Design

Started by Shawn Tracer, February 21, 2008, 08:01:48 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

  Print     Print       Print