Tuesday, October 13, 2009

Do with Dreamweaver 8 calm " Web standard "

Translator foreword: Bursa of  of sex of Sun You pilfer returns? piece article, from popularize Web Standards proceed with, tell about how to come with Dreamweaver 8 compose builds the Web that accords with a standard, because this article of former writer is right " Build Your Own Standards Compliant Website Using Dreamweaver 8 " (this article is collect fees) cento, so I undertook be deletinged and change appropriately to content, order and textual it is consistent, but length can have adjust, inform hereby. Interpreter level is finite, forgive please.

If you are reading this article, you are probable it is the interest with had had certain to Web standard, the abbreviation that and be opposite uses DW (Dreamweaver) come the application of the standard in the site that compose proposes is very curious.

Probably you are already right the abbreviation of WS (Web Standards) had certain knowledge, but you do not know how to be written with DW but compatible code. Or you are user of a DW, you think comply with WS very much, more extensive use CSS, and can make a documentation that has affinity more. No matter you are which kind of types, this article can give you wanted answer: ?DW of Wo of coil up of Li Qin  will do calm WS.

The definition of Web standard

For the WS that cares in whole article place with respect to us, let us spend a bit time to make clear us above all what talking about after all:

WS is the standard of language of development of a few directive Web, make by W3C place. These standards included a variety of languages, for example, HTML, XHTML and CSS still have a few other correlative character, for example MathML, with the equation in express maths, when you have this kind of special need, can use probably. W3C also was promulgated " guideline of Web content affinity " (Web Content Accessibility Guidelines -- WCAG) -- popularize a webpage can visit a gender (through WAI)

Clew: Di of ┕ of Wu of ≌ of Pan of benzene leap up

You can read these standards on the website of W3C, although they read what rise or have some of difficulty sometimes:

HTML 4.01

XHTML 1.0

CSS 1

CSS 2.1

WCAG 1.0

In the article, we will be used to XHTML1.0, CSS1 to mix 2.1, standard and the proposal such as WCAG 1.0, but you are certain very glad to know we need not read W3C documentation too much actually.

Who needs WS?

You may have an ambiguous idea only: WS is a good thing, but a lot of websites -- include a lot of famous sites -- not comply with WS, and they manage very well really it seems that. So, why should we endeavor to go comply with WS? So do the income with real what can you have? Who needs WS? Who needs to pay close attention to the standard of W3C and proposal?

Web developer and architect

Needing first kinds of crowd that pays close attention to WS is us:  is disconcerted to fold of general of bail of Qian of smile of ⒄ of  of eye of ㄉ a round flat piece of jade with a hole in its center; Does ǚ pharynx go straight towards development of?WS of Wo of coil up of Cong パ  to be worth to us?

Neat mark makes the repair speed of BUG is accelerated.

If you pass W3C desired result your page, at least the reason that you can know non-standard number is not the error that causes you to once had been encountered. Sometimes, a page and rehabilitate already discovered desired result wrong process, OK and cleared a few problems are encountered in showing, these problems are by mark (Element) does not have end or label (Tag) spelling mistake causes.

Although your documentation does not have desired result,correct these problems, at least in the documentation that you can know these problem consist in are normative. Since you had known this problem is not a mistake, so you can begin to pay close attention to other issues, handle difference issue in the CSS in different browser for example.

The demand that comply with can visit a gender is very easy

If you write a normative XHTML number, so you can make sure documentation is on semantics is to not have by accident, and you are OK depart the content in documentation and expressional appearance, you will be OK on the issue that puts much work in a lot of WCAG1.0 what list to be able to visit a gender. Realise can visitting a gender is not to be the disabled to design merely this are very important also. The site with a fine affinity can be visited by a lot of different equipment, for example mobile telephone and PDA, they are not to have powerful processing capability to meet those are messy and nonstandard sign.

Forward and compatible

If you consider you are new merely,the page of development is in the expression in a few current browsers, so how can you just assure the expression in its new browser in future? What new browser can show your page probably is very bad, search and right now you can correct those aggravating problems painfully only.

Comply with WS can not eradicate completely this problem; however, of the standard compatible the risk that makes your design fails decreases greatly, same, the browser software company nowadays also begins to support a level. They perhaps are met accidental mistake explained some part standard, they do not support it completely impossibly. If worst thing happened, and a new browser is in your standardization produced odd result on the website, so it should compare repair repair many an incompatible site is easy. If you encounter a problem, it can affect other levels likewise but compatible website. The group wisdom of Web community can point out this problem, can write an article to solve this problem. So, everybody is collective discuss, in this BUG can be amended to also be compared in compatible documentation amend in incompatible documentation more easy.

More convenient reframe

Must you once come off from inside a site character and undertake had reframinged to him? And everything must begin from the beginning. Had you once seen those are mixed by font label is small table unit (does it make we can begin from the beginning only) get the ticket that gets a disorder to be able to 't bear? I know I once had looked only, this is a lengthy process, many time and money by this site reframe burn-up.

The content of detached documentation and expression will make you experience standardization compatible bring wonderful: Cook crusty pancake crouchs neon of astounded of lens of revive of Sun of abduct of to bring up of leg of bring a case to court of Wu of pull of article of bank the foot of mountain to bake the copy in documentation of?Web of an ancient type of spoon of pagoda tree of dispatch of Ying   goes out. The text in all sites will be had semantic (X)HTML place mark, all expressional information -- this part just is stationmaster want to change -- in the CSS file that will be stored to be in to be able to be replaced easily.

A few clients are beginning to ask to it won't wait to reframe before you make a few changes, they are met only when visit mammoth to resemble fossil tunnel, ask you say next " go to left column move right is OK. " standardize to but for compatible site, full page is by CSS pilot, you are OK the mark in very convenient and mobile page, and crooked move need not consider in a lot of pages that are a structure with complex form. This makes change page layout more simple.

The structure can make increase new element to become more easy likewise from the depart in expression, the site of version of tall like contrast, little picture probably to certain the person that browse is more charming. Can change easily when you when the style is expressed, where is the page that why builds separate simple text edition?

Browser software company

The software company of the browser began to pay close attention to WS. In the past, what browser software company adds their illicit to have is exclusive label and attribute arrive in primary language. But now, unprecedented, they begin comply with standard, and a few newest browsers can have decided, defining according to the place in the standard hard (X)HTML and CSS will show them.

In the future that can encounter, browser the non-standard sign that aux will be able to shows great majority quite, code, because if they not so do, by tens of thousands non-standard site will not show normally -- so the masses begins probably to blame a browser, is not to blame Web architect. However, other equipment (those equipment that handle a function formidably without table machine) will more depend on those their place to encounter the standardization compatibility of code.

Create tool software firm

Firm of creation tool software -- for example Macromedia, it made Dreamweaver -- also resemble Web architect same, begin comply with WS, for instance, they the mark that more and more clients ask these create a tool to be able to output a standard. Originally these visible development environments do not have too good public praise, because they can generate confused, non-standard mark; however, environment of newest main visible development cite the compatibility of standardization and the element that can visit a gender, this also was become sell a site basically. Software firm must listen respectfully, respond to the demand of the market.

Web user

The user of the website that we design also uses the benefit in WS from us, although they did not realise this! Probably they involuntary use the site that those are aimed at current and popular browser technically and develops. If these users switch,use other browsers, they can discover this on-line experience made a person enjoy no longer probably, what because those exclusive mark are,won't be accepted by new browser. A standardization but compatible site has very good show in different browser, it is no matter in what have, still be likewise outstanding in prospective browser.

In addition, the website that a comply with can visit a gender to suggest discovers to those the webpage that browse is inferior to the user of meaning also have affinity very much. Web should have drawback to those visions or other disableds are offerred more convenient shop, read, the condition of the search. Not should because use exclusive sign is other perhaps discharge it (point to a browser) technical site, make they cannot be browsed.

Use WS

How can we ensure use WS correctly? How to make standard of ability comply with?

Above all, we should observe a standard. This means us to should use the element of the definition in those standards and property only, avoid those who use some kind of browser to have property only, for example the Blink label of the Marquee label of IE and Netscape. Also do not use the element that appears in inchoate standard likewise (for example HTML3.2) and the element that are moved to divide by the normative place later.

Found a normative XHTML documentation

In the article, we will use XHTML, so, we the proposal of the XHTML 1.0 comply with W3C [the meaning according to W3C, proposal (Recommendation) is a standard (the meaning] of Specification) . XHTML basically is the newest version of HTML, the purpose that it designs is to be used replace HTML of language of this webpage sign. Although it is a kind of HTML of XML,be out of shape, but XHTML and HTML are just the same almost, will discuss at the back of us " XHTML and semantics " in have slight difference.

You can build documentation dialog box mediumly to generate documentation of a XHTML through Dreamweaver (file > build. . . ) . Ensuring basic page is in category list is by pitch on, choose HTML from inside the list of basic page next, resemble a plan 2.1 are shown, "A new XHTML documentation is founded in Dreamweaver " . Next you are OK next in drawing list random from documentation type choose.

Graph 2.1: A new XHTML documentation is founded in 贒 Reamweaver

  

Graph 2.2: New XHTML documentation shows in 赾 Ode view

  

Click " found " a future life becomes a new documentation. Click the Code pushbutton of documentation window coping, turn " Code view " , see with respect to what can be clear about included what code in a simple XHTML documentation. Graph of no less than is shown 2.2 times, "New XHTML documentation shows in Code view "

The group of documentation will show the content below

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

This calls documentation type statement, or DOCTYPE. Just as its name implies, what is the documentation that DOCTYPE sound understands you after all -- you are in which is comply with (X)HTML standard. In this example, of our comply with is XHTML 1.0 Transitional, this is the acquiescent setting of DW 8. Transitional part will tell us about XHTML version a few otherer information. XHTML1.0 has 3 kinds " taste " : STrict, transitional, with Frameset. What DW acquiesce uses is Transitional type, and if you want to insert frame in documentation, that is Frameset.

XHTML Strict is the rigiddest XHTML format, you also can guess this most propbably. Type of documentation of a Strict is this appearance it seems that:

"Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

If you are used, is Strict DOCTYPE, so the element that you cannot use any statement to disapprove of in documentation (label) or attribute, also can not use frame. The element with deprecatory statement will be in XHTML version of future be moved to divide. This kind of a lot of elements use the outward appearance that controls a page, this can be replaced completely by CSS. Strict and Transitional are the biggest differring is, when use Strict DOCTYPE, the attribute that you feel usable to tabulation shows originally and element got very big limitation.

Attention: Strict DOCTYPE is used in?DW

DW is on comply with standard, not be very strict. If you use Strict DOCTYPE, want special attention your documentation revises desired result non-standard attribute. Basically, replace them very easily with CSS.

Frameset DOCTYPE supports the use to frame, if you inserted frame in documentation, DW can use this kind of type automatically. Frame page should follow additionally two pages very much at least relevant couplet, the documentation type of relevant page does not have limitation. The code of Frameset DOCTYPE is as follows:

"Http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

HTML 4.01 also offerred these 3 kinds likewise " taste " documentation type -- Transitional, strict and Frameset -- their run with above mentioned XHTML DOCTYPEs is completely consistent. If you use a kind of any types, must be in HTML (is not XHTML) make clear in documentation. We will found the part of the website to discuss the distinction of HTML and XHTML deep at the back.

Original work: DReamweaver 8 Does Standards! By Rachel Andrew

Compile: X5

No comments:

Post a Comment