Web Articles for Dummies, Web Standards
..
Introduction
HTML is an age old topic which I’m sure you’re already very familiar with and has been talked about zillions of times. However, I think there is room for such a topic given the apparent lack of knowledge of Web Standards among the general web populous in Hong Kong..
..
2. Don’t Abuse the Good!
HTML is very simple to learn. In fact it’s so easy anyone could pretty much pick it up, as well as be proficient, in about 3 days. For that reason it’s a “language” that’s prone to exploitation as most learn from bad examples. There are only a handful of tags and only 30 are frequently used. The most exploited of them all are the table and blockquote elements.
The biggest step to writing better markup is to throw away your tables, but not all of them, only those being used for layout purposes. Think of tables as “data tables” and you’re on the right track..
…
Full article: http://yelotofu.com/2007/12/seven-ways-to-write-better-html/
License: Creative Commons
Indexed in June 2008
Related Info Web
Elements of a Web, Free for Web, Web Standards, Weblog (Blog), Wordpress Blog
WordPress is very good about supporting standards and producing valid markup, and at least when I started using it, it had a link in the standard theme to proclaim the validity of its pages and prove it to you by taking you to the W3C Markup Validation Service. A lot of people never pay this any attention and promptly produce a bunch of non-complying pages, all the while shamefully leaving the boastful link in the sidebar or footer of their site.
..
WordPress XHTML Validator Plugin
I considered making a WordPress plugin to give me a button on the edit screen which would let me send the preview page source HTML directly to the W3C validator. Then I could perform a quick verification after composing a post..
…
Full article: http://www.movingtofreedom.org
License: Creative Commons Attribution - ShareAlike 3.0
Indexed in May 2008
Related Info Web
Client-side Scripting, Custom Programming, Web Standards
Understanding the DOM
The Document Object Model ( or DOM for short ) arranges the HTML document in a tree heirachy with the HTML element being the topmost and all other elements being escendents. This model allows us to use javascript to access the different elements ( just think tags, like h1 or div ) and dynamically change the web page. This is commonly referred to as Dynamic HTML, or DHTML. To get a view of the DOM of a particular web page, if you are using Mozilla, just click on the Tools menu and then DOM Inspector..
..
Creating a hyperlink
Using a similar method we can dynamically create hyperlinks very easily. In this case we use the createElement() method to create a new <a> element.
Then using the setAttribute() method we add the title, class, and href. To display the text for the link we simply use createTextNode() as above and append this to the <a> element we just created, making the text node a child element of the link..
…
Full article: http://bobpeers.com/technical/dhtml2.php
License: Creative Commons License
Indexed in May 2008
Related Info Web
Elements of a Web, Promoting Website, SEO, Web Standards
Why? Because Google Said So.
In its Webmaster Guidelines, Google touts the merits of adding a sitemap to your site.
• Make a site with a clear hierarchy and text link. Every page should be reachable from at least one static text link.
• Offer a site map to your users with links that point to the important parts of your site.
…
Full article: http://www.cucirca.com
License: Creative Commons Attribution-Share Alike 3.0 Unported
Indexed in May 2008
Related Info Web
Promoting Website, SEO, Web Standards
This has been discussed in length on a number of forums lately and results in some interesting arguments whether or not validated HTML goes to help boost your rankings in Google. HTML Validation is conducted to check for errors using a tool such as the W3C Validator. For the most part I am believer in validated xhtml/html and the benefits it mainly has from a good design point of view. Once I changed over to XHTML I never looked back. It’s good technique in my opinion of a professional website. Has it helped in boosting my rankings?..
…
Full article: http://www.seroundtable.com/archives/001395.html
License: Creative Commons Attribution 3.0 United States
Indexed in May 2008
Related Info Web
Custom Programming, Flash and Vector Graphic, Graphics, Web Standards
One of the problems that I’ve always had with Flash is that all of the good stuff stays buried in the actual .swf file, away from spiders, screen readers and lower technology enabled browsers. It strikes me as odd that there isn’t a standard method for treating Flash (or other types of rich media) in a similar fashion to CSS. With the exception of video assets, there really aren’t many types of content on the web these days that can’t be at least partially displayed in some form of textual representation.
..
Semantic XHTML for Flash - v0.1
Behind the scenes there isn’t a ton of ground breaking code, just a lot of solutions to a lot of small sequential problems. The basic flow through the page acrobatics is:..
…
Full article: http://www.jamesv.org/2007/04/22/semantic-xhtml-for-flash/
License: Creative Commons Attribution-Share Alike 3.0 Unported
Indexed in May 2008
Related Info Web
Custom Programming, Web Articles for Dummies, Web Standards
Introduction
The primary goal of this “Web Programming Quick Start” series is to get the reader to the point of doing something productive with a minimum of time and effort..
..
The <h1> through <h6>Tags
For those times your web page is broken into “sections, subsections, etc.,” they can be labelled with 6 levels of “headings.” headdemo1.html exemplifies all six heading tags. Figure 1 shows the relevant segment of XHTML code, and Figure 2 shows the result of the Firefox browser presenting this XHTML.
…
Full article: http://cnx.org/content/m14050/latest/
License: Creative Commons License
Indexed in April 2008
Related Info Web
Flash and Vector Graphic, Graphics, Web Standards
..
After some experimentation and testing (quite a bit, in fact), I discovered a method of using the object element alone to get Flash playing in pretty much every commonly used browser. The technique had one problem, however, and that was that Internet Explorer wouldn’t start the Player until the entire file had been downloaded – the user would have to wait for the entire movie to download before it would even play the first frame..
…
Full article: Creative Commons Attribution-ShareAlike 2.0 England & Wales
License: http://allinthehead.com
Indexed in April 2008
Related Info Web
Web Articles for Dummies, Web Standards
The World Wide Web Consortium (W3C) is the home of an enormous amount of World Wide Web (WWW) technology development..
..
This document provides an outsider’s guide to the W3C, explaining its processes and its output from the perspective of a non-member, and identifying areas where non-members can participate.
…
Full article: http://www.simonstl.com/articles/civilw3c.htm
License: Creative Commons License
Indexed in April 2008
Related Info Web
Web Standards
The Extensible Markup Language (XML) is a general-purpose specification for creating custom markup languages. It is classified as an extensible language because it allows its users to define their own elements. Its primary purpose is to facilitate the sharing of structured data across different information systems, particularly via the Internet, and it is used both to encode documents and to serialize data. In the latter context, it is comparable with other text-based serialization languages such as JSON and YAML.
It started as a simplified subset of the Standard Generalized Markup Language (SGML), and is designed to be relatively human-legible. By adding semantic constraints, application languages can be implemented in XML. These include XHTML, RSS, MathML, GraphML, Scalable Vector Graphics, MusicXML, and thousands of others. Moreover, XML is sometimes used as the specification language for such application languages.
XML is recommended by the World Wide Web Consortium. It is a fee-free open standard..
…
Full article: http://en.wikipedia.org/wiki/XML
License: GNU Free Documentation License
Indexed in March 2008
Related Info Web
