| The orientation of W3C standards is clear: all the | | | | - Last days: the separation structure / content |
| attributes of size, position, colors, alignment (width, | | | | provides good readability of the code, but also an |
| height, align, font, color)...must not appear on the html | | | | update facilitated |
| page, but this will manage the display, i.e. the CSS. | | | | - Weight of the page: each HTML page is reduced by |
| We will therefore try to convince you to create our | | | | 1 / 3 to 2 / 3 |
| own site, fully CSS (no tables for display). This site | | | | The current limits of CSS positioning |
| will be respectful of the W3C standard, but also the | | | | Currently, CSS (or browsers), do not all artistic follies. |
| accessibility to blind, not deaf, people with disabilities | | | | There are still a few cases (increasingly rare), for |
| (sensory, motor ...). | | | | which the CSS methods are not yet sufficiently well |
| At the moment, the immense majority of websites | | | | implemented by browsers to be effective or easily |
| are built using tables. The tables, makes it possible to | | | | conceivable. Among these cases: |
| structure the page in several parts, and each party | | | | - make "columns" of the same height |
| may contain a menu, a header, content... | | | | - positioning and / or center vertical elements |
| However, this almost-universal method has many | | | | - make a layout for 100% of height with fixed parts |
| disadvantages: | | | | (e.g. header) |
| - The interweaving of multiple tables is often | | | | Currently, for these cases, it is still preferable to use |
| necessary, even for simple design. | | | | a well designed. |
| - The number of tags (table, tr, td, colspan, rowspan | | | | The general philosophy is this: we will try to think |
| ...) and quickly becomes considerably increases the | | | | differently: no tables or cells, but in terms of |
| code readability. | | | | "elements" (title, menu, header, footer, |
| - This Code heavy often unnecessarily increases the | | | | etc.). |
| weight of the page and loading. | | | | And if Affinities... |
| In addition to accessibility issues (e.g. disability), it is | | | | The CSS positioning technique may seem off-putting |
| recommended to use each tag so semantically | | | | to the top for webmasters used to not think in |
| correct. A table was originally designed to display | | | | terms of tables ... but the benefits of CSS quickly |
| tabular data ... (a forum, calendar, results for example) | | | | become undeniable. The proof is that it is entirely |
| and not to make the presentation of his page. | | | | possible to modify the entire design of the page, just |
| Prerequisite | | | | by amending an attribute in the ... CSS Imagine saving |
| The full-CSS or CSS Positioning is the strict | | | | time for sites a few hundred pages! |
| implementation of the recommendations of current | | | | The most striking example is the famous site |
| Web Designing standards. XHTML (and strict HTML) is | | | | Zengarden CSS, a true chameleon of the Web as it |
| designed to make a strict separation between | | | | is possible to take hundreds of different designs |
| content and layout. It is necessary to know the | | | | (CSS style) while retaining the same structure |
| basics of XHTML and CSS before you want to rush | | | | (HTML). Finally, and this is important to emphasize, |
| into a project design without tables. | | | | positioning CSS can follow the evolution of Web |
| Benefits of CSS positioning | | | | standards proposed by the W3C. |
| - Better Accessibility: browsers, search engines, | | | | Customize the Website Design to integrate all of |
| machinery, people with disabilities | | | | your requirements and make Website Customization |
| - Durability: Standards compliance assures us of | | | | process easy. |
| having a site compatible with all future browsers | | | | |