Tuesday, October 13, 2009

Dreamweaver MX tutorial: The layer is used in page of be placed in the middle

The layer is used in page of be placed in the middle, the biggest question is the fixed position problem of the layer, after changing monitor resolution, the layer can change the position relative to element of other be placed in the middle. The article introduces an element of opposite other be placed in the middle won't the method of amlposition.

The absolutely fixed position of the layer and relative fixed position

The code of absolutely fixed position of the layer:

<div Id="Layer1" Style="position:aBsolute; Left:45px; Top:25px; Width:400px; Height:155px; Z-index:1"> </div>


The code of relative fixed position of the layer:

<div Id="Layer1" Style="position: Relative; Left:45px; Top:25px; Width:400px; Height:155px; Z-index:1"> </div>


In page of be placed in the middle, insert code of layer of relative fixed position, the position of the layer is in page be placed in the middle. But it becomes not portable, use not quite convenient.

Insert code of absolutely fixed position, contain when Left and Top losing numerical value, layer cannot be placed in the middle. After cleared Left and Top attribute, the layer is OK be placed in the middle, element of be placed in the middle of opposite page other does not have amlposition phenomenon.

Represent layer and the difference that insert a layer

Use depict a layer:

In the page of a be placed in the middle, use the code that describes a layer:

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta Http-equiv="Content-Type" Content="text/html; Charset=gb2312 ">
<title>div</title>
</head>
<body>
<div Id="Layer1" Style="position:aBsolute; Left:40px; Top:30px; Width:265px; Height:75px; Z-index:1"> </div>
<div Align="center"></div>
</body>
</html>

  Use insert a layer:

  

In the page of a be placed in the middle, use the code that inserts a layer:

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta Http-equiv="Content-Type" Content="text/html; Charset=gb2312 ">
<title>div2</title>
</head>
<body>
<div Align="center ">
<div Id="Layer1" Style="position:aBsolute; Width:200px; Height:115px; Z-index:1"> </div>
</div>
</body>


</html>
Because use " depict a layer " generated code is not in code of be placed in the middle, so, in page of be placed in the middle, want to make the layer does not have amlposition phenomenon relative to other element, must use insert a layer.

In page of be placed in the middle, commonly used two kinds of methods, implementation layer does not have amlposition phenomenon relative to element of other be placed in the middle.

   Use insert a layer

1. In page of a be placed in the middle, in inserting a dot to be put in documentation, in example in inserting a dot to be put in form.

  

2. Choice " insert " / " layer " menu.

  

3. A layer was inserted in documentation. In example, a layer was inserted in form. Check in IE browser, change resolution, the content of the layer won't produce amlposition phenomenon relative to element of other be placed in the middle.

  

The attribute of this layer is examined in attribute face plate, this paragraph inserted a layer to keep clear of " left " and " on " value.

This kind of method, commonly used will make play menu giving form.

   Use nest layer

Nest layer is its code includes the layer in another layer.

Before use nest layer, want to become setting of a few parameter to the layer first. Choice " editor " / " parameter chooses " menu, in " parameter chooses " in the dialog box, pitch on " Netscape 4 compatibility: Ze of ù of exhausted pool of Jia argon Kang protects Jian of chart of  shelfing  that short Tu Sao bumping into Qiao makes an appointment with browser of Ai 軳 Etscape 4. And pitch on " nest: A Chinese-style unlined garment of the larva of a tapeworm or the cercaria of a schistosome of sex of quiet of Quan  deceive people short live thin

  

Open a face plate, not pitch on " prevent jackknife " .

  

   Nest layer:

In page of a be placed in the middle, insert a form, in form, insert a layer, this layer is opposite form, won't produce amlposition. In this layer, use " insert " / " layer " command, insert one stature layer (nest layer) , no matter how move in the page this stature layer, its position is relative element of other be placed in the middle won't amlposition.

The layer is inserted in in, can insert many nest layer, move nest layer to the place of need next, such is in page of be placed in the middle is OK follow one's inclinations use layer.

Conclusion: I hope again haze of  of Jian of chart of the  that take the advantage of Gui says deceive of ィ  A Chinese-style unlined garment installs Jia Ge? " layer " use layer layout mixes command; to place content with the layer, use nest layer.

Experience shares: The practical making skill in webpage design

1, use a type neatly

The netizen that familiar webpage designs knows, the method that calls Style is very much, we can click mouse right key to choose Custon Style to call Style level, right key also can be clicked to call Style on the elemental list in condition column. Although different method is achieved the effect looks like be like, but the HTML code that generates actually differs completely. Call Style level for instance with Custon Style, generate in webpage code < Span > label, such label more than 1 can make file very overstaffed and the analytic rate that affects a browser, so we should use the elemental list in condition column to call Style as far as possible.

2, command with Format Table alive

In complex webpage design, the application of form is most, the specific place that because use form to be able to dominate text and picture freely,appears on the webpage, make whole webpage looks thereby compact and unified. Dreamweaver also unwillings to lag behind in this respect, we can be used among them " Format Table " (the format turns table) the command comes the form that apace has designed beforehand to form application. Want to use the type that has devised beforehand, first the random cursor park form inside an unit case, reelection choose " Command " → " Format Table " command, in the dialog box that appears subsequently, from inside left list the choice devises plan. By " Apply " key will examine the effect, if dissatisfactory word, still can be installed afresh or revise the cost of partial parameter, be like attrib border degree of finish, setting color is waited a moment.

3, at the same time catenary receives two webpages

We know super link can connect a page only. If we want to open documentation in different frame page, can use " Go To URL " JavaScript behavior. Open a webpage that has frame, choose character or picture, choose from inside behavior face plate next " Go To URL " . We can notice Dreamweaver can be in " Go To URL " all practicable frame shows in the dialog box. After a framework that we consider to link inputs corresponding URL, the choice chooses another frame again among them and input another URL.

4, do not have Chinese name to the file

Everybody is in after making a webpage, connect regular meeting to remove have representative Chinese name to the webpage, will can make the person looks file name to be able to understand the content that file place contains probably, 2 will can go to the lavatory the photograph intermodulation between each super links is used. But if you are in such doing in Dreamweaver, can discovering Dreamweaver supports Chinese file name is not too good, happen via often can the page calls incorrect phenomenon, the webpage is saved in Dreamweaver after us so when, use English as far as possible or the number regards a file as the name, can avoid so above make mistake phenomenon.

5, resolution of clever setting font

We are in the webpage that make when, often have this kind of experience, the webpage that has made namely then is very normal when be browsed on this locality computer, but discover when be browsed on a computer originally beautiful webpage becomes askew, is this why? So the resolution of each computers should make your homepage falls to be able to show normally in different resolution, better settlement got in Dreamweaver. In documentation window right next horn, dreamweaver shows the resolution size that current documentation is become by the design. Click which number, the page that can feel current in playing menu giving form appoints indication resolution, can make through revising your homepage provides flexibility more. Make differ the monitor of resolution can better land shows.

6, clever conceal label

When if be in the webpage,inserting sightless element, dreamweaver can add automatically on the page to it corresponding elemental label, in order to facilitate we choose sightless element. But this is not a favour completely, for instance we have the group in very multilayer page to insert a form in, arranged too much layer element label as a result of first with respect to meeting discovery and make form automatic fall back on the 2nd of the page, although do not affect the result when browse, but this is met really block up our job. Feel when us label of a certain element is hinderous so when, simply will screen is dropped. The method is to press Ctrl+U to open Preferences face plate, in Invisibel Elements of the pitch on in Category, will appear in the right of face plate all elemental label. Want to drop the scratch out before the elemental label that does not need only, it is met with respect to guarantee against after reappear.

7, be apt to is used procrastinate put skill

When we are using Dreamweaver to edit a webpage, often need to insert a few image of what, the image that should insert suppose is very much, will operate according to groovy method appear very troublesome. We can be used procrastinate put skill to solve this problem well. Above all we turn the operation window of Dreamweaver into mobile window, will in order to vacate a space show Explorer window, after finding the image document that should insert, pull them with the mouse one by one the proper position that uses a webpage, dreamweaver will be automatic in the HTML code that adds the Url of these image to the file, of course the file that the image file that here asks to be procrastinated to move must be the Web image format such as Gif, Jpg. To been in the image in the webpage also is same, procrastinate directly it is OK to come over. But there is super link on the image that if be pulled,uses, cannot procrastinate with reuse use a technology, what because procrastinat e in those days,come over is super link address merely.

8, automatic setting updates time

We know a webpage wants to obtain more turning round that lead, one very important should be updated ceaselessly namely. But to us for these individual webpages, should be afraid newlier in time every day is not very easy thing. Accordingly, we hope the webpage can be updated automatically, the author offers a source code that can update modification time automatically below, we should add this paragraph of source code only... < / the goal that replaces time can achieve between BODY > :

< of > of < Script Language="JavaScript" / Script > ; 2 it is to use a mouse ordinal the Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag in clicking Dreamweaver, choose A from which, it is next in Decoration pitch on None, click finally succeeded certainly.

9, clever and duplicate character

The character duplicates each other among the applied process that differs in a few, it is the thing that we want possibly in real work to often be done. But, when if we duplicate from inside Dreamweaver,editing the character in the area to use a program to another, HTML code and character will be duplicated to go together, so we this how does ability duplicate the character in editing an area only come down? We know, when duplicating normally, be operated with shortcut key Ctrl - C, if we press key of a C more when duplicate, so Dreamweaver will be met only the character of duplicate pitch on.

10, be apt to uses shortcut key

To improve the efficiency of the operation, we can use shortcut key in Dreamweaver, use Ctrl-B or Ctrl-I to be literal application boldface or inclined constitution type for example, the format of text application HTML that also can make shortcut key of below in order to a few clavier will be pitch on: CTrl-0: Without format Ctrl-T: Paragraph Ctrl-1: Caption 1 Ctrl-2: Caption 2 Ctrl-3: Caption 3 Ctrl-4: Caption 4 Ctrl-5: Caption 5 Ctrl-6: Caption 6

11, shut a webpage automatically

If we hope our webpage can be shut automatically inside designation time, might as well following code join at the back of the label in webpage source code: < of > of < Script LANGUAGE="JavaScript" / Script > among them in code 3000 express 3 seconds, it is an unit with millisecond.

12, name of clever setting object

When we are using Dreamweaver to make very mixed effect, possible need often uses certain repeatedly or many objects, for example we often need fixed position a certain specific form, image, if if we do not have certain webpage,medium many objects name, so in repeat when using these targets, the likelihood is very troublesome make mistake easily perhaps. Call these boy or girl friends to can go to the lavatory, we should establish a new target in every when, remember taking to have the name of representative and easier memory to it. When naming to these objects, we can pass a boy or girl friend " attribute " face plate will operate went.

13, for image the link adds dynamic effect

Sometimes we achieve a kind of clear result to want, when hope mouse shift arrives on a certain link, can have use feeling generation. Use Dreamweaver can achieve this kind of result very easily. When the design, we need to prepare two image above all, the first is primitive image, the 2nd is the image after mouse shift goes up. Click the first graph with the mouse then, the link in attribute face plate is filled in column on the document that wants a link, click the F8 on clavier to bolt next, click in playing the Behaviors window that give " + " date, choose subsequently " Swap Image " , the 2nd picture chooses in the window that appears then, click finally it is OK to decide.

If why use library project in Dreamweaver

The library is one kind uses memory to want to often repeat the page element that use or updates on whole website (be like image, text and other target) method. These elements call library project.

The meaning of use library: Guo of handleless cup of μ of analyse of Cheng Biao of Du sneer  beats baric mother mu the library of Reamweaver of 肈 of A Chinese-style unlined garment of  of   chaste tree, OK and very good settlement this problem! If used a warehouse, OK through altering the library updates all webpages that use a warehouse, need not many a modification webpage element perhaps makes a webpage afresh. Use library compares use pattern plate, have bigger flexibility.

Main content: ◇ of? of Piao of Pi of  of lip of coil of  of Dan of have illicit relations with of white pump trying plinth inserts ignoranting  to revise library and newer site into ◇ of library project; .

◇ establishs library project

1. Select the one part of documentation, choose a picture for example.

  

2. Open resource face plate, click " library " pushbutton, open library category.

  

3. Click " build library project " pushbutton.

  

4. Project giving a library names. A library has been founded.

  

◇ inserts library project

1. Will insert a dot to be put in " documentation " in the window.

  

2. Choose project of a library, click " insert " pushbutton.

  

3. Insert the page after the library to pursue as follows.

  

◇ revises library and newer site

1. The library project in pitch on page.

  

2. Click in attribute face plate " open " pushbutton.

  

3. Modification library project, revise after finishing, save.

4. In " newer library project " dialog box midpoint is attacked " update " pushbutton.

  

5. Choose updated limits, after be being finished newlier, shut.

  

◇ updates whole site or all documentation that use specific library project:

Choice " revise " → " library " → " update a page " .

  

  

◇ changes current documentation in order to use the current version of all library project:

Choice " revise " → " library " → " update current page " .

  

  

Photoshop combines Dreamweaver to make webpage album

Photoshop (PS of the following abbreviation) batch processing function is very powerful, if had been used,can do a lot of works as us. We introduce today " design of PS batch processing makes webpage album " .

One, the material that prepares oneself to want to make album, the product is revealed, case is revealed, the photograph is revealed it is OK to wait, unified put these pictures below a folder, be called this file here " Res_IMg" , what put inside this is big picture, little picture a little while Ps can do for us.

2, open PS, choice menu is as follows:

3, this is the main interface that the PS picture that make reveals, basically have the following types:

Can choose to make the form of different Html page in the style, 8 kinds of forms were offerred in PS CS version, pretty good.

Choose area of source image work:

Above " browse " it is the folder that chooses you to want batch to do a picture to reveal, namely above the "Res_Img" that we prepare.

Below " purpose " the folder that after PS is handled, deposits namely, can put in you to want saved seat, the face builds a folder to cry here " Pic_Ok" .

"Option " inside it is specific a few settings, altogether has 6, what must install among them is " banner " " big picture " " preview " .

"Banner " in the tag that can set Html of face of this home page, namely the Title of Html page, contact information namely again, time of what, if fill in,go up to be able to be shown finally come.

And " big picture " can install generate " the picture is revealed " hind the length of big picture is wide etc, and PS can optimize picture size automatically, also need not install of course.

"Shrink see a picture " can set the size of little picture in making Html page, also can set a frame of what. I use acquiesce directly " 0 " .

After be being installed through above, can press " good " , waiting for PS to turn our this caboodle picture into a picture to reveal next.

If everybody has a few webpages to make a base, can use generated page Dreamweaver redo of the CSS of a few later period and distribution side optimize adjust and beautification processing. The method that makes webpage album actually is very much, also can do picture batch processing with Dreamweaver and Fireworks for instance and make album, the effect that nevertheless my individual thinks Photoshop combines Dreamweaver is better.

Dreamweaver foundation: Know the condition hurdle of DW

Condition column

"The condition column of bottom of documentation " window provides the other information that the documentation that founding with you concerns.

  

Label selector shows surround the hierarchy of the label of content of current make choice of. Any label in clicking this hierarchy reach his with choosing this label entire content. Click the whole main body that can choose documentation. If want to install the Class of a certain label in label selector or Id attribute, ask right key to click (Windows) or press Control to bolt and click (Macintosh) this label, choose from inside context menu next kind or ID. Label selector is the first selection method that chooses label, because it can ensure,you choose label well and truly.

Hand form tool makes you can click documentation to pull its window of " documentation " . Click " to choose " tool to be able to ban tool of the form that use a hand.

"Shrink put " tool and " setting to shrink put rate " to play menu giving form to be able to let you shrink for documentation setting put rate.

"Window size " plays menu giving form (design " in " only see in view) use the size window of " documentation " to adjust the dimension that be defined beforehand or defines oneself.

"Window size " plays menu giving form on the right side of it is a page (include all and relevant file, be like image and other media file) documentation size and estimation download time.

Dreamweaver foundation: The working area composition of DW

Working area composition
In Windows, dreamweaver provided park of a will all element the compositive layout in a window. In compositive working area, all window and face plate by compositive in a larger applied process window.


In Macintosh, dreamweaver can show many documentation in a window, use option card to mark every documentation. Dreamweaver also can show the one share that is float work area, right now every documentation shows the window that becomes independent in oneself is medium. Face plate group is first berth is together, but in the window that can cancel them berth to make its are located in oneself. Procrastinate to use the window or adjust their big Xiaoshi when you, the window will be automatic each other are right neat or window of " of documentation of the edge with screen, " is right neat.



You can undertake switch between the different position in Windows and Macintosh.

Dreamweaver foundation: The window of " documentation " of DW

"Documentation " window
"Documentation " window shows current documentation. Can choose following either view:

"Devising " view is one is used at the design environment of visible page layout, visible editor and development of fast application process. In this view, what Dreamweaver shows documentation is complete but editorial visible represent a form, be similar to the content that sees when the page is examined in the browser.

"Code " view is one is used at write and editing code of language of HTML, JavaScript, server (be like PHP or ColdFusion sign language (CFML)) and the manual encode of any other type code environment. About more information, refer to please " use Dreamweaver " medium code is written in Dreamweaver.

"Code and design " view make you OK the view of " code " that sees same documentation at the same time in individual window and view of " design " .

Have column of a caption when window of " documentation " when, caption column shows page headline, show the method of the file and file name in bracket. If you were done,change but have not save, dreamweaver will show an asterisk after file name.

Be in when window of " documentation " composition of compositive work area (be restricted only be in in Windows) the biggest when changing position, it is without caption column; below this kind of circumstance, the method of page headline and file and file name show in advocate in the caption column of working area window.

In addition, be in when window of " documentation " the biggest when changing position, the option card that appears in coping of area of window of " documentation " shows all file names that open documentation. If want switch to arrive a certain documentation, the option that clicks it please gets stuck.

Dreamweaver foundation: The column of tool of " documentation " of DW

"Column of documentation " tool

"Documentation includes button in " tool column, these pushbutton make you OK sudden between the different view of documentation switch: "The view of code " view, " design " , fractionation view that shows " code " and " devise " view at the same time.

Still include in tool column a few with examine the documentation, commonly used command that between this locality and long-range site transmission documentation concerns and option.



The following options appears in column of tool of " documentation " :

Indication code viewShow view of " code " in window of " documentation " only.

Indication code view and design viewView of " code " shows in the one part of window of " documentation " , and in another part indication " devises " view. When choosing view of this kind of combination, "The " in menu of view option " examines option of design view " to turn into in coping usable. Use this option to appoint the coping in window of " documentation " to show which kinds of view please.

Indication design viewShow in window of " documentation " " devises " view only.

The server is debuggedShow a report, help you debug current ColdFusion page. The mistake that should report the page that includes you is medium (if have) .

Documentation captionAllow you to input a caption for documentation, it will show the caption column in the browser is medium. If documentation had had a title, criterion this caption will show in this area.

Without the browser / the examination is wrongMake you can be checked cross browser compatibility.

Mark of test and verifyMake you OK test and verify is current the label of documentation or pitch on.

File managementIndication " file manages " to play menu giving form.

Preview in the browser / debugAllow to you are previewed in the browser or debug documentation. Choose a browser from inside playing menu giving form.

Refresh devises viewThe " that has documentation of the refresh after changing in view of " code " when you devises " view. Executing certain operation (like save a file or click this pushbutton) before, you are in what what do in view of " code " to change won't show automatically " view is devised in " in.

View optionAllow you to design " view to install option for view of " code " and " , include to choose which view to show uppermost side among them. The option in this menu uses at current view: "View of design " view, " code " or both.

Visible assistantMake you can use different visible assistant to design a page.

Dreamweaver introduction: Install Dreamweaver 8

Install Dreamweaver 8
How does this section introduction install Dreamweaver.

Be sure to read Macromedia website please (the emission in Www.macromedia.com/go/dw_documentation_cn) explains, in order to understand up to date information or guidance.

If want to install Dreamweaver, execute the following operation please:
Insert Dreamweaver CD the CD-ROM driver of the computer.
Execute one of following operations:
In Windows, dreamweaver installs a program to will be started automatically.
In Macintosh, doubleclick the Dreamweaver that appears on the desktop to install programme diagram sign please.
The guidance that goes up according to screen is carried out.
Installation program will hint you input place to want information.

If appear to hint accordingly, start the computer afresh please.

Dreamweaver introduction: Register Dreamweaver 8

Register Dreamweaver 8
If want to win more Macromedia support, best the carbon with electronic means or the Macromedia Dreamweaver8 that register you through mail.

After register, you can login to upgrade in order to receive with Macromedia the newest announcement that product and new product concern. You still can login, the instant email that concerns as newlier as the product that offers on Www.macromedia.com and Www-euro.macromedia.com Web site in order to obtain with new content informs.

If want to register Macromedia Dreamweaver 8, execute one of the following operations please:
">" of choice " help is online register " and fill in electronic form.
">" of choice " help is written register " , print this form, mail form the address that shows in form.

Play turn the setting paragraph format of Dreamweaver 8.0

Set paragraph pattern

" of use " attribute is checked implement medium " format " plays menu giving form or " of format of paragraph of " text ">" child menu can use standard paragraph and caption label.

If want to use paragraph or caption label, execute the following operation please:

Will insert a dot to be put in paragraph, perhaps choose a few text version in paragraph.

" of format of paragraph of ">" of use " text child menu or examination of " attribute " implement medium " format " plays menu giving form, choose an option:

Choice paragraph format (for example, "2" of caption of caption 1" , " , " already wove the) such as format " . As associated as place sampling type HTML label (for example, the H1 that expresses " caption 1" , H2 that expresses " caption 2" , state " already wove the Pre of format " text) apply at whole paragraph namely.

Choice " deletes paragraph format without " .

When using caption label to paragraph, dreamweaver adds a text automatically to regard a standard as paragraph. If want to change this setting, choose " to edit "(Windows) of parameter of ">" first selection or "(Macintosh); of parameter of "Dreamweaver">" first selection to be in next please the " editor in category of " groovy " ensures the switch after cancelling to choose " title arrives below option " common paragraph " .

Play turn Dreamweaver 8.0: Attribute is checked implement install with text format

Attribute is checked implement install with text format

Use text attribute is checked implement the pattern that can set current place to choose text version. Use attribute is checked implement when setting text pattern, dreamweaver will dog the format that you appoint for every text element installs attribute, use name an agreement to appoint a label for every element: STyle1, Style2, Style3, Stylen. If be two or the format attribute that more text element points to to phasing is the same as, dreamweaver will use same title to label these elements, reduced unnecessary modal name. Dreamweaver application can use " style " to play menu giving form to undertake applied later to the ticket that gives text main body one paragraph, make you can build warehouse of a style inside the page, need to choose the text element in the page only next, play the option in menu giving form from " style " a style, can use these same patterns. You can use the ticket that has a sense more to name these the style again, for example Heading1, Heading 2, Body and TableBody.

"Of the name that modal " plays menu giving form to show the pattern in the page at the same time and modal attribute preview. The attribute that in previewing, shows has form of a written or printed character (color of degree of finish of size of Font-family) , font, font, text and setting color.


  

Play turn Dreamweaver8.0: So?CSS attribute

CSS standard allows to use the brief grammar that calls phonographic CSS to establish a pattern. Phonographic CSS makes you can assign the value of many attribute with an attribute label. For example, you can use Font attribute to install Font-style, Font-variant, Font-weight, Font-size, Line-height and Font-family attribute in a grammar.

The crucial question that the attention needs when using phonographic CSS is the acquiescent value that the value that phonographic CSS attribute omits can be assigned to be attribute. Become two or when many CSS regulation appoints same label, this may bring about a page to cannot show correctly.

For example, the H1 ticket that shows below used common CSS grammar. Attention, the acquiesce that the value of Font-variant, Font-stretch, Font-size-adjust and Font-style attribute is appointed to be them is worth.

H1 {Font-weight: Bold;Font-size: 16pt;Line-height: 18pt;Font-family: Arial;Font-variant: Normal;Font-style: Normal;Font-stretch: Normal;Font-size-adjust: None

}
With phonographic attribute rescripts below this one label:

H1 {Font: Bold 16pt/18pt Arial}
When using phonographic symbol to write, the meeting is automatic assign omited value the acquiescent value that is them. Accordingly, afore-mentioned phonographic give typical examples omited Font-variant, Font-style, Font-stretch and Font-size-adjust label.

If you use the phonographic form of CSS grammar and common form to be in not merely a position defined a style (if be in HTML page,guide style) , the attribute that must notice to omit may be enclothed (or cascade) the attribute that installs clearly in other position.

Accordingly, the common form compose that CSS symbol uses below Dreamweaver acquiescent circumstance is syntactic. The potential problem that the phonographic regulation that can prevent can cover common regulation so poses. When the Web page that makes commencement write code with phonographic CSS symbol in Dreamweaver, notice Dreamweaver will use common form to establish new CSS regulation please. Through changing dialog box of " of parameter of " first selection (" of parameter of ">" first selection edits for " in Windows; " of parameter of "Dreamweaver">" first selection is in Macintosh) in the parameter of CSS editor first selection in category of "CSS style " , you can appoint the means that Dreamweaver is founded and edits CSS regulation.

Attention
 
 "Face plate of CSS style " uses common sign to establish regulation only. If you use face plate of "CSS style " to found page or CSS style watch, must know to undertake to phonographic CSS regulation attribute enclothes those to use the property that common form establishs coding by hand may bringing about shorthand. Accordingly, use common CSS sign to establish your pattern please.

Play turn Dreamweaver8.0: About the CSS regulation of conflict

Will two or when more CSS regulation applies at identical text version, these regulation may produce conflict and produce accident result. The browser uses CSS regulation by the following means:

If use two kinds of regulation at identical text version, the browser shows all these two kinds of regular attribute, unless specific attribute produces conflict. For example, a kind of regulation may appoint text color to be blue, and another kind of regulation may appoint text color to be red.
If apply at two kinds of regular attribute of identical text version to produce conflict, criterion the browser shows most the regulation inside (the closest from text itself regulation) attribute. Accordingly, if exterior style watch is mixed inside couplet style affects text element at the same time, criterion style of the couplet inside application.
If have direct conflict, define CSS regulation oneself (the regulation that use Class attribute uses) medium attribute will cover the property in HTML label style.
In the give typical examples below, the font that can appoint all H1 paragraph for the style that H1 defines, size and color, but the in defining CSS regula r.Blue to will cover H1 type oneself color setting that applies at this paragraph. Another each defines CSS regular.Red to will enclothe.Blue, because it is located in the interior of.Blue style.

<h1><span Class="Blue">This Paragraph Is Controlled By The.Blue Custom Style And H1
HTML Tag Style. <span Class="Red">Except This Sentence Is Controlled By The.Red Style. </span>
Now We're Back To The.Blue Style. </span></h1>

Play turn Dreamweaver 8: Know table of CSS cascade style

Know cascade style table
Cascade style is expressed (CSS) is a series of format setting regulation, they control the outward appearance of Web page content. When use CSS sets page pattern, part content and expressional form please. Page content (namely HTML code) be stationed in in staying in HTML file oneself, and the CSS regulation that is used at defining code to behave a form is stationed in stay in another file (exterior style is expressed) or the another part of HTML documentation (it is file head to divide normally) in. Use CSS is very OK control specific page outward appearance better neatly, from exact position fixed position is mixed to specific font style.

CSS allows you to control HTML cannot alone pilot a lot of attribute. For example, the font size that can differ with be being appointed for the text of make choice of and unit (wait like value of element, pound) . Set font size in order to resemble element for the unit through using CSS, still can ensure with more consistent pattern in many browsers processing page layout is mixed the exterior.

Outside dividing setting text format, in still can using CSS to dominate Web page piece the format of level element and fixed position. For example, can be apart from by the side of element of setting piece class and the float text all round frame, other text.

CSS format installs regulation to comprise by two parts: Selector and statement. The term that selector is label format element (be like P, H1, kind name or ID) , statement is used at defining elemental style. In the give typical examples below, h1 is selector, interpose at bracket (all content between {}) are statement:

H1 {Font-size:16 Pixels;Font-family:HElvetica;Font-weight:bOld;

}
Statement divides composition by two: Attribute (be like Font-family) with the value (like Helvetica) . The CSS regulation above founded a specific type for H1 label: The text of all H1 label that links this type will be font of 16 size resembling element, Helvetica and thick substance.

Term Cascading expresses to same a capacity that the element uses a variety of types. For example, can found regulation of a CSS to use color, found another CSS regulation to apply an edge to be apart from, what get on both application at the page next is same a text. The element that defines style is down " cascade " to go up to your Web page, establish the design that you want finally.

The main good point of CSS is the newer function that it offerred advantage; When the CSS that replaces one part is regular, the form that uses all this documentation that already defined a style can be updated automatically for new form.

Kind of the following type can define in Dreamweaver:

Define CSS regulation oneself (also call kind of pattern) make you can use modal property at any text limits or text piece. (refer to please use kind of type. )
HTML label style defines specific label again (like H1) format. When the CSS style that found or changes H1 label, all label that use H1 installed the text of the format to be able to be updated instantly.
CSS selector style (advanced type) the format of specific element combination installs redefine, or the format that the other selector that redefine CSS allows expresses sheet is installed (for example, selector Td H2 applies when H2 caption appears inside form unit division every time) . Advanced type is OK still the format of the ticket that redefine includes specific Id property is installed (for example, all label that the modal applicable that #myStyle defines is worth pair of Id="myStyle" at including property) .
CSS regulation can be located in the following position:

Watch of exterior CSS style is a series of memory in a file of alone exterior CSS (.css) (be not HTML file) medium CSS is regular. Use the link in part of documentation file head, this file is received by catenary the one or more page in Web site.

In-house (or embedded) CSS style watch is a series of including the CSS inside the Style ticket that distributes in head of HTML documentation file is regular.

Couplet style is defined inside whole HTML documentation in the specific example in label inside.

Dreamweaver identifying has the type of the definition in documentation, want these styles to accord with CSS style criterion only.

Clew
 
 If want to show the O'Reilly CSS that includes in Dreamweaver,consult guideline, choose " to help ">" referenced " please, consult from " the "O'Reilly CSS of the choice in playing menu giving form of " face plate consults next " .
 

The HTML format setting that the hand moves a setting can enclothe the format setting that passes CSS application. Want to make CSS regulation can control paragraph format, must delete all hands to use the HTML form of the setting.

The most style attribute that Dreamweaver can present you to apply directly in window of " documentation " . You also can preview documentation in browser window in order to examine applied case of the style. The outward appearance that attribute of some CSS style presents in Microsoft Internet Explorer, Netscape Navigator, Opera and Apple Safari is not same, some do not suffer any browsers to support at present.

With the Flash animation element of Dreamweaver MX 2004

In the Dreamweaver of old edition we can thrust Flash animation and button only on the webpage, and animation itself and place page concern directly without what, want to make animation has alternant sex to also must have been done when the animation that make, still need to have certain process designing experience and XML language knowledge. And differred in DW MX 2004 now, it is OK that you need to set a few parameters only implementation trends is interactive Flash animation effect!

The DW MX 2004 that uses acquiescent installation provided result of a kind of Flash Element only, the 1) of Flash Element(graph in quick menu can move choice tool column a new Flash Element tool (graph 2) .

  

  

Graph   of 1     pursues 2

Click a picture to browse pushbutton to insert Flash Element and be saved in the page above all, pitch on inserts the animation element in the page, the attribute that Flash Element element can jump out on the foundation of mark dialog box before at this moment (graph 3) .

  

Graph 3

All sorts of attribute of from the top down are ordinal for: Beautifuling dirt of Gou of soak of plan  シ ⑹ of province of  of Chang of Gong of  of  of ⒍ of Ze of delay of naevus of comfort of plan  of ⑼ of Sui of naevus of comfort of plan  of ⑼ of province of  of steamed bun of comfort of  ⑼ plan  aning enclosure for storing grain aning enclosure for storing grain owes Lian allow investigate Xi of Xiong of Gong of Gong Peng ⒖ takes ⑼ plan 

We can undertake setting buy to each option now. Those who need an attention is ImageCaptions, ImageLinks and ImageURLs place each between need to part with comma, fill your picture address and the link address after clicking corresponding frame inside, to colorific setting and other processing everybody can need to install according to oneself, at the same time to the changeover effect between last picture, everybody can choose according to his be fond of, the switch effect between the slide in the similar Power Point that make (graph 4) .

  

Graph 4

If pursue,we are used now the setting of 5, if pursue,get final result 6.

  

Graph 5

  

Graph 6

Pass simple a few paces, one has individual character to broadcast the interface, webpage animation that has alternant effect to comprise an element to be made finished, quite simple. If you have certain knowledge to Flash, OK still oneself develop plug-in unit of a Flash Element, macromedia website still can arrive in the meantime hold plug-in unit of more Flash Element up and down, the homepage that lets you more abound change and individual character!

Design the webpage that shuts automatically with Dreamweaver

When designing a page, the person that classics regular meeting opens one stature window to be browsed in order to offer from a page is examined. Normally, once the content in this seed window is browsed person had looked, to browsing person need no longer, and they often can forget put out these fenestella mouths, cause a lot of browser windows to be being opened, bad news uses many resource. We are accordingly OK will child the can shut automatically form after window design becomes a course for some time.

Two pages were made in this exemple, if the graph is shown 1 times, index.html is the page in indication Yuzi window, and in the page that is Firstpage.html in the name, include in child the link that Index.html opens in the window. When clicking a link, will be in child Index.html is opened in the window. Can click directly child in the window " shut " the link is shut child the window, also need not go pay attention to it, after 15 seconds, child the window also can be shut automatically.

  

Graph of 1 browser flip a page

Particular operation is as follows:

1. Folder of a Smlple is generated in this locality site.

2. In Smlple folder, make a file that is Firstpage.html for Index.html and name.

3. Doubleclick Index.html, open this documentation, in the design view window that enters documentation.

4. Click menu View/Head Content, the head area of indication documentation.

5. Click the case of documentation head window in designing view window. Choose menu Insert/Invisible Tags/Script, open Inset Script dialog box. If the graph is shown 2 times, javaScript option chooses in list circle is drawn below Language, input in Coctento text casing " SetTimeout("self.close()" , 15000) " . Click OK pushbutton, finish shut automatically after documentation head inserts 15 seconds child the script of the window. In code, 15000 express 15000 millisecond, also namely 15 seconds, OK also the time millisecond number that long him instead according to need general needs.

  

Graph 2 settings time

6. Input in documentation window " shut " model of written characters, the input in the Link text casing on attribute face plate " ### " , its the setting is an empty link.

7. On the fast mark editor of condition column Zun Duan, click mark pushbutton. Pitch on " shut " link, press Ctrl+T combines key next, open fast mark editor, enter the editor mark mode of fast mark editor. Be in next " > " before input " Onclick="selfclose()" " . If the graph is shown 3 times, the setting ends, click OK pushbutton, affirm an operation. Be served as in Index.html so child after the window is opened, click this link to be able to shut this immediately child the window.

  

Graph 3 settings time

8. Save Index.html file, exit the Dremweaver window of Index.html.

9. Begin to design Fristpage.html page now. In the Smlple folder of this locality site, doubleclick Fristpage.html, open this documentation, in the design view window that enters documentation.

10. Input in documentation " click here to open what can shut automatically child the window " model of written characters. Input in the Link text casing on attribute face plate next " ### " , will the setting is empty link.

11. Can apply behavior of Open Browser Window to install through be this link Index.html window is opened when clicking a link, more convenient nevertheless method is to use fast label editor. The method is in will inserting a dot to place a link above all, go up in the label selector of condition column Zun Duan next, click label pushbutton, pitch on is whole link. Press Ctrl+T combines key next, open fast mark editor, enter the editor label mode of fast mark editor. Be in again " > " before input " Onclick="window.open('index.html' , null' , 'width=200px, height=200px')" " (if pursue,show) 4 times. The setting ends, press carriage return bolts, affirm an operation.

  

When 4 settings click a link, the graph is opened

12. Afore-mentioned operations finished the setting of this exemple. Can click menu to use File/save, save the work that does. Press F12 bolts next, page effect is previewed in the browser.

Big collect of Dreamweaver classic problem

1> is in DW, how to input a blank space?

Input the problem of blank space, already became the issue of a platitude it seems that in DW, we may use the book of the respect in a lot of introduction DW or N has seen in the article second.

The limitation that inputs to blank space in DW is to be aimed at " half horn " literal condition, because this arrives through adjusting the input method,full role pattern can avoid, the method is: Open Chinese input method (it is with artificial intelligence ABC exemple) , arrive by Shift+Space switch full role condition, should be no problem now.

In addition, you still can be passed a lot of " flexible " the method achieves the goal that types blank space, for instance commonly used is:

The HTML code that adds delegate blank space in source code directly " " ; After the literal object that inputs certain length, the color that adjusts a character next and current setting color phase are waited a moment together, what notice nevertheless is latter show possibly in a few browsers on problem having a place.

If why is 2> added from the small icon of the definition before browser address column?

You remember be sometimes when the home page of website of the Netease that browse, one can show before address WWW.163.COM " easy " the small icon of model of written characters. And below acquiescent circumstance, the designation that this icon is an IE browser picture.

What is this actually advanced technology, just added a specific file below website catalog just.

At this moment, we need to make an icon file beforehand, size resembles element for 16*16. The file expands the name is Ico, in uploading corresponding catalog next. In HTML source file " " between add following code:

Among them " SHORTCUT ICON " the name that is this icon namely. When if the user uses IE5 or above version,be being browsed of course, simpler, need to upload the picture website root catalog to fall only, can identify automatically!

3> why, I design very good webpage originally, in browser window the smallest is what the meeting when changing changes deformed and embarrassed?

This should be a problem that is worth everybody to notice very much, that is to say, when webpage content is browsed below full screen status, a bit problem also is done not have. What use the window when us is the smallest when changing command or manual to adjust the volume of the window, the problem appeared slowly. Webpage content can regard indication limits as current window, ordinal next defeat. Cite a case, and have in notebook " automatic line feed " and " do not have line feed " the difference is just the same.

Solve this problem, we must speak of from the layout of the webpage, usually, the fixed position of webpage content comes true mostly through form. Because of this problem " illness " also go out to go up in form.

Look please below the attribute face plate of a form shows:

You may have noticed, two kinds of different types were offerred on the choice of tall broad set of form, per cent and resemble element. Among them that defect of face respecting before the use of per cent will arise, correct its entirely the real volume that is Pixels unit is OK.

When how 4> changes a webpage to show, most the clew information of coping?

When the webpage that browse, the clew information of coping often represented the crucial place of webpage content, the person that conduce to a visit understands webpage content ahead of schedule. Before DW4, did not provide this operation directly on the function, we often apply through be in source code " Title " attribute will finish. Enter DW4 much simpler.

Editing the window directly most of upper part " Title " the literal information that a need keys in inside input casing can.

5> how, can ability add the frame that appoints color for the picture?

To the picture without frame, in inserting a webpage directly, showing to be quite poor on the effect. Satisfactory frame should be added to the picture in remembering the FP that is in Microsoft or quite troublesome.

Appear much easier in DW nevertheless, because here has " Border " attribute, can make you direct install the width of frame.

Width has been set, you can ask certainly, where is color? The alternative that color did not offer on face plate! Ah, actually here has problem of a skill, choose picture target with the mouse, the attention is not to click pitch on, procrastinate however use an option. It is OK to undertake like set character facial expression.

How does 6> add picture and the clew information that link a character?

When we browse a webpage, when the mouse stays on picture object or link, in the mouse right fall to be able to appear sometimes casing of information of a clew. Undertake to the target particular explanatory note explains. In a few circumstances, its action is very important.

The accretion of picture clew information looks first below, object of pitch on picture, in attribute face plate you can discover " Alt " input casing. Below acquiescent circumstance, this input casing is blank. The clew content that types need here is OK.

So link clew make do not have so simple. Because this function was not provided directly in DW, accordingly we need to come true through adding HTML code.

In < A Href="http://220.181.29.156:8082/post/ " " add in "> " Title " attribute. Title= clew content can.

How does 7> download the file of his ZIP or other type for others?

Look in many primary webpage fabricant, seeming to click the download that finish through the mouse is very the thing of " mysterious " , far from is actually such. The format document that always is not identified by the browser in DW (HTM, HTML, ASP, PHP.PERL, SHTML beyond) when regarding a link as the target, acquiescent operation is download.

At this moment you need only, the file name that downloads the person that should browse has been written, make a link to target file next. Notice catalog does not make a mistake certainly.

How can 8> just make sure webpage Chinese word does not follow to is browser font size installed and change?

Everybody knows, in the functional setting of IE browser, have the function of size of font of content of window of an OK and free setting, the habitual problem of the person that because differ,visit so, present the webpage before them to also can differ sometimes.

What when for instance you may be designed originally, use is 2 font, because the user is right,as a result the frontal peripheral of the browser is decided, those who change is bigger, the issue gives on indication effect at this moment.

So settlement way enforces webpage content qualitatively to go up in a certain proper size namely. Not allow to make him change namely. Through CSS style the watch undertakes to font mandatory control can realize this requirement.

Does 9> open target link with the form of new window?

Open with new window, just as its name implies, fall in the premise that does not cover current window namely, open window of a browser additionally. You can be directly in join code < A Href=""> is joined " Target=_blank " .

If your HTML compares difference, provided this setting likewise on DW attribute face plate, when WWW network address is being keyed in in becoming you to input casing in Link, casing is pulled to also be activationed at the same time below the Target from the back.

Choice superlative " Blank " OK.

When how 10> lets a webpage load, resemble a lot of commerce websites in that way, play an an advertisement window

This is in many large trade websites, see constantly. Can come true easily through Behavior behavior in DW.

When since be,loading, we can regard whole webpage content as incident boy or girl friend. In DW the mouse in editing the window is clicked left of next horn " " label, at this moment you can notice all webpage content already pitch on.

Click " start quickly board " medium " Behavior " pushbutton, enter behavior face plate,

Choose " Open Browse Window " , at this moment you still can undertake be defininged oneself to window style, for instance size, the reservation of tool pushbutton is waited a moment. The event that additionally still a bit do not forget correspondence namely is " Onload " .

11> my start quickly board in without "Timelines" , how to do?

DW from after upgrading to 4 version, starting quickly board in added a few new projects, for instance Assets is waited a moment. At this moment so above Timelins (time line) pushbutton was squeezed go down.

If you are eager to,use its word now of course, still can adopt bill of fare " Windows " - " Timelines " find. Be inferior to be being put in after all nevertheless start board in convenient, at this moment we can add it through the setting come in!

"Edit " - " Preference " enter the window, to the left choose in project list " Panels " (face plate) ,

Click above " + " date pushbutton, from next choices in drawing list " Timelines " . At this moment time line is added already automatically current " Show In Launcher " in list content, OK. After changing " Launcher " face plate

At the same time you return the pushbutton option that the alternative that can need freedom according to his appears in face plate, in order to improve work efficiency.

It is OK that 12> makes a webpage let it every other 5 minutes of automatic refresh, how to come true?

Get online when browsing, we encounter a few webpages via regular meeting. When lying between period of time to was not answered, it will be automatic refresh. Besides the purpose of the person that can rise to remind a visit, when new refresh address either when current URL, of implementation is to jump automatically automatism function.

No matter be to repeat refresh, jump automatically still turn. In webpage design, it is quite practical operation. We introduce next their methods that make below.

Choose DW " Object " of face plate " Head " part, notice acquiescent circumstance falls, those who show is Common " content " .

Click above " Refresh " pushbutton,

Among them " Delay " the time that refresh defer keys in in inputting casing (unit: Second) , "Action " the target URL that appoints for refresh. Because now is refresh current page, the direct option that choose sheet " Refresh This Document " can.

The key word that how 13> defines a webpage (Keyname) ?

When the user use search index props up Search when the webpage of appropriate content, key word is having an effect that nots allow to ignore. Mostly whether does in exploring a network automatically for some time, meeting every other have search server new webpage arises, undertake them recording by key word, with convenient user inquiry.

The inquiry that you consider to the webpage that lets you appears in search engine of course returns list medium, at this moment the definition of key word is attached most importance to especially wanted.

Be in likewise " Head " face plate part,

Click " Keywords " pushbutton,

The key word that types definition of need one by one can, notice every key word with " ; " date is separated, amount does not have limitation.

How is 14> in editor window, conceal a few needless label?

Too much sightless element was inserted in the webpage when the user when, editing the window most above can show a corresponding indicative ticket, use convenient user to be able to find them at any time. Although these label itself do not affect the indication result in the browser, but much later, often make webpage content must amlposition, hamper on certain level thereby the adjustment on webpage vision, so how ability these east east Where is take out?

Enter " Preperence " face plate, choose in list " Invisibel Elements " ,

Before ticking off you not to consider indication project " check the number " can, for instance Scripts

Doesn't 15> arrangement support " frame " the indication content of the browser?

We know, current browser type is very much, when accordingly we design a webpage most is what consider first often " is this thing in different browser can have you shown? " . Frame is an example!

Avoid nevertheless, very simple, it is OK that you need to add the content below in source code only.

NOFRAMES> of < BODY> <---The bag in this webpage contains frame structure, if you cannot show normally, download new browser please version or change mainstream browser---< / Noframes> < / BODY>

How does 16> avoid others to put your webpage in frame?

A few wicked people, often stealing the work achievement of filch others, the webpage that makes others meticulously for instance with child in the framework that the form of the page puts him.

So the webpage content that how avoids oneself by " embezzle " ?

You need to be in only of webpage source code between add content of the following code:
< Script Language= " Javascript " > < ! - - < BR>if (self! BR> of =top){top.location=self.location;} <- - > < / Script>

How does 17> add annotate content?

Annotate content, just as its name implies just serves as those who explain content appears, because this won't appear in the webpage when browse. Its action is right certain and important or complex code undertakes necessary designation, with more convenient and quick find.

Enter " Object " of face plate " Invisibel " part (namely sightless element) , the choice is inserted " Comment " pushbutton,

In " Comment " in key in necessary information. In if you are returned,returning source code at this moment, meeting those who see these operations add is nevertheless below a paragraph of code of the format:

< ! - - this is the annotate content that need fills in- - >

18> is horizontal, why cannot install color?

In DW, should adopt bill of fare " Insert " - " Horizonal Rule " insert horizontal when, in attribute face plate you can discover and did not provide the setting about horizontal color, because label < Hr> does not support in the earliest NC (horizontal HTML code) COLOR attribute, so DW also does not have the setting about it.

Look if needing, we can enter source file to change directly only.

The code "> of corresponding color of < Hr Color="

How does 19> install the function that can you close current window?

We can input the written language that uses designation first here " close the window " , procrastinate with the mouse move pitch on it, in " Link " in inputting casing, key in " / " , cut source code window at the same time, this incident is keyed in in linking code - Onclick= " Javascript:wIndow.close(); Return False; " .

Whole code is: < A Href= " / " Onclick= " Javascript:wIndow.close(); Return False; " > close the window</ A>

Of course you are OK also the character " close the window " change other targets, for instance picture, pushbutton is waited a moment!

Does 20> time the window that closes automatically is what kind of?

A function that closes the window was mentioned above, so present is be being shut automatically how come true?

The code below joins after source code:

< Script LANGUAGE= " Javascript " > < ! - - < BR>setTimeout('window.close();' , BR> of 10000); <- - > < / Script>

Among them Set Timeout is a function that uses set defer time, here 10000 express 10 seconds

How does 21> change the " appearance " of the mouse in the browser?

Usually, the mouse is in the browser with " arrowhead " the style appears, so can we change it be the other type kind that oneself like?

Changing mouse form is to pass in DW " CSS style is expressed " will come true.

Menu " character (Text) " - " CSS style is expressed (CSS Style) " - " Edit Style Sheet " , play the editor window that gives modal list, also can click start quickly board medium CSS Style pushbutton is found,
Click " New " pushbutton, choose acquiesce " Make Custom Style " , make in the Define below this style applies current webpage documentation only at the same time, "This Document Only " .

In " the style is defined " the left list of the window in choice " Extensing " (patulous) , corresponding right is installed
Be in " Cursor " (mouse) in, the figure with right choice is played below can, after deciding, return, the effect observes in the browser by F12, dissatisfactory word, still can undertake modification to the style.

How 22> gets rid of the underline below link character?

After we finish a link to make, link character content often is in automatically below add an underline, use designation this content includes super link. Compare a long time when the link in a webpage, the feeling that appears a little mixed and disorderly, we are actually OK very convenient its take out.

Enter likewise " Edit Style Sheet " the window, click " New " establish new form,
The Type here (type) in, those who need an alternative is " Redefine HTML Tag " , what pitch on represents super link is in at the same time in specific mark Tag " A " , click OK.

Edit this style, left list is chosen " Type " , tick off take " Decoration " (decorate) medium " None " answer choose casing, at this moment the link character underline in all webpages was gotten rid of by Qing Dynasty.

How does 23> let a mouse be in link character upper part " hover " when, generation becomes angry, be out of shape equivalent fruit?

When visitting a website, what we encounter is the commonnest a kind of effect that does not pass is " the mouse hovers answer " , so called " the mouse hovers answer " the watch links a character to go up now, include to change color, got-up effect (underline, underline in) wait for multiple choice.

The emphasis that had pair of target content very well as a result of this kind of effect action, no matter be individual website,still be a few big commerce websites accordingly (be like sina, sohu, netease) have application.

In last problems, you had known purify drops the method that links underline, here no longer give uncecessary details. The problem below will be the process that how adds a mouse to answer incident.

Enter likewise " Edit Style Sheet " the window, click " New " establish new form, a the choice in the Type type that different is now is final - " Use CSS Selector " , "Selector " in choosing sheet, choose " A:hOver "   OK, enter editor style window, set " Type " medium literal facial expression is " gules " , the effect of underline appears when you still can add a mouse to hover of course.

The background picture that how 24> yields a webpage does not follow content scroll?

Background picture is the thing that architect of a lot of webpages often adds, when webpage content exceeds one hold, pull use roll a scroll with background relatively as can dormant as content picture, so whether does the lock decide setting not to follow roll? Can enter of course " Edit Style Sheet " the window, click " New " establish new form, choose in TYpe " Redefine HTML Tag " , at the same time Tag chooses odd pitch on " Body " , choose in list to the left " Background " . Set " Attachment " (accessory) for " Fixed " . Among them the roll that Scroll uses on behalf of acquiesce shows.

You know 25> background music certainly, how be added?

The webpage tool that is in Microsoft - in Frontpage, about the setting function at background music, so DW was not made apparently, because this wants used word, can move in the hand in source code only added.

Before use, remind everybody a bit, use background music must note the size of webpage file, cannot attend to one thing and lose another.

Code is as follows:

< EMBED Src= " Music.mid " Autostart= " True " Loop= " 2 " Width= " 80 " Height= " 30 " >

Among them the position that Src appoints musical file, autostart is the movement after musical file uploads, true expresses to begin automatically to broadcast, false is not broadcasted (acquiescent value) .

How does 27> join the date after is the webpage changed automatically?

Need to add following code between source file only can.

< Script Language= " Javascript " > < / Script>

The indication style in the browser is: "Last Updated: 2001/8/19 "

How does control play 28> a POPUP information?

Sometimes, when we click a link, can appear a few clew news that emphasize sexual specification, play a message namely. Had not finished target content page when a certain link for instance when making, can apply POPUP information to explain.

Input of proper in the webpage place links a character, pitch on, the link is made in attribute face plate. Below the premise that still holds pitch on position, click start quickly board medium " Behavior " pushbutton,

Click left go up " + " date, from the pitch on in list " Popun Message " , in subsequently window the input needs the information of clew,

Set the mouse incident of this movement (Events) to click (Onclick) . The effect is previewed to be as follows in the browser

Does 29> conceal the method of the URL address information of column of the condition in the browser?

The webpage that browse, stay when linking upper part when the mouse, the meeting in the condition column below shows address of this link target automatically, considering the problem of safe respect, sometimes we need to be its replacement " 0 " , set namely for blank.

Need to made some of hands or feet can come true in linking code only now,

Institute of Netease of < A Href=http://tech.163.com/school OnMouseOver="window.status='none';return True"></ A>

How does 30> change the clew character in condition column?

Below acquiescent circumstance, when the webpage is record in, the letterhead information of this webpage will show in condition column. Want not to want to let what it changes have charm more?

In DW " Behavior " in behavior board, click " + " date chooses " Set Text Set " below " Text Of Status Bar " option,

In " Set Text Of Status Bar " the input in the window is similar " welcome you smooth copy website- - net canal leaves a message " wait for Message information.

How does 31> establish the pattern of the processing that express sheet of email?

Expressing sheet should be a webpage the essential element in alternant function, those who express single function to result from information is alternant, because this expresses odd processing to often involve a network of advanced programming language use, you say probably, wow! I won't process designing! Irrespective, actually processing of odd to a few simple tables content relies on email to also can come true.

Read the code below first:

< Form Name="content" Method="post" Action=" needs Form> of use < of processing program " >

The HTML source code with a typical simple table is above, among them METHOD decides to use means, include POST and GET two kinds. The processing order that ACTION says above us namely, can come true through ASP/PHP/CGI commonly.

So how to come true with email? Action=mailto:XXX@163.com, should click so after referring pushbutton, can play a window of a clew, click " affirmatory " in expressing odd content to be able to send designation mailbox.

How does 32> make normative email link?

So called " email is linked " it is namely when we click it, does the ⑺ of Pi of Cheng of mail client end that can the browser call acquiesce automatically to use steal Qian bless only then  ? / P>

Input " have problem MAIL ME " model of written characters, the mouse is dilatory pitch on, switch arrives attribute face plate, following commands key in in LINK input casing:

Mailto: < of < FONT Color=#444444>XXX@163.com / FONT> ? Address of other email of &bcc= of address of other email of &bc= of Subject= netizen incoming letter. Among them the agreement that Mailto links for mail, subject is the caption of mail, bc is the mailing address that copies to at the same time, bcc represents namely dark sent.

How is 33> made " empty link " ?

Empty link namely, did not link the link of the object, in empty link, target URL is to use " # " come denotive. When making a link that is to say, should be in only the LINK input of attribute board types # number in casing, it is an empty link.

The occurrence of empty link involves the element of many sided, for instance a few pages that did not finish regularly, the accord that goes up to maintain a page to show again (those who link style and style of common written language is different) , can use it.

When 34> clicks empty link, page often replacement arrives page head end, if why be handled?

In the browser, when we click empty link, its meeting goes to current page replacement automatically head end, affect an user to read content normally thereby, we hope it can maintain of course did not move.

35> how custom-built can you jump inside the page freely the link that turn?

If you often are in,a few free electron magazines subscribe to on the net, plant to this certainly " label is linked " not unfamiliar, carry the list of a similar list, can jump expediently turn to any parts inside the page, undoubted its use is to be technically " content of train in excess specified length " the webpage designs.

Link the position that point to certainly first, namely screen jumps the position that after turning, keeps. Enter " Object " of face plate " Invisibles " part, text of pitch on target, click " Insert Named Anchor " pushbutton, in " Anchor Name " in key in label name, OK, can appear automatically below text at this moment red dotted line opens common text content with distinction, notice they won't appear in the browser.

Can make a link next, the LINK input casing of attribute board is typed " #nchor Name (a moment ago name) " . If you think,point to a certain position in additionally one page of course, also be possible, let off this small tail go going.

36> is at the same time on a picture, make a lot of links, how to do?

This problem namely we say usually " picture heat " (Image HOT) , there still is another name to cry in DW of course " image heats up area " .

Pitch on picture, be in at this moment attribute face plate is left the position below, have " Map " tool column, its right is 3 use the button that chooses different area, it is with among them rectangular tool exemple, after pitch on, the mouse stays on the picture to meet with a kind " + " appearance is shown come, the delegate can be controlled dilatory, after finishing ordinal the link that you can finish many heat area is made. Notice each area cannot overlap.

How does 37> make what can you answer mouse incident retroflexion picture?

In a lot of webpages, we see headline of a few columns via regular meeting, when mouse glide, can become another model. More very much actually the picture that differs through two pieces comes true in them, namely so called " retroflexion picture " the effect.

Of course above all the picture that you want to prepare just the same of two pieces of size ahead of schedule, what go up with ensuring to there won't be what visual sense when retroflexioning is unwell, click " Object " on face plate " Rollover Image " play piece " retroflexion the picture is installed " the window, click respectively " Browse " press Riginal Image of 癘 of ト model ā " and " Rollover Image " address, attention must below pitch on " Preload Rollover Image " answer choose casing, be in otherwise the instant of mouse glide, meeting generation downloads defer certainly and affect the result.

How is 38> made " does all over the sky flutter " picture?

In the home page of a lot of large trade websites, you see many advertisement pictures that wave to wave back and forth via regular meeting, appointed address can be linked after clicking, in DW this is nodded come true through Timelines.

Insert target picture in the webpage above all, at the same time pitch on it, click start quickly board medium " Timelins " pushbutton is entered " time line " the window, the positional mouse in time axis 1frame is right attack, choose " Add Object " , one orchid color vitta can appear on time axis at this moment (acquiescent 1-15frame) , stop camera lens in 15frame place, the picture inside mobile page reachs terminal place of motion in the meantime.

A simple athletic animation had been finished now, what you can add the method of Keyframe to adjust method through the inter is labyrinthian degree. The right arrowhead pushbutton that clicks upper part previews the effect.

How is 39> made in the page " static in suspension " picture?

So called " static in suspension " namely a certain position that the picture always tries to stay in the webpage, because this is gutty on the vision,follow a page " go " feeling, wear like suspension same.

The implementation of this effect is finished through Javascript, general requirement has certain process designing capacity. Fortunately DW offerred the fixed plug-in unit that makes this result, because this appears much simpler.

Above all you must download Stav plug-in unit first, two files inside (include picture file Cross Browser Static Division.gif and webpage file Cross Browser Static Division.htm) to copy DW to install catalog Configuration\Objects\Common to fall among them.

Start DW afresh, in Object(object) in face plate, you can see the bottommest already much SI, it is playing pitch on layer of float of the set in the window that give arrives above the distance with left, insert designation content in graph layer next (here is a picture) can.

How does 40> make character and picture content coexist?

We know, in DW, picture object often is exclusive group, so literal content can be in a as parallel as its only locally, how can you just let a character around move does the picture show?

Pitch on picture, in the right upper part of attribute face plate you can see " Align " attribute choosing is odd, choose " Left " , at this moment you meet those who discover the character is already even form the right in the picture.

Does 41> realize the join of many windows?

Face plate designs the one big characteristic that is DW all the time, arrived DW4 version, the face plate that uses is already many, so we how is ability more efficient use it? "The window joins " it is the technical function that a kind of convenient everybody defines oneself, say simply, it is OK according to need general two or more many face plate are put in a window. The mouse is clicked pull the Tab pen that uses a face plate to arrive on a two face plate, when you see frame of a black, loose mouse, at this moment two face plate had closed 2 for one.

How does 42> make a width be the filament of 1?

In DW, although horizontal be with " Line " the form appears, but when the filament that make, what it behaves is endless the meaning that be like a person, basically be too thick, without the exquisite feeling of need!

So the method that we can adopt flexible comes true with the application of form.

One is inserted in the webpage a 1 form, form " Cellpadding " " Cellspacing " install for " 0 " , at the same time of will unit case " Bgcolor " set is red, of course you also can use other facial expression to replace, "Height " set height is 1.
Still have the most crucial one situation, examine source code, will<Td></ in Td> " " take out can.

How does 43> make a frame be the pane of 1?

Apparent, we still want to be finished through the setting of form now.

Probably you can say, this returns not simple! Build a 1 form, next it " Border " the value is set for 1 not OK. Actually, the form that with this kind the method makes is says frame far from for the pane of 1, want however " thick " much!

Insert first likewise a 1 form, form " Border " , " Cellpadding " the setting is " 0 " , "Cellspacing " the setting is " 1 " . Of set form " Bgcolor " for red (the color that is frame namely) , set calm unit standard at the same time " Bgcolor " for white (be the same as setting color namely) , OK.

How does 44> install the browser with different basis, return different page?

The browser is different, the technology that it supports and effect are distinct also. The webpage that consequently we design is not can show normally in all browsers or optimal show. At this moment of browser of a judgement jump turn very necessary.

When the user uses different type or the browser of version is opened, can return different page, with assuring an user browse normally. Click start quickly board medium " Behavior " pushbutton, dot " + " date, leaving the alternative in drawing list " Check Browse " .

How is the object that touch can procrastinating casually in 45> webpage built?

When visitting a website, often can see can pull the element that use not less with the mouse, be in the majority with the picture among them, for instance, picture of a piece of advertisement held off you to think the content that browse, you can use mouse pitch on completely to throw it go at the same time!

Making this kind of result is pass graph layer " Drag Layer " behavior comes true, in clicking Behavior face plate " + " date, choose " Drag Layer " , of course before you are necessary assure to look plotting layer is in pitch on condition, after undertaking be installinged simply with respect to OK.
 

Undertake with Dreamweaver the database is operated

When having, we often need to so that contact,release a few data such as client information to the net, but as client data increasing, be being updated on the net is more and more ability not equal to one's ambition, how should this do? Actually, besides will come true with these tiring-room languages such as Asp, Php quick outside updating, dreamweaver itself offerred data to guide the method with sort, this is absolutely for the friend of tiring-room to understanding greatly good news, dreamweaver from version 3 retained this function all the time to newest MX, see its economic point. We come to experience below its effect after all how.

    Note: The article is with Dreamweaver MX exemple

    1, for example we at hand has a Kehu.txt file now, sheet of connection of ** firm client is inside, detailed information is shown as follows:

    Full name, sexual distinction, position, phone
    Li Ming, male, personnel of A company technology, 87185900
    Li Yan, male, b company director, 80226888
    Wang Jiang, male, c company chief engineer, 83546790
    Su Lin, female, personnel of D company sale, 87556341
    Chen Dongdong, male, director of E company project, 87436588

    Can see, inside this every undertook depart with comma.

    2, (1) open DW MX, build page of a Html, insert/table Objects/import Tabular Data of choice menu column this.


Graph 1

    (2) window of occurrence Import Tabular Data, click " Browse... " pushbutton, the choice deposits the text file of data, in Delimiter this in want and the separator in text file is opposite should, because be used in Kehu.txt file, is comma, chose Comma so, other can need each to undertake choosing to revise according to everybody.


Graph 2

    (3) click finally " OK " , a piece of form that includes text file data appears was in your before.


Graph 3

    3, (1) although form is,be done, nevertheless sometimes we need to have sort to the data in form, this DW also thought of of course, first pitch on form, choose menu column Commands/sort Table next.


Graph 4

    (2) window of occurrence Sort Table, sort By choose Column 1, order the choice is mixed by alphabetical sort Alphabetically ascend arrange Ascending, other each everybody can consult graph 5 basises need to undertake choosing.


Graph 5

    (3) click " OK " , the sort of 1 is listed in completing pair of form so, list 1 medium full name to all undertook with phonetic alphabet size ascend arrange.


Graph 6

    4, (1) now, our effect and sort came out, what should do finally is the beautification to form, love beautiful heart person to all have, form is not exceptional also, move beautification besides him hand outside, DW offerred seventeen kinds of style technically also to choose for you. As similar as Sort Table, first pitch on form, reelection choose Commands/format Table.


Graph 7

    (2) window of occurrence Format Table, top left corner has all kinds of type, can choose according to your be fond of, because the others is the operation of goofy type each, did not introduce one by one here, just emphasize to last, this are to enquire whether you add code of all kinds of type to acquiesce of the and rather than in TD mark to be added in TR mark, here the author suggests you are not ticked off anthology, can generate otherwise get much code more than acquiescent setting.


Graph 8

    (3) click " OK " , success, the effect that creates finally pursues as follows, how? Simple a few paces can make it such, need the function that comes true with ability of tiring-room process designing originally, do easily with DW decided, its powerful point also depends on this just about.

The Dreamweaver webpage that make is practical 7 action

One, from inside exterior documentation stickup when, if want a written language only and do not want its form, can use " Edit → Paste As Text " command, do not use Ctrl+V directly.

2, when should the person that browse uses Netscape to browse a page, when changing window size the page can be spent. Should consider this issue when the webpage that make, can pass click " Command → Add/Remove Netscape Resize Fix " will try to solve, when it can make browse a page in Netscape, when changing window size, the page won't be spent.

3, only copy character. When copying a character to use a program to another from inside Dreamweaver when us, HTML code and script were gone by the copy together. General we are copied with shortcut key Ctrl+C, if press more when copy " C " the character that key copies pitch on only.

4, blank space is being inputted in Dreamweaver is a your person very headachy thing. If you press next methods of the face,the operation meets much simpler:  of acute hearing collection lies is low of  of Po of delay of  of  of close thorn of  of fan of bosom of  of fraud of ā of imperial order of Cong of neon of form of Ran  pa 腟 Hift+Ctrl+space can insert a blank space () of OK and successive input.

5, Library component and Template pattern plate need not upload a server, can preview the page that used this component or pattern plate correctly.

6, do not be in same at the same time use form and layer come to a page decorate, the disorder is caused in the meeting in Netscape, appurtenant relation except.

7, catenary receives two webpages. We know super link can connect a page only. If you want to open documentation in different frame page, can use " Go To URL " JavaScript behavior. Open a webpage that has frame, choose character or picture, choose from inside behavior face plate next " Go To URL " . You can notice Dreamweaver can be in " Go To URL " all practicable frame shows in the dialog box. After you consider the framework of the link and inputting corresponding URL among them, the choice chooses another frame again and input another URL.

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