A Document Type Definition (DTD) is a set of rules that define the document structure in a particular version of XML or (X)HTML. A browser will parse the web page looking for the Document Type (DOCTYPE) Declaration in your CSS code and will use these rules to validate the page.

An example of Document Type (DOCTYPE) Declaration is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

The DOCTYPE declaration is included at the start of the (X)HTML document. It is required in order for the page to validate as the browser needs to know which DTD to use in order to process the page correctly.

In the previous example the DTD XHTML 1.0 Transitional is used.

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: browserCSSdoctypeDTDhtmltutorialvalidatorw3cxml
 

Accessibility

Web accessibility means making webpages accessible especially to people with disabilities (for example people with problems such as visual impairment) so that they can perceive, understand, navigate, generally interact but also contribute to the Web. Web Accessibility also benefits older people with changing abilities due to aging.

If you design Accessible websites you can often enhance usability for ALL users. Good design can also simplify the access for automated software programs that read website content, so here we go again.. Search Engines!

An important aspect of Accessibility is to let people access content in their preferred way. For example, some users may prefer to alter the presentation of information (read CSS) because they are using a very small display on a mobile phone, they would prefer to adjust the text size, or they may need to use keystrokes because they don’t have a mouse.
Other examples: People with visual impairments or dyslexia may want to change the colours of text or the background to make a combination easier to read. Users with dyslexia or ADHD (Attention – deficit / hyperactivity disorder) may have problems if there are moving images on the screen while they are reading, as they are easily distracted. People with ADHD may also have problems if there are too many links with so many options to choose.

Conclusion: Designing websites in accordance with Web Accessibility principles is necessary to enable access for all users.

Make your website Accessible

Making a website accessible can be simple or complex. It depends by many factors such as the type of content, the size and complexity of the site and so on.
I strongly suggest to implement Accessibility features from the beginning of the website development or redesign. Fixing inaccessible websites could require significant effort, especially if they were not originally designed and “coded” properly with standard XHTML markup, or if they have multimedia contents.

Web Accessibility Initiative (WAI), part of the World Wide Web Consortium (W3C), develops guidelines for Web Accessibility, support materials to help understand and implement it.

The document “Implementation Plan for Web Accessibility” lists the basic steps for implementing accessibility in Web projects. The Web Content Accessibility Guidelines documents provide detailed information for website developers.

There are even Evaluation Tools that help with evaluation, but in my opinion, in the end human evaluation is required to determine if a site is really accessible or not.

I’m disabled. My magical helper is my PC. Visiting art galleries and participating in writing groups would make me very tired, but the Internet lets me enjoy the same comfortably from home. Being blind for example would make desktop wallpapers useless, but I could still listen to some poetry reading. Even on the worst days I could spend few time on the computer. 3C 5F 1N is much better than no human interaction.
- Anonymous
  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: layouttutorialw3cWeb
 

CSS Simple Layouts.

Ok. Before we start.. what is CSS?

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language as for example HTML, HTML or even XML. The CSS specifications are maintained by the World Wide Web Consortium (W3C).

The aim of CSS is then to position the content of a web page. CSS is used by the author (and even the readers!) of websites to define colors, fonts, layout, and other aspects of the presentation of a document.

CSS layouts

(more…)

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: CSSdownloadhtmllayouttutorialw3cWebxml
 

Search engine optimization.

Search engine optimization (SEO) means improving the volume and traffic quality to a website from search engines. SEO activities can include optimization of domain, layout, graphic, content.

It’s very important that your website is CSS and HTML/XHTML validated and it complies with Accessibility standards as well. This way your website not only will be available on all the browsers (Firefox, Opera, Internet Explorer, Safari, etc..) or even PDAs and smartphones but you will also have a website with less code, which is important in order to rank higher on the Search Engines.

The W3C (World Wide Web Consortium) provides the guidelines by which websites and pages should be structured and created.

Here are then few guidelines to follow when optimizing a website for Search Engines like Google, Yahoo or Msn:

  • Duplicate Content: Always write unique content! A common mistake when they start a blog or a website is to duplicate content, starting to copy text from other websites pasting it on their pages. This way Search Engines will lower the page rank, the ranking for keywords and eventually even ban them from the search results.
  • Title – DescriptionKeywords: First of all always make a Title for every page, related to the content of the page eventually, because leaving the Title field empty decrease your position in Search Engines. Also in the head section of your HTML code use the META tags Description, to briefly describe what your website or page is about and Keywords, with a certain number of keywords related to the page.
  • Written Content: Make sure that every page have about 200 – 300 characters of text, well written and related to the content of the website. You should use some of your keywords from the META tag in the text of the page and the keywords from the “title” and “description” in the h1, h2 and h3 tags. Also always write a description of the photo in the ALT tag of the images. Always use text and background’s combination that are easy to read (example: dark text on white or light background’s color).

Remember to think long-term.. as in Search Engine Optimization to be patient is the best way to success!

  • Digg
  • Facebook
  • MySpace
  • Twitter
  • Technorati Favorites
  • Evernote
  • Delicious
  • Share/Bookmark
Tagged with: browsertutorialw3cWeb