Of DW plug-in unit additional kind piece (one)

"I want to do dynamic clock " , " I want to make sign written language " , " I think. . . . . . . " . Doesn't standard method have method to do? Try additional kind of Dreamweaver (DW of the following abbreviation) plug-in unit.

One, Object (object) kind

1. Dynamic Clock (dynamic clock)

This plug-in unit increases the time that a trends shows for your homepage. After installing this plug-in unit, a pushbutton that is like Zhong Panbiao face can appear in object face plate, the dialog box appears after clicking. Can fill in in Time Format place the time form that you want, different string represents different character form.

％ H: 12 hours make time. ％ H: 24 hours make time. ％ M: Minute. ％ S: Second. ％ A: Fluctuation midday. ％ D: Date. ％ D: Week a few. ％ W: Month figure. ％ W: Month name. ％ Y: Two digit a particular year. ％ Y: 4 digit a particular year.

Nevertheless this plug-in unit has a drawback is cannot Chinese indication week and month, this cat became small operation to it, can have supported now.

2. Insert Html (the page in inserting a page)

Do not know everybody notices, there is a such effect in some pages, the certain part in the page is a page, the picture in be like the picture on the television is same. Such advantage is it is OK that when updating a page, this should be updated to embed the page inside alone only, do not need to replace other share again. Regretful is, this kind of operation does not support inside DW, must use handiwork to write ability of ＜ Iframe> label to come true, and ＜ Iframe> label can be supported by IE only. Effect of the page in having this plug-in unit to be able to support the page that crosses a browser now. Install this plug-in unit to be able to find plug-in unit to press button in Object face plate later: . A dialog box can be shot after clicking, specific meaning is as follows: SourceL: With will appoint the page that should embed. Width: The width of built-in area. Height: The height of built-in area. Name: Area domain name says. Scroll: Whether to take tumble. Border: Width of built-in area frame. Margin Width: The fixed position of built-in area, be apart from with left. Margin Height: The fixed position of built-in area, the edge that use a top is apart from. Layer label supports Netscape browser. Iframe label supports Ie browser.

3. Make result rolling screen

This is similar effect of the page in the page above, different is place of this plug-in unit built-in is not a page, however Html code agrees with such form, if pursue 1, among is content area, right is the button that adjusts up and down.

The Goodies face plate in object face plate is medium after installing plug-in unit can see pushbutton. A dialog box is shot after clicking, the meaning of option of wh some of which is as follows: Pixel Top Of Scrollable Area: Scroll area carries a distance on the head.

Pixel Left Of Scrollable Area: Roll area left is apart from.

Pixel Width Of Scrollable Area: Scroll area width.
Pixel Height Of Scrollable Area: Scroll area height.
Scroll Speed: Scroll speed.
Content label is to deposit content area, you can fill in inside directly HTML code. All settings end to be able to press Create pushbutton to undertake making directly later.   

Of DW plug-in unit additional kind piece (2)

2, Command (command) kind

1. Banner Image Builder (advertisement builder)

See this effect on the webpage: Advertisement go up to change ceaselessly, switch advertisement. Every point to different page by an advertisement picture. This effect can be finished now with this Command. Can be in after installation " Command/Banner Image Builder " in start. Play give a dialog box, left is advertisement picture, right is corresponding link address, target can appoint link page to appear in frame below or in the window, rotate Every represents every other switch of how many second advertisement.

2. IE Favicon IE (favorite icon)

This is the plug-in unit of icon of a favorite that make. Be in after installation menu " Command/Page Properties/ IE Favicon " in start, play a systematic interface, if pursue 2.

Basic label page has the following option:

Icon: The icon of place correspondence. Files Affected: The page of become effective, can appoint some of page to have the function that takes favorite icon. Current Document: Current page. All Open Documents: All pages. Selected Files In Site Windows: Site management implement the file in be chosen. Enitre Site: Whole website.

In Advanced label, we are OK set what file can be revised.

3, Behavior (behavior) kind

Bring Layer To Front (the buy before the layer)

What can this Behavior do? Classic example is made namely in front the dialog box that tag carries in the picture. Label is 3 pieces of pictures, 3 layers are below. Click the first page, corresponding layer with respect to uppermost face. The 2nd page, the 3rd page is ordinal after clicking, the layer of place correspondence puts uppermost face, realized the dialog box that we are familiar with so.

After the picture that inserts label, click the ＋ date pushbutton on Behavior face plate. Can see action " Behavior Bring Layer To Front " . Face plate can appear after choosing this action. List casing is pulled to be able to use choice layer below. Option of Release Previous Layer can be after switch layer, restore the layer in front former number of plies.
How? The plug-in unit above is very interesting. The download of plug-in unit can visit:
Http://www.5dmedia.com/dwplugin/plugin.htm  

The application of the layer and its fixed position (one)

1, the ABC of the layer

The composing of first Web page is completely planar type, because this is after HTML2.0, form received wide application, the architect decorates the element on the page accurately. But the addition of the complex degree as the page, the architect considers exact position the more, the form of the page is more complex, brought certain difficulty with the person that browse to the architect thereby: The architect cannot place page element follow one's inclinationsly; And of form complication the addition that brought a browser to explain time, lengthen of user latency time.

Divide these worries for solution, w3C included the character of an absolutely fixed position in new CSS, a certain element that it allows what the architect gets on the page locates anyplace, and, besides the collateral fixed position on plane, still increased the fixed position Z-INDEX of three dimensional space. Because Z-INDEX defined the order of pile, be similar to the graph layer that uses in graphical design, an element that owned Z-INDEX property so the layer that be called by people figure ground.

In HTML, the description of a layer is shown as follows:
　　

Ask an attention, the layer is placed commonly in

In label, but it also can beLabel, just fall in the circumstance that crosses a browser,

Label has better compatibility, although IE and NC bear these two label.

In Dreamweaver, those who found a layer to be changed is very simple, you are OK very figure ground passes a mouse dilatory a layer comes out, adjust its position and size dimensions next. The way that thrusts a layer in the most commonly used two kinds in webpage design process is below (must fall in Standard View condition, can not fall in Layout View condition) :

The Draw Layer object on use object face plate is dilatory in the webpage scale a layer

Open Objects face plate (shortcut key Ctrl+F2) , use rat punctuation is pressed 

Icon, turn into in documentation area when the mouse after crossed finger, press mouse Zun Jian, dilatory mouse, appear a rectangular casing, when you the size of rectangular to this casing is mixed when appearance is satisfactory, loose mouse is pressed twist, a layer is good with respect to scale.

Following plan institute show:

 

Use menu Insert---> Layer, insert the layer of size of a predefine

Below Insert menu, choose Layer, a layer that defines good volume can be inserted in documentation, the size below acquiescent condition is wide 200px tall 115px, its volume can be adjusted.
The distinction of the layer that two kinds of means get:

1, the measurement of the layer is different. The layer that use menu inserts has acquiescent volume, dilatory the layer that come out changes size along with your mouse movement

2, the fixed position of the layer is different. Observe attribute face plate carefully, the layer that you can discover to use menu is inserted is the coordinate that did not locate, procrastinate when your use mouse only after moving this to change its position, ability can keep coordinate cost. And dilatory the initiative position coordinate of the layer that come out is the coordinate when the mouse begins an action, of course you al so can be passed dilatory will change positional coordinate value

 

The application of the layer and its fixed position (2)

   2, the property that changes a layer


　 The main attribute of the layer has: ID, size (wide and tall) , the position (include Z-index) , setting, visibility, spill over etc. Among them size and planar position can use a mouse to come true dilatory and simply, other property needs face plate of attribute of have the aid of to define.
 

Graph: The attribute face plate of the layer

ID: The Dreamweaver when the layer is being inserted can name his automatically ID, acquiescent format is LayerX (the extraction of X is worth those who follow a layer to insert ordinal and increase) . To be controlled better when convenient design, proposal proper motion defines this name.

Size: Can pass a mouse the reference point of direct and dilatory layer will change its size, also can input size of broad high definition on attribute face plate.

The position: Choose the control handle of the layer, press mouse Zun Jian is not unlocked, the position of layer of OK and dilatory change, at the same time the positional parameter on attribute face plate can be changed. You also can go up in attribute face plate directly input numerical value will define ever the position. So that consult,the proposal when the position of dilatory definition layer opens setting reseau fixed p osition. (View- - > Gird- - > Show Gird) if need very exact location, OK and dilatory hind numerical value is changed on attribute face plate. Additional, because Netcape has difference to the explanation of the layer, be aimed at NC to be able to choose a label to be commonly soOr. Be elected as the random in deciding these two labels when, you can discover the attribute face plate of the layer increased a few property, the sheet that has an Use among them is chosen by twist, choose Left Top, it is in NC, the LEFT of the layer and TOP photograph to father layer (page or the layer of nest) fixed position of top left corner; Choose Page X, page Y, criterion the layer is based on fixed position of page top left corner, no matter whether the layer is by nest in other layer.

Z-index: The cascade that defined a layer to go up in stereo direction is ordinal, its numeric size decided the order that enclothes each other between the element, for example A layer enclothed B layer originally, but if the Z-index of B layer is worth a change, and heavy rain the Z-index value of A layer, criterion B layer enclothes A layer.

When the layer is added in documentation, dreamweaver meets what found automatically according to the layer define Z-index value orderly early or late, if want to change their cascade order, need to revise Z-index to be worth only can. For example you need a certain forever uppermost face, the Z-index value that you can define it is very great.

Z-index value also can be negative worth. When needing to regard a webpage as setting work of a certain Flash for example, you need to define this Flash work to be setting transparent, in laying the layer that is negative worth in Z-index value next, otherwise the strat osphere that Flash work can be in a page forever.

Setting: The property with form is same, the layer also can install background picture or setting color.

Visibility (Vis) : Of layer and form the biggest different point is it has changeful visibility, the layer can be concealed and show namely, and this attribute is OK of dynamic change. What define on attribute face plate is the initiative condition of visibility only, choose HIDE criterion layer to be for example sightless.

Spill over (Overflow) : Because the size of the layer can be defined, become so how should when the content in the layer exceeds the size of the layer, do? Acquiescent state lower level can increase automatically. But some moment its whole page with add congress to cause a platoon good is out of shape, spill over the processing way that attribute defined this kind of case: Visible, conceal, scroll, automatic. Visible (Isible)---No matter how much the wide tall setting of th e layer is, among them content can be shown come, namely the layer can be maintained big.
Conceal (Hidden)---Abide by the wide tall setting of the layer, the share that exceed will show no longer.
Scroll (Scroll)- - indication scroll, no matter whether content exceeds the size setting of the layer.
Automatic (Auto)---Identify content automatically to whether be exceeded, decide to whether show scroll next

 

The application of the layer and its fixed position (3)

3, absolutely fixed position and relative fixed position


The character of the optional fixed position of the layer gives webpage architect brought very big convenience, but also brought certain trouble at the same time. Why to say so?

Everybody knows, to let a webpage can get used to the resolution that the user installs automatically, in the webpage the people in the process that make used the setting means of per cent, thereby all elements of the page anew composing, assure original format. But if you used a layer on the page, when you can discover when the browser size is changed, the position of the layer does not have a change however, result between it and other elements cooperated to appear amlposition phenomenon, the page becomes desultorily. And we are cannot enforce quite the user uses specific resolution, like thinking method lets the position of the layer also can resemble form only so according to the change of browser size new fixed position, this uses relative fixed position and absolutely fixed position reasonably with respect to need. Absolutely fixed position (Position:aBsolute) : Namely the orientation way with acquiescent layer, begin numerical value of computational fixed position at the brim of browser top left corner absolutely.
Relative fixed position (Position:rElative) : The positional photograph of the layer is installed to a certain element, this element position is changed, criterion the position of the layer is changed accordingly.

Contrast locates two kinds means, discover not hard, the layer that uses relative fixed position just is the way that realizes architect idea truly, master the composing of the layer completely thereby.

So, is absolutely fixed position used? Useful of course, the webpage that becomes you uses a layer to come entirely composing, and the page is the buy of house Zun Fang of use acquiesce, so the composing that the absolutely orientation way of use ac quiesce can go to the lavatory, improve the work efficiency of the design.

In Dreamweaver, although insertion layer is those who use is absolutely (Absolute) orientation way, but insertion kind is different, brought result is different. We had known in front, the layer that use menu inserts is the coordinate that did not locate, procrastinate when your use mouse only after moving this to change its position, ability can keep coordinate cost. And dilatory the initiative position coordinate of the layer that come out is the coordinate when the mouse begins an action.

Make clear a concept please: Gift by Dreanweaver the layer that coordinate is worth is the layer that locates at browser brim absolutely. The layer that does not bring coordinate value is the layer that locates at some element relatively!

So, the simplest setting locates relatively of the layer means is: The position that make choice of inserts a layer (for example a certain unit case or the somewhere in the page) keep cursor in this position, choose Insert next- - > Layer, the layer of a fixed size can be founded in this position, this layer is opposite locate at this position. Need attention, use the layer that this kind of means founds, you can use a mouse to adjust its volume only, can not move absolutely its position! That is to say, on attribute face plate, in the positional column of the layer (Left Top) can not have numerical value absolutely.

Below a lot of circumstances, the position of insertion layer is not certain and exact, especially Dreamweaver is not right place to see namely the software of earning, the composing of the webpage shows in the browser ability can see the show of composing truly only, the method that place of place above face says gives an issue too simple and easily with respect to what show. This moment, you need what the layer locates to consult content, let it accomplish relative fixed position truly.


Consult simply content can be layer of a father, insert the blank layer of a relative fixed position first namely, the layer that you need truly is inserted in the layer here, and this layer is OK of position of optional and dilatory change. But inserted a blank layer more in the webpage after all so, what the webpage stylist that I think to it is not major certainly hopes. We introduce use CSS to realize the layer of real relative fixed position below.
 

We need to install a CSS Class first, the means that will define fixed position is opposite:
.ceng {Position:&Nbsp;relative; }
Next, gift what you need consult content (can be Table, tr, td. . .  ) attribute of a CSS is this kind. Such browsers can be origin with its top left corner, building new coordinate is. Consult in this again of content inferior insert a layer, criterion the layer consults at this absolutely content fixed position, if you need to change the po sition of the layer, you are OK and direct the numerical value that inputs Left Top on the attribute face plate of the layer (can not use a mouse dilatory) , be sure to keep in mind this numeric coordinate origin is the consulting that you appoint content, the brim that is not a browser (when the editor in Dreamweaver, this look as if locate at page brim absolutely, but in the browser, it is absolutely consult at what what you appoint of content) .
 

Use layer of a lot of friends is for when dynamic effect, use time line to let motion of a certain object rise for example, increase a webpage move feeling, can the layer after so relative fixed position still move? The answer is affirmative of course. Because define two positions of the object to need to procrastinate,move this object to change the position, the method that uses simple layer fixed position so is no good, but if you use CSS to install the effect of relative fixed position, can come true completely so. Just need to notice, when the initiative position that defines motion and end position, you still can not use a mouse dilatory, and the numerical value that can input Left and Top by oneself only.

The use of original layer is not very complex, but I regard as it alone however paragraphic, the reason has certain difficulty with respect to the fixed position that is a layer, after hope friends had seen the introduction of ab ove, much in Dreamweaver experimentation a few, appear easily still otherwise of the problem.

OK! Say so much about the use of the layer.

Dreamweaver is convenient skill method

  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. Use Format Table order 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, when so we save a webpage in 贒 Reamweaver later, 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 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> :  
<Script Language="JavaScript "></ Style> ; 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.  

12. 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.

  13. 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 text that also can make shortcut key of below in order to a few clavier will be pitch on uses HTML form: Ctrl-0: Without Ctrl-T of format 　 　 : Ctrl-1 of paragraph 　 　 : Ctrl-2 of 　 of caption 1: Caption 2 Ctrl-3: Ctrl-4 of 　 of 　 of caption 3: Ctrl-5 of 　 of 　 of caption 4: Ctrl-6 of 　 of 　 of caption 5: Caption 6 

14. 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: <Script LANGUAGE="JavaScript "></ Script> Among them in code 3000 express 3 seconds, it is an unit with millisecond.  

15. 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.  

16. 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.

DreamWeaver form magical function - the detailed of line draw a frame round that make is solved (one)

    In DreamWeaver, form is in by more application layout webpage, on fixed position content. Actually besides these " big function " apply, adopt the method of all sorts of flexible, form still can achieve a lot of results that achieve hard commonly in the design, will reveal to everybody below " line draw a frame round " making is a very good example, of course its clever apply far still more than this.


"Line draw a frame round " the boy or girl friend often is seeing in the webpage, for instance a filament, a pane is in etc include. In certain result harmonious in making, "Line draw a frame round " decorating is indispensable. What make us very regretful however is, a lot of mainstream webpage designs did not offer directer and handy line draw a frame round to make a function in the tool. Below this kind of circumstance, use other element to come true to appear secondhand particularly important.


1> crosses a filament make< BR>

Above all, I think everybody should manage here " cross a filament " concept, and very important reflected in " fine " on, this also is we should realize its reason place through form.


The netizen that has contacted webpage design knows, in HTML (exceed text to transmit a language) in, have


--------------------------------------------------------------------------------
mark, this mark is to be used make " horizontal " of the object, so you asked certainly, horizontal be filament? Why to go with form even it?


Really, horizontal be to use the line that make, include banner and vertical stroke the effect, it can come true. But will look with current application, horizontal what cannot achieve our place requirement at all is fineness, also namely the effect of true Height=1pixels.


It is one group passes below horizontal made filament graphic representation:

Among them before two look apparently should many coarse, after that of the face had been in attribute (Properties) board begin moves set height to be of 1 also not be apparently very the requirement that accords with us, and horizontal if wanting to change color, must just can come true in source code, use rising is not very convenient, understood above these, we look how to achieve better result through form.


Click " Object " in face plate " form " icon perhaps chooses menu " Insert " - " Table " , proper in the webpage place inserts tall, wide all be the form object of 1. If pursue

The indication condition Width from " Percent " more instead represents actual bulk " Pixels " , such avoiding that put in the window what when shrinking, cause is unbalanced, OK, use form of mouse make choice of in webpage editor window at the same time, attribute board is as follows:

 

This is the form attribute setting below acquiescent condition, will among them " Border " , "CellPad " , "CellSpace " be worth whole set for 0.


The mouse is nodded for nothing in form interior, at this moment attribute board is already automatic switch installs the window to the attribute of unit case, of will unit case " Bg " set is " gules " (the color that is final filament, can install freely) , at the same time " H " the setting is " 1 " , if pursue

Click an editor the window is left those who go up " Show Code View " pushbutton enters source code window, codeBetween " " take out, can see the effect now.

In addition, you can pass those who adjust form " Width " the length that is worth control filament. Similar method, still can make set upright a filament.

DreamWeaver form magical function - the detailed of line draw a frame round that make is solved (2)

Of 2> filament frame make


Filament frame is a kind of method with commonly used look of one's duty of area of the fixed position in the webpage, cooperate the use of specific picture, often can achieve right result, so how to make filament rim?


Everybody knows, alleged filament frame, a case of 1 simple 1 list is on general exterior, so are we worth the Border of form object directly set is 1 not OK? See the making effect below please:


Insert the form that an one-way sheet lists in emplacement of webpage middle finger likewise, the any place of the casing outside clicking form with the mouse with pitch on it, attribute board lieutenant general " Border " cost set is 1, OK also at the same time will another " CellPad " and " CellSpace " buy 0, if pursue:

Preview the distinct effect graphic representation below condition:

From inside the graphic representation above, see simple frame place not hard effect of 1 short of, we look below, how adopt pair of form " clever " what the setting will realize a requirement is fineness.


Same in above form, will in attribute board, "Border " , " Cellpad " the setting is " 0 " , "Cellspace " the setting is " 1 " , notice " Cellspace " those who point to is the distance volume between unit case and unit case. If pursue

form " Bgcolor " set is " gules " , at the same time of will unit case " Bgcolor " set is with webpage setting color - " white " , if pursue,preview the effect:

To facilitate everybody understands, here author explains a little again below. Among them we will " CellSpace " set is 1, when the setting color of set form, had included this one share undoubtedly. After that the unit case set of the face is apropos it " swing " fell. Facilitated to show the result that go up so, so color of change form context changes the color of frame namely.

DreamWeaver form magical function - the detailed of line draw a frame round that make is solved (3)

3> " thick " of line frame make


Had above the making foundation that introduces filament frame, believe everybody understands thick wire frame much simpler. Thick wire frame is the effect with a kind of particularly thick frame, he often cooperates other webpage element to finish those who specify the result.


Make in filament frame in, we are mentioned pure will " Border " set is 1 short of " refine " requirement, so coarseness should do not have a problem, very good, because of this thick wire frame make had two kinds of methods.


Method one: Use Border to come true


The form that pitch on has inserted, attribute board lieutenant general " Border " cost set is " 8 " (the aleatoric value that can be need width) , at the same time special attention wants " CellSpace " replacement is " 0 " , pass finally " Brdr Color " the color of set frame, still be with red here exemple, if pursue

If pursue,preview the effect:

Method 2: The difference that adopts CellSpace will come true


Give uncecessary details is absent here, when wanting to make filament rim only " CellSpace " also set is " 8 " , can achieve with above identical effect.

4> lies between those who be apart from frame to make


"Lie between be apart from frame " basically use the project list that ranks each columns or channel in the webpage, understand for convenient everybody, the author first make finish graph of the following effect to be revealed to everybody below, following:

The corresponding process that make is below, (be apart from with making 3 casing lie between it is a specification)


Insert in the webpage above all a 3 form object, direct in inserting a process " Border " set is 0, "CellSpace " set is 2, "CellPad " set is 1, if pursue

Attention: Undertake installing here, in be the same as attribute board, be completely equivalent.


The mouse presses Zun Jian to be not put, procrastinate on each unit case move, at the same time pitch on object of 3 unit case. attribute board lieutenant general its " Bgcolor " set is " gules " , notice this color lies between the color that is apart from frame namely.


Lie between the effect that be apart from to come true, should use here " nest form " made. The author tells everybody a few designs first " nest " the note when form, when form is inserted in unit case, best beforehand the fixed position attribute of content of will unit case " Horz " (or so position) reach " Vert " (fluctuation position) respectively set is " Left " and " Top " , the needless trouble that nest table is old hours such avoiding that adjust again, direct and dilatory right next horn can come true. Following

Ordinal object of a form is inserted in 3 unit case, will " Border " , "CellSpace " , "CellPad " whole set is " 0 " , be in at the same time attribute board lieutenant general the setting color of every form all set is with webpage setting color " white " , still having a bit additionally is, will " Width " (wide) and " Height " (tall) all set shows for scale condition falls " 100% " , can make it fills whole and unit case automatically according to size so.


Can preview now examine the effect.


In lying between those who be apart from frame to make, the width that depends on frame with the different point of filament frame 1 it is to pass " CellPad " attribute will come true, is not in front " CellSpace " , here " CellPad " the distance between the border that those who point to is the content in unit case and unit case, what be inserted as content by us in this exemple undoubtedly is 3 another form. So adjust " CellS pace " the span that can change each frame, for instance " 6 " the effect of the unit

Same, you can formulate similar method make what vertical stroke puts lie between be apart from frame.

We analysed the making process of common frame type in a few kinds of webpages meticulously above, principle and adjust a method. The form with parallel effect believes more be helpful for everybody knowing their respective difference, deepen impression thereby, hope everybody can find more frame results according to similar design thinking more of course.  

Dreamweaer uses skill 6

 Help the place of each element in fixed position webpage with TracingImage

TracingImage is a when Dreamweaver2 adds newly very valid function, it allows an user to be done in the design design with webpage former lieutenant general as additional setting. So come, it is very OK to support locate the webpage element such as character, image, form, layer is in conveniently the position in this page. Of TracingImage specific using is such: Use all sorts of plot software to make plan of structure of composing of the webpage in an imagination above all, save this graph next for network image format (include Gif, jpg, jpeg and Png) . Open you with Dreamweaver an editorial webpage, right key is clicked in the clear area of the page, choose "Page Properties. . . .. Bao of  of closely question of  delay Tiao mu say fly Racing Image of Mou instrument 腡 in the plan of webpage composing structure that the input a moment ago established is in the position. It is again in Image Transparen the diaphaneity of set TracingImage, OK. Such you are OK locate conveniently in current webpage the position of each webpage elements. The webpage that used TracingImage won't show setting pattern again when editing with Dreamweaver, but when the as it happens when use browser is browsed contrary TracingImage disappeared, what what see is to pass editorial webpage (can show setting pattern of course) .

　　

About "Convert Table Widths To Pixels" and "Convert Table Widths To Percent "

"Convert Table Widths To Pixels" and "Convert Table Widths To Percent" are two installs form width main functions that Dreamweaver2 adds newly. When you open a webpage that contains form, in condition column midpoint < Table > label, can see these two pushbutton in the face plate of form attribute tool that shows subsequently. "Convert Table Widths To Pixels" of just as its name implies is the width all unit in form expresses with resembling element, and "Convert Table Widths To Percent" is the width all unit in form expresses with per cent. Consider their effect carefully, if indicate the breadth of a form in order to resemble element completely, when Dan Liu sees the window be magnified, form won't magnify subsequently the width of unit case. And after using "Convert Table Widths To Percent" , can make you build 100% wide form to maintain the width of 100% as before below higher resolution below 640*480 resolution. Using these two functions alive so can be webpage composing get twice the result with half the effort.

　　

Conceal needless label

Sightless element was inserted in the webpage when the user when, dreamweaver can add automatically on the page to it corresponding elemental label, in order to facilitate the user chooses sightless element. But this is not a favour completely, for instance you have th e 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 your job. Feel when you 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 will denounce the scratch out before the elemental label of your be disgusted with drop only, it is met with respect to guarantee against after reappear.

　　

Call Style and do not cause disorder of webpage former code to be able to 't bear

The method that calls Style is very much, you can click right key to choose Custon Style to call Style standard, right key also can be clicked to call S tyle 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 standard 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 I suggest the elemental list in using condition pen as far as possible will call Style. Still have a little skill, if you want to use a Style to define all characters in some form unit, should be in only < Td > Style is called to go in label, and do not need to be defined in each < P > label. Notice this method is not used with < Table > label, because be in < Table > the literal format that defines with Style in label is met by Netscape oversight.

　　

Use custom-built window function to check a webpage

In the effect below different resolution I think everybody is willing the we bpage that him work laboriously does is ulterly changed below different resolution, the browsing effect that so test webpage plays in different resolution is a webpage the very important one step in making. And Dreamweaver2 lets uphold easily implementation test, the introduction that in still retaining the 2nd share, bars to condition? To choosing the number among condition column to be able to adjust namely window size, this action must be used frequently.

　　

Software of tripartite FTP need not be used when uploading a website

What the development staff of Macromedia thinks really is considerate, blended in FTP function in the Site module of Dreamweaver2 not only, and this FTP function can say completely is upload for the website and spend a body custom-built! We can do a simple comparison, when you use general FTP software to upload a website, the website catalog that goes up by this locality machine builds list in the server, next each file uploads another. This kind of way is really right, but because every file is not in the website catalog in this locality machine,be called by the webpage (the equipment that keeps when building a webpage for instance divides a file) , the onerous workload that chooses a file so supports him to know only. But the Site of use Dreamweaver2 uploads a webpage to be able to go to the lavatory more, a lot of necessary jobs had to support in the behind the curtain as a result of the FTP function in Site, so the user wants to upload the relevant HTML file inside website map Dreamweaver to be met only automatic will related to this HTML file so file of other this locality uploads along with all the others (be like file of file of image, ZIP, FLASH is all sorts of REAL files even) . The particular way of the FTP function that takes inside use Dreamweaver2 is: The editor has defined the SITE that pass, be in " Site Definition For. . . " choose in face plate " Web Server I nfo " . If the webpage is the word that uploads through FTP means, will " Server Access " set for FTP, the address of Ftp server is added in FTP Host, add in Host Directory publish list remotely, user name is added in Login, adding good Password, OK. Passed the set of above, can press Connect button in Site face plate, after Dreamweaver enters a server successfully repeatedly, connect pushbutton can turn into automatically Disconnect, and be in shine aside a little green light. The HTML that the thing that should do then is wanting to upload namely clicks right key on the file, choose " Put " can. After this HTML file uploads a success, condition the lieutenant general shows Put Depanding File, the file of other this locality that explains Dreamweaver is uploading place of this HTML file to call. Not only such, dreamweaver still can download the file on the server to undertake modification directly, method, want to make tried the Get pushbutton by Put to under stand only.  

5 when Dreamweaver may not understands little skill

Let DW bear Chinese file name

It is the material that names with Chinese, OK also that Dreamweaver can be inserted the webpage that the link names with Chinese. After insert material or linking a webpage switch arrives code window, name of file of will random code the Chinese file name with corresponding instead can.

Define the character with changeless size

Change setting of browser font size, dimension of the font in the webpage also can produce change. If used the CSS style in the webpage to express a technology, won't appear afore-mentioned circumstances. Use shortcut key " Shift+F11 " open a style to express " CSS Style " editor, mouse right key is clicked to carry out in the window " New CSS Style " command, the pattern that builds property of style of written language of a control, name is expressed, add its in the page, can see the change that page text produces. The text font dimension of the definition tries to still can follow a browser when previewing choose font size and change.

Catenary receives two webpages

Exceed a link to be able to connect a page only, if documentation is opened in different frame page, can use " Go To URL " behavior. Open a webpage that has frame, the choice needs to exceed the character of the link or image, choose from inside Behaviors behavior face plate next " Go To URL " behavior. All practicable frame shows in shooting a dialog box of Go To URL, choice among them a framework that we consider to link inputs corresponding URL, choose another frame again next and input another URL can.

The clearance of take out picture and form

The place that should make picture and form are contacted not interspace, go up in form attribute face plate only outside casing line (Border) is set for 0 be no good, still need to go up to establish two property of unit case in the attribute face plate of form for 0(namely Cellspacing="0" and Cellpadding="0") .

Realize a webpage 5 minutes every refresh

Choose on the Insert function face plate of Dreamweaver MX " Head " functional group, click face plate to go up " Refresh " pushbutton, play piece " Insert Refresh " dialog box, be in " Delay " in input with the time interval of second plan, for instance every 5 minutes of refresh, input 300. Go up in this dialog box finally answer anthology " Refresh This Document " refresh is current the window can.

Dreamweaver searchs replaced skill

In the course that builds a website in development, perhaps we can encounter such situation, the website that becomes us had undertaken comparativing one part, discover however still need to undertake modification to certain details. Rely on handiwork completely impossibly to was changed at that time, how to do? Use Dreamwaver to be searched mediumly replace can help implementation these modification.

Of Dreamwaver search replace a function very powerful, search in it in replacing a dialog box, can use even accurate " inquiry language " will control search a process. We are in Dreamwaver v " search a dialog box " shortcut key is " Ctrl+H " , the action that inputs casing individually is: Uppermost " Find " with will point out searched limits, have 3 option, the first is search inside current file, the 2nd points to search in current Site, the 3rd is search in appointing folder, if our pitch on this folder shape pushbutton that is about to click the right side appoints folder; Below " Find " the type that uses a choice to search, if choose " Text " it is to point to search a type to be text () of blame HTML code, other a few ordinal search to be in HTML code, advanced text version is searched, include Tag search; The input of right wants an input to wait for searched content in casing; Below " Replace " point to should replace why content.

Let us lift an example to explain how to be used search a function. In assuming we consider a text text version " Dreamwaver " replace for " Dreamwaver " , if be used only " Text " search, meet<In Title> " Dreamwaver " also replace, we do not hope such. So we were used " advanced Text is searched " , will search a condition (" + " , " - " the content with right button) set for " Inside Tag " and " Font " , means searchs the character inside Font label " Dreamwaver " , replace its next for " Dreamwaver " . Need a specification is to search level option to must be chosen for " Match Case " , must match completely namely search a condition, otherwise the size in the character writes discriminative general by oversight.

After the setting is good, click " Replace All " , search replace a process to begin, replace all is replaced places after ending to be able to show in replacing news list, the little green place before the file expresses to replace a success.

How does that realize those who include Tag to search replace? Assume all pictures in our website were installed " Alt " attribute (only setting pursues and the graph of individual supplementary angle does not install this attribute) , but because do what the picture sets without the attention when the webpage " Border " property value is " 0 " , individual picture is in frame appears when browsing and affected the result that browse, want so all already set " Alt " of the picture of the value " Border " the value is set for " 0 " , and it is impossible to change one by one that in the picture a lot of circumstances issue us, if use Dreamwaver to include those who have Tag to search,replace a function at this moment, solve a problem very can simply.

We first folder of make choice of, set next include inside Img label, have " Alt " attribute and accord with " Alt=any Value " as search a condition, again " Action " set for " Set Attribute " , " Border " , " 0 " , the meaning of this setting is the picture to according with a condition its " Border " attribute is unified set for " 0 " , click " Replace All " pushbutton. Very fast, search replace finished, picture attribute is met by accurate without revise by accident.

What need reminds is when undertaking searching replacing, the document that is handled is in by editorial condition, can appear likely otherwise replace the issue that make mistake.

 

The four fundamental operations of arithmetic of DreamWeaver classical skill

One, of preference resource accumulate

Use DreamWeaver4 to make a webpage can use a lot of element of all sorts of types, for instance colour, picture, pattern plate, script. Use site resource face plate these east east accumulate rise, on site resource base compose builds his preference resource warehouse, wanted us to define our site only, OK in coming to the resource v with use tall frequency to use site document at any time and place. Open resource face plate with shortcut key F11, the element of all sorts of types can increase to corresponding label automatically, for example colour, combinative Shift or Ctrl key choose resource of our commonly used one or more colour, click pushbutton of right AddtoFavorites playing role, in adding this resource preference resource list (if pursue 1) . When application very simple, the choice wants applied section, pull this resource move this area to go up can.

2, fast batch is changed

Revise in the site when exceeding a link, you perhaps can encounter difficult problem, many link is put in great majority file, each breach hard to avoid can make poll painful, at this moment we are used search and replace a function to be able to realize batch to change. Manage in the site implement in executive menu Edit/FindandReplace. . . Command, in shooting the dialog box of Find And Replace that give, choice EntireLocalSite is inside the site search limits, choose SourceCode to search source code, the mistake that the input in text casing searchs on the right side of links an address, click FindAll pushbutton can, can list the document that contains wrong link (if pursue 2) . After affirming, correct link address is inputted in Replace text casing, replaceAll pushbutton is clicked after, whether does clew undertake changing, choice " be " undertake changing can, dot of green of file head line out expresses to change a success.

3, the exact location of webpage element

Design webpage needs to establish each element position accurately, use layer can come true easily. More current method is use form, a form is built in the webpage, width of setting form frame is 0, ask each element according to fixed position park in each form unit, adjust the position of the size of unit case and frame. Although compare general, but more troublesome, need to be adjusted carefully. And the layer can be placed at will in the webpage, this can use reason the layer will have exact fixed position, use method is: Put the element of fixed position in the layer that the page inserts, any positions that put the layer to place to want are OK, and OK still staff guage of have the aid of and reseau locate accurately. Because the layer supports newest browser only, for compatible old browser, we can be its change form, executive menu Modify/LayoutMode/convertlayerstotable commands a layer changeover to be form can. But should notice the layer cannot have jackknife, a nd layer and form are used at the same time in a page, can affect correct fixed position, can get the page imbroglio.

4, make a page richer and stretch

The webpage that make needs to make his webpage follows browser window to size is changed and be changed at any time, make page space is full of browser window, actually most and simple webpage can follow browser window change and automatic extend, but very difficult automatic flexibility adjusted the webpage that uses a lot of complex form and set pattern, can design a meeting easily with DreamWeaver4.0 the stretch page of self-correcting. Open editor page, choose the LayoutView view of tool column, there is a small pull-down arrowhead among the pane upper part that you can see each at this moment, click the arrowhead that wants to install flexibility to show a row to go up, makeColumnAutostretch is chosen to set this in playing the quick menu that go out show for flexibility, play a dialog box inquiry to whether want to use built-in graph file when the meeting when installing a flexibility to show for the first time, namely the blank graph file that control of whether au tomatic fill lists, the proposal had better make his automatic produce to increase the result, express to list broad number to will be replaced by wave line originally so, finish this flexibility to show.

 

With DWMX the navigation that make falls pull menu

Dreamweaver from since going out, its are handy use easily and the function is powerful " behavior " (Behavior) is one of heat that everybody pays close attention to all the time. In DreamweaverMX(DWMX) , had again to this one function augment and improve.

In DWMX, what behavior points to is to answer some incident (Event) and an adopted operation (Action) . Among them the incident that what Event points to is a browser, window refresh, mouse is for instance mobile wait. And what Action points to is the JavaScript code that tiring-room answers incident, can complete corresponding operation, broadcast voice for instance, retroflexion the picture.

With DW MX the navigation that make falls pulling menu is one of specially good effect that often use in the webpage. (In if graph 1) is main,applying DW MX " Show-HideLayers " behavior. Graph 1

Make good navigation above all (graph 1 medium " product center " ) of that one column, add a layer subsequently, regard next pulling as the position that menu will indicate, write the corresponding column of menu.

Next, open " Behaviors " face plate, at the same time pitch on " product center " link (attention, this moment cannot the layer that enough pitch on just has built, cannot apply otherwise " Show-HideLayers " behavior) , click " + " date, choose " Show-HideLayers " , the layer that can see we just had been built is in options, can set perhaps shows to conceal (the 2) that be like a graph. Graph 2
The magical function of behavior basically reflects in: If we want real at present to pull menu, the key lets a mouse move namely " product center " on the link when, make the layer shows; And when the mouse leaves a link, make the layer is concealed. According to this kind of thought, we establish two Action for this layer above all, one chooses Hide, one chooses Show. Next, adjust Event, set the Event of HideLayer for OnMouseOut, leave a link for the mouse namely; And set the Event of ShowLayer for OnMouseOver, it is link of mouse pitch on namely. By " F12 " preview, with respect to the effect that can see we are expected.

Such, it is OK that menu is pulled below the navigation that we feel very mysterious at ordinary times come true in behavior easily. Still can continue to apply on navigation link " SwapImage " behavior, the picture appears to retroflexion when implementation rat punctuation chooses a link the effect.

Behavior is not eac h isolated specially good effect, can combine overlay to realize complex function by many behavior, outside the action that besides DWMX acquiesce has set, we are OK still fromWww.mcromedia.comCarry more up and down more the tripartite behavior of cruel, we need to duplicate them to fall to DreamweaverMX\\Configuration\\Behaviors\\Actions\\ catalog directly only can, make this one glitter of DWMX is nodded thereby more blindfold.