Welcome
Announcements!

Our new forum is located at:
www.pinoydesign.net

or

http://forums.pinoydesign.net

Thank you!

Making A Website. (Tutorials)

HTML, XHTML, CSS, Javascript, VBscript, PHP & more...

Moderator: =GM=

Postby Duelo on Sat Feb 23, 2008 1:50 pm

laki difference.

First off, mas mabilis mag load ang Web page na gawa sa pure CSS rather than tables.

Here are some of the advantages of using CSS rather than Tables

Accessibility

Because of the rapid growth of the Internet, disability discrimination legislation, and the increasing use of mobile phones and PDAs, it is necessary for Web content to be made accessible to users operating a wide variety of devices. Tableless Web design considerably improves Web accessibility in this respect. Screen readers and braille devices have fewer problems with tableless designs because they follow a logical structure.

As a result of the separation of design (CSS) and structure (HTML), it is also possible to provide different layouts for different devices, e.g. handhelds, mobile phones, etc. It is also possible to specify a different style sheet for print, e.g. to hide or modify the appearance of advertisements or navigation elements that are irrelevant and a nuisance in the printable version of the page.

The W3C's Web Content Accessibility Guidelines' guideline no. 3 states "use markup and style sheets and do so properly." The guideline's checkpoint 3.3, a priority-2 checkpoint, says "use style sheets to control layout and presentation."

Bandwidth savings

Clever implementation of tableless design can produce web pages with fewer HTML tags thus reducing page download times. Using external style sheets to position page elements means more mark up language may be cached and further reduce download times for subsequent pages using the same resources.

Poor implementation of tableless design can result in many more lines of code used per page element which can increase download time. Tables have a defined set of rules which are clear and concise while tableless design often involves working around browser inconsistencies.

The correlation between tableless design and download times is not significant. If implemented correctly, the bandwidth savings are generally minor at best. The use of WYSIYG editors or perhaps the competency of the web page's author has a much greater influence on page download times. It is perfectly possible to build a web page with tables that is lightweight.

Maintainability

Maintaining a website may require frequent changes, both small and large, to the visual style of a website, depending on the purpose of the site. Under table-based layout, the layout is part of the HTML itself. As such, without the aid of template-based visual editors such as HTML editors, changing the positional layout of elements on a whole site may require a great deal of effort, depending on the amount of repetitive changes required. Even employing sed or similar global find-and-replace utilities cannot alleviate the problem entirely.

In tableless layout using CSS, virtually all of the layout information resides in one place: the CSS document. Because the layout information is centralized, these changes can be made quickly and globally by default. The HTML files themselves do not, usually, need to be adjusted when making layout changes. If they do, it is usually to add class-tags to specific markup elements or to change the grouping of various sections with respect to one another.

Also, because the layout information is stored externally to the HTML, it is quite easy to add new content in a tableless design, whether modifying an existing page or adding a new page. By contrast, without such a design, the layout for each page may require a more time-consuming manual changing of each instance or use of global find-and-replace utilities.

Due to browser inconsistency and a particular web designer's implementation of tableless design, it may not be clear at first glance exactly how a tableless web page is constructed. While it is convenient to have markup language residing in a single CSS file, it can split layout logic unnecessarily. Browser inconsistencies can increase the risk of web pages failing to render properly which increases the need for maintainability.



-----------------------------------------------------------------------------

Yang CSS concept na yan
World Wide Web Consortium (W3C) mismo nag advocate nyan. Once you get a hold of it, at masanay ka, makikita mo kung ganu kabilis mag design using CSS kesa sa tables. Tsaka ung Code mo sa HTML, malinis at mas maiksi tgnan.

Mga companies ngaun, usually pag nag hire sila web designer, preferred nila ung nde gumagamit ng tables. kasi nakakatulong din to sa SEO.
Image
User avatar
Duelo
Site Admin
Site Admin
 
Posts: 265
Joined: Tue Sep 11, 2007 6:42 am

Postby archclan on Sat Mar 08, 2008 10:56 am

coffecup po un ginagamit k!
archclan
Level 1
Level 1
 
Posts: 7
Joined: Sat Mar 08, 2008 4:37 am

Postby DIESEL on Fri Apr 25, 2008 3:16 pm

I use Aptana :wink:
User avatar
DIESEL
Level 1
Level 1
 
Posts: 11
Joined: Thu Sep 20, 2007 11:35 pm

Postby jazeon on Wed Jun 04, 2008 2:23 am

God i use Frontpage. Its so hard. But can't use dreamweaver. So sakit sa memo
User avatar
jazeon
Level 5
Level 5
 
Posts: 171
Joined: Sun Sep 23, 2007 9:11 am

Postby kakashi288 on Sat Jul 19, 2008 3:40 am

^ may mga wsiwyg po na mga web site builder na pwede nyo pong gamitin ^^
kakashi288
Site Admin
Site Admin
 
Posts: 1422
Joined: Sat Sep 29, 2007 12:51 am
Location: makati

Previous

Return to WEB DESIGN

Who is online

Users browsing this forum: No registered users and 0 guests

cron