Beruflich Dokumente
Kultur Dokumente
build
Page it
| 2up, or we can add weight that will tear it apart. The choice
belongs to us; the consequences belong to everyone.
2 What are the standards?
2.1 W3C Standards
2.1.1 What is the W3C?
The World Wide Web Consortium (W3C) is an international industry
consortium dedicated to leading the Web to its full potential. Its
led by Tim Berners-Lee, the inventor of the Web. Founded in 1994,
the W3C has more than 450 member organizations
including Microsoft,America Online (parent company of Netscape
Communications), Apple Inc., Adobe, Sun Microsystems, and a
variety of other hardware and software manufacturers, content
providers, academic institutions, and telecommunications companies.
The Consortium is hosted by three research institutions MIT in the
US, INRIA in Europe, and Keio University in Japan.
2.1.2 What does it do?
The W3C develops open specifications (de facto standards) to
enhance the interoperability of web-related products. W3C
Recommendations are developed by working groups consisting of
Consortium members and invited experts. Working groups obtain
general consensus from companies and other organizations involved
in creating applications for the Web, and create Working Drafts and
Proposed Recommendations. These are then submitted to the W3C
membership and director, for formal approval as W3C
Recommendations. More information regarding this process and the
review stages can be obtained from the W3C website.
2.1.3 What are the W3C standards?
2.1.3.1 HTML 4.0 HyperText Markup Language
HyperText Markup Language (HTML) is widely used on the Web for
adding structure to text documents. Browsers interpret these
documents, representing the structure in media-specific ways to the
user. For example, visual browsers typically display
the strong element (<strong> </strong>) as bold text, while textto-speech readers might emphasize that text when pronouncing it.
With the help of Cascading Style Sheets (CSS) the author may define
how structural elements are to be represented, overriding the
browser defaults.
2.1.3.2 XML 1.0 Extensible Markup Language
Example of part of an XML document
<addressbook>
<entry>
<name>Bill Gates</name>
<email>bgates@microsoft.com</email>
</entry>
<entry>
<name>Marc Andreesen</name>
<email>marca@netscape.com</email>
Page | 3
</entry>
<entry>
<name>Jon S. von Tetzchner</name>
<email>jon@opera.com</email>
</entry>
</addressbook>
Extensible Markup Language (XML) is a markup language like HTML,
but instead of having a single, fixed set of elements, it allows you to
define your own or use a set made by someone else. It even allows
using multiple sets within a single document by using XML
namespaces.
Some applications of XML, such as XHTML and MathML, have already
become W3C Recommendations. Others are currently W3C Working
Drafts.
Style sheet standards, such as CSS and XSL, offer a variety of options
for specifying how XML elements are to be rendered. Standardscompliant support for direct rendering of XML is spotty in browsers,
so for presenting information to humans, HTML (or XHTML) with CSSdriven styling is the way to go. XML is mostly used for machine-tomachine communication today.
XML is more flexible than HTML, primarily because of the ability to
add your own elements and make your own structural systems. This
makes it an ideal format for the organization of large quantities of
data it is already in use in many databases and search engines.
2.1.3.3 XHTML 1.0, 1.1, and Modularization
XHTML 1.0 is a reformulation of HTML as an XML application. XHTML
1.0 can be seen as ideologically coming from HTML 4.01, and being
technically stricter because of XMLs influence.
XHTML will display in your browser identically to the equivalent
HTML. You might want to use XHTML if there is any chance youre
going to need to reprocess your content, for example to send it to a
PDA; XMLs stricter syntax rules make automatic processing of
XHTML much easier and cheaper than ordinary HTML.
Ideologically, XHTML 1.0 inherits the following general concepts from
HTML 4.01:
That presentation and document formatting should be separated
via style sheets
That documents should be made accessible
That documents should be internationalized
XHTML 1.0 also uses the model of three DTDs: Strict, Transitional,
and Frameset. This model originally emerged in HTML 4.0 and
followed through to HTML 4.01.
Some important technical practices from XML onto XHTML includes:
That all document types are declared via the correct DOCTYPE
declaration
Page
That
| 4 the structure of a conforming document contain the
DOCTYPE declaration, an html element with the XHTML
namespace declared, a head element including the title element,
and a body element
That all elements and attribute names are written in lower case,
and that all attribute values are quoted
That all non-empty elements (e.g. p, li) are properly terminated
with a closing tag
That all empty elements (e.g. br, hr, img) are properly terminated
with a trailing slash (<br />)
That documents validate against the DTD that is declared
For templates, please see Learn > Templates
XHTML 1.1 is made up of three primary parts:
The XHTML 1.0 Strict DTD (with minor modifications)
XHTML Modularization
The Ruby Annotation
If youd like to author documents in XHTML 1.1, you can do so in a
couple of ways. The first is by using the public XHTML 1.1 DTD. By
doing this, your work will be extremely structured because there are
virtually no presentational attributes in XHTML 1.1. The separation of
structure and presentation is complete here, and all of your
presentation work will go in a style sheet.
Another means of authoring documents in XHTML 1.1 is to tap into
XHTML Modularization. This is the breakdown of familiar components
of HTML and XHTML (such as text, tables, frames, forms) into discrete
chunks. You can then write your own DTD and use only those
components you require. This is extensibility in action, essentially
giving you, the web author, the opportunity to customize your
markup.
The Ruby Annotation is a special means of dealing with certain Asian
character annotations. Ruby falls under the work being done with
Internationalization.
2.1.3.4 CSS Cascading Style Sheets
Cascading Style Sheets (CSS) is a mechanism for changing the
appearance of HTML or XML elements, by assigning styles to element
types, self-defined classes of elements or individual instances.
Stylesheets can be used to consistently define the appearance of an
entire site. Following the introduction of CSS, the W3C recommended
that layout-specific features in HTML be phased out and replaced by
stylesheets, creating a simpler and more structural World Wide Web.
2.1.3.5 DOM 1 Document Object Model Level 1
The DOM allows the full power and interactivity of a scripting
language (such as ECMAScript, the standardized version of
JavaScript) to be exerted on a web page. (In programming terms, the
Document Object Model (DOM) Level 1 is an Application
Programming Interface (API) for interacting with web pages.) It gives
the scripting language easy access to the structure, content, and
presentation
of a document which is written in such languages
Page | 5
as HTML and CSS.
The DOM is compatible with future improvements in technology; it
will allow any scripting language to interact with whatever languages
are being used in the document. This standard will not only make it
easier to program dynamic HTML, but will also make adapting to
future Internet technology much less painful.
2.2 ECMA Standards
2.2.1 What is the ECMA?
The European Computer Manufacturers Association (ECMA) is an
organization officially founded in 1961 in order to meet the need for
standardizing computer operational formats, including programming
languages and input/output codes.
The ECMA is based in Geneva, Switzerland, near the headquarters of
the International Organization for Standardization (ISO) and
theInternational Electrotechnical Commission (IEC). In 1994, the
organizations name was changed to the ECMA European
Association for Standardizing Information and Communication
Systems, in order to reflect its broader range of activities.
2.2.2 What does it do?
The main role of the ECMA is to develop Standards and Technical
Reports in the area of information and communication technology. As
ECMA is an association of companies and not an official
standardization institute, they often collaborate with official national
or international institutes.
ECMA Standards have been accepted as a base for international and
European standards. So far more than 270 ECMA Standards and 70
Technical Reports have been published.
Of these standards 85 have been accepted as international standards
by the International Organization for Standardization (ISO). In
addition, 25 have been accepted as European standards by
the European Telecommunications Standards Institute (ETSI).
2.2.3 What are the ECMA standards?
2.2.3.1 ECMAScript (standardized JavaScript)
ECMAScript is a standardized scripting language, based largely
on Netscapes JavaScript and Microsofts JScript. The ECMAScript
standard is defined by ECMAs Technical Committee 39 (TC-39).
The main use of ECMAScript, which is an object-based language, is to
manipulate the objects in web pages which are specified by
theDocument Object Model (DOM). These objects (effectively, the
elements which make up web pages, or the web pages as a wholes)
can then be added to, deleted, moved, or have their properties
changed. This lets web developers implement such effects as
animated text, graphic roll-overs, and pages that change based on
user input without having to be reloaded.
The current ECMAScript specification is ECMA Standard ECMA262, ECMAScript Language Specification, 2nd edition.
3 What are the advantages of using web standards?
3.1
Accessibility
Page
|6
3.1.1 To software/machines
Complying with web standards can give your web pages greater
visibility in web searches. The structural information present in
compliant documents makes it easy for search engines to access and
evaluate the information in those documents, and they get indexed
more accurately.
Because use of web standards makes it easier for server-side as well
as client-side software to understand the structure of your document,
adding a search engine to your own site becomes easier and gives
better results.
Standards are written so that old browsers will still understand the
basic structure of your documents. Even if they cant understand the
newest and coolest additions to the standards, theyll be able to
display the content of your site. The same, of course, applies to
robots systems that collect information from your site on behalf of
search engines and other indexers.
Compliant code gives you the opportunity of validating your page
with a validation service. Validators process your documents and
present you with a list of errors. This makes finding and correcting
errors a lot easier, and can save you a lot of time.
Compliant documents can easily be converted to other formats, such
as databases or Word documents. This allows for more versatile use
of the information within documents on the World Wide Web, and
simplified migration to new systems hardware as well as software
including devices such as TVs and PDAs.
3.1.2 To people
Accessibility is an important idea behind many web standards,
especially HTML.
Not only does this mean allowing the web to be used by people with
disabilities, but also allowing web pages to be understood by people
using browsers other than the usual ones including voice browsers
that read web pages aloud to people with sight impairments, Braille
browsers that translate text into Braille, hand-held browsers with
very little monitor space, teletext displays, and other unusual output
devices.
As the variety of web access methods increases, adjusting or
duplicating websites to satisfy all needs will become increasingly
difficult (indeed, some say its impossible even today). Following
standards is a major step towards solving this problem. Making your
sites standards-compliant will help ensure not only that traditional
browsers, old and new, will all be able to present sites properly, but
also that they will work with unusual browsers and media.
Some consequences of ignoring standards are obvious: the most
basic consequence is that you will restrict access to your site. How
much business sense does it make to limit your audience to only a
fraction of those who wish be a part of it? For a business site, denying
access to even small portions of a target audience can make a big
difference
Page | 7 to your profit margin. For an educational site, it makes
sense to allow access not only to affluent, able-bodied schoolchildren with graphical browsers, but also to children in regions with
poorly-developed infrastructure who are best served by text-only
browsing, or disabled students using specialized browsers.
The same principle applies to all types of websites while straying
from the standards and taking advantage of browser-specific features
may be tempting, the increased accessibility which comes from
standards-compliance will lead to far greater rewards in the long run.
3.2 Stability
Most web standards are generally designed with forward- and
backward-compatibility in mind so that data using old versions of
the standards will continue to work in new browsers, and data using
new versions of the standards will gracefully degrade to produce
an acceptable result in older browsers.
Because a website may go through several teams of designers during
its lifetime, it is important that those people are able to comprehend
the code and to edit it easily. Web standards offer a set of rules that
every Web developer can follow, understand, and become familiar
with: When one developer designs a site to the standards, another
will be able to pick up where the former left off.
4. Conclusion
As web developers, we are constantly trying to address the problem
of inconsistencies between the renderings of web pages by different
browsers and browser versions. This necessitates either timeconsuming double/multiple coding, or coding for a single browser
which makes it harder, if not impossible, for some of the public to use
the site. This situation will be made even worse with the advent of
additional hardware and software which will be able to browse the
Web, such as telephones, pagers, and PDAs.
Web standards are not arcane laws decreed by ivory-tower
organizations. As we have described, the standards are for the most
part decided by representatives of the same people who use them
browser makers, web developers, content providers, and other
organizations.
Writing web pages in accordance with the standards shortens site
development time and makes pages easier to maintain. Debugging
and troubleshooting become easier, because the code follows a
standard. No longer do you have to worry about the coding and
maintenance for several versions of code that are supposed to
accomplish the same presentation. One version of your site, and that
is it.
The universal adoption of web standards is becoming of paramount
importance. The mission of The Web Standards Project is to make the
Web a better place, for developers and for end-users, by encouraging
browser and web page editor makers to follow the standards in their
applications. This effort will be greatly helped when web
developers
use the standards as a matter of course, and insist that
Page | 8
generators and renderers of their code comply with the standards.
The reasons we have given should give you, the web developer,
plenty of incentive to begin using standards, and also plenty of
ammunition with which you can encourage your place of business
and fellow developers to use those standards.
Help make the dream a reality.
Web Standards Project Developer Education
Committee: Stephan Nedregaard (coordinator), Kynn Bartlett, Gail
T. Cohen, Jens Edlund, Nick Finck, Tomas Fjetland, Peter Fleck,
Markus Gut, Holger Maier, Julian Missig, Laura Mollett, Randy Piatt,
Lewis A. Shadoff, Juergen Steinwender, Bart Szyszka, Matthew
Thomas, Dane Weber
Updated 02-27-2002 by Molly E. Holzschlag and Shirley E. Kaiser of
WaSP LEARN Committee.
Page | 9
HTML Standards
Concepts
Why We Need Standards
The World Wide Web, invented in the early 1990's, made it possible to
distribute documents globally without worrying about what kind of
computer or software the user had (as long as the user had an Internetconnected computer and a Web browser, of course). The way the Web was
defined, the syntax of HTML was independent of computer type, and each
kind of Web browser created was meant to display an HTML file correctly.
At least this was the dream.
The reality is that during the 1990's, economic and cultural forces
muddied the waters. Some people made Web browsers that recognized
HTML elements that had not been accepted as standards. Some
companies created Web browsers fashioned to recognize companyspecific (proprietary) HTML elements and attributes of elements. Some
companies created Web browsers that recognized proprietary elements
and attributes that were in conflict with the proprietary elements and
attributes of other companies.
Without standards, the World Web Web becomes fragmented. When you
have to worry about what kind of browser you are using in order to see
Web content, you're experiencing a problem that the Web was originally
invented to solve.
We need standards to make sure that all Web content is viewable by many
different kinds of Web browsers--and not just the Web browsers of today,
but the handheld devices, cell phones, or other Net devices that may be
invented in the future.
Using standards also lowers HTML production and maintenance costs. By
educating HTML implementors in a fixed set of standards, you can reduce
training time, increase the accuracy of implementation, reduce display
errors, improve the appearance of Web pages, and make it possible for
further maintenance with the least amount of hassle.
I advise that you stick to HTML standards and validate your HTML files so
that your Web pages are most likely to be satisfactorily displayed in the
widest range of browsers and devices. The organization that coordinates
HTML standards is the World Wide Web Consortium (W3C). You should
bookmark
Page | 10their site as the best and most authoritative source for HTML
standards. See also the Web Standards Project.
Key things to keep in mind:
1. HTML standards help you reach the widest possible audience.
2. HTML is now specified as XHTML 1.0 (HTML + XML = XHTML). The
expressiveness of XHTML 1.0 is quite impressive and complex.
However, "plain old" HTML is still usable and quite useful.
3. There are many technologies that are associated with HTML
because they are used on a Web page or in conjunction with HTML.
But these technologies are not HTML:
o CGI (Common Gateway Interface)
o Java
o JavaScript (JavaScript is also not Java)
o Dynamic HTML (DHTML)
o XML (Extensible Markup Language)
o A variety of other emerging technologies.
4. Sometimes you are going to have to break the rules and use nonstandard syntax for good reasons. Try to keep this to a minimum.
How to Follow HTML Standards
1. Identify which version of HTML you are using in your document
through the DOCTYPE line at the top of your file. For documents
that use only HTML 2.0 features (like hello, world), you could use
this DOCTYPE statement:
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
For documents that use HTML 3.2 features, you could use this
DOCTYPE statement:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
There are other DOCTYPE statements that you will need to use for
other versions of HTML. For example, to use HTML 4.01 features
and a "loose" conformance to syntax standards, you could use this
DOCTYPE statement:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
PageYou
| 11use another DOCTYPE statement when you create an XHTML
2. Use tools that support standards. In particular, install and use the
Tidy program or Tidy GUI on your computer.
3. Use validation to check the syntax of documents you create.
4. Refer to W3C for technical and syntax information.
Having correct HTML syntax helps your Web site's usability in the widest
range of browsers. However, don't become a "syntax snob"--one who
proudly verifies and tweaks HTML pages to perfect syntax, yet ignores the
meaning and content of those pages.
Consider these HTML tips when you are making Web pages.
Exercise: Check a Web document
Use validation to check the syntax of documents you have created.
Validating a Web Document
You can detect and diagnose HTML syntax errors in your document by
using a validator. First, make sure you have an
appropriate DOCTYPE statement (and, optionally, a character encoding
statement) in your document. Then:
1. Go the the Web page http://www.htmlhelp.com/tools/validator/
2. Enter the URL of your assignment in the box which is labeled URL:
3. Make sure that the checkbox for "show input" (second checkbox
below the URL: box) is checked
4. Click on "Validate it!"
5. Fix the syntax errors you have. A good idea is to start with the first
error that you have, fix it, and then re-validate. Repeat until you
have no syntax errors.
6. If you want, you can use the Tidy service to help you. See The HTML
Toolbox under "Utilities." Tidy can help you diagnose HTML syntax
errors, but it is not a validator. Any output you get from Tidy should
be run through the validator again
Page | 12
List
of well-known
document mark-up languages
Page
| 13
TeX, LaTeX a format for describing complex type and page layout
often used for mathematics, technical, and academic publications.
Extensible 3D (X3D)
Metalanguages
[3]
PageChemical
Markup Language (CML)
| 14
PageMaker
| 15 Interchange Format (MIF)
PageTexinfo
GNU documentation format.
| 16
XML.
XML.
See
also
Page
| 17
References
1.
2.
3.
^ http://abcnotation.com/wiki/abc:standard
4.
^ h2g2
5.
^ http://daringfireball.net/projects/markdown/
6.
^ http://perldoc.perl.org/perlpod.html
7.
^ http://docutils.sourceforge.net/rst.html
8.
^ http://z.departure.dk/
Page | 18
Markup
Languages List
Page | 19
Page | 20
Language (XAML)
91. Turing Machine Markup Language
(TMML)
92. Tutorial Markup Language (TML)
93. Universal Rule Markup Language
(URML)
Page | 21
Acronym
Accounts for
User interface
requirements
UIR
Search engine
requirements
SER
Social media
requirements
SMR
UAR
BR4.1.2 SEO-friendly
BR4.2 Marketing
BR4.2.1 User-generated content, social media, weekly sales, coupons, online accounts, etc.
| 22
ThePage
process
of writing down all the desired elements can be a painstaking exercise. In the example,
everything is traceable back to "BR4.0 Sell online." The shopping cart is intended to help, but there is
a requirement for a search engine-friendly one. One option is build a custom cart. If that is agreed
upon, a separate set of functional requirements are written just for the cart. Every requirement and
every guideline is traceable to a parent goal. Any time someone wants something added that can't be
traced to a business requirement, it is not included.
Very few companies consider marketing or usability at the earliest stages of development. But what
about "BR4.2 Marketing" from our example? To meet the user-generated content needs, team
members will need to confer with those who are determining functional specs, which include the kinds
of software applications that can be used for comments and customer ratings.
Organic search engine optimization (SEO) and search engine marketing (SEM) are not typically
applied to requirements documentation, but they should be, so that certain techniques - such as how
to structure title tags or guidelines for link labels - are worked out in advance. A business requirement
may be "BR6.0 Be found in search engines."
Most site owners take this for granted and don't begin the process. A requirement for SEO can be
broken down into functional requirements for on-page optimization as well as details like robot.txt.
When every piece is documented, anyone can go through the site at any point to test for compliance.
Critical Breakdown
When approaching the discipline of requirements gathering, it's imperative that all stakeholders from
each area of the development process are communicating. Of equal importance is testing during the
development phase to make sure requirements are met and there are no conflicts.
For example, a search for "leather fringe boots" displays several search results. One result is a boot
with no fringe. Did the page have incorrect content on it? Or, was it the right boot but the wrong
images? Why were the photos not showing the boot properly?
A few things could have occurred. There may not have been a requirement for specific title tags and
page titles. There may not have been a requirement that all images be shown at all angles. It's likely
that there is no requirement that covers searcher behavior. This is closely tied to usability. A cohesive
document will spell out how to write content for searchers, how to optimize for engines, and how to
display media to sell a product.
Requirements documentation is a group exercise. Who is the site for? How will you meet user
expectations, including searchers? Written Web site guidelines, based on the site's requirements,
determine design consistency, site maps, and mockups.
If your main goal is to sell products, do you showcase some of them on your home page? Are product
pages optimized for search engines as landing pages? Search engines are unable to deliver site
pages the way you want them presented without first including SEM into the overall requirements
documentation. This means that every element on the page has to meet criteria traceable back to
business and functional requirements, as well as meeting supportive requirements such as marketing
and SEO.
Mandator
y
Highly
Desirable
Desirable
(but
Optional)
Pageto| automatically
24
Must be able
sync database and file
system content
Must support existing file system assets to eliminate
content retrofit
Must support rules-based search against all meta-tagged
assets
Must fully support streaming media
Must provide portal-style in-line asset commands for
personalisation
Must have the ability to deliver content in different
formats (ie PDF, word, audio, video)
Workflow
Must have a clearly defined procedure that ensures that
records are identified and captured into a recordkeeping
system
Must support designated agency approvals processes
Must contain a graphical user interface to build workflows
Must support iterative loop backs for rejected changes
Must support flexible workflow definition to capture
existing process
Must support task-based workflow (ie creation, editing,
approval)
Must support metadata integration for configurable
smart workflows
Must support modifiable task attributes
Must support nested workflows
Must support rules-based Workflow Registration
Must allow users to view tasks assigned to them
Must have the ability for Managers to monitor tasks and
initiate follow-ups
Must allow automated notifications of tasks to be
Page | 25
performed
Project Management
Must support parallel development streams
Must support instant creation of separate development
environment.
Must support reporting via standard reports or
customisable reports
Must support workflow tracking and monitoring
Templating
Must support content for re-use
During content entry, contributors must be able to
manipulate content elements
Must be able to support customised components within
the page generation engine
Ability to standardise content according to business rules
Must separate Form from Content
Must support pre-generated pages for increased
scalability and performance
Must support on-the-fly pages
Pagethe
| 26
Must support
nesting of templates
Must support variable binding
Must have metadata management facilities
Must support the ability for users to add to templates
Must provide browser based GUI
Must provide URL-Based Templating
Deployment Capability
Pageto| leverage
27
Must be able
existing enterprise resources
through seamless process and application integration
User Interfaces