"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.
Wednesday, October 28, 2009
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
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
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,
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
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
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 so
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.
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, code
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.
"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, code
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:
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
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.
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.
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.
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.
Tuesday, October 27, 2009
DreamWeaver lets a webpage " frisky "
DreamWeaver most one of functions of dazzle are OK with Macromedia other familial product collocation is used, produce the result that your expect is less than. With FireWorks collocation is used, dreamWeaver can offer complete function, two-way picture to edit a function, you also can make the animation that makes Flash and Flash button easily inside DreamWeaver.
The picture is moved rise
If you are installed at the same time,have DreamWeaver and FireWorks, the ideal level with these two kinds of tie-in products will make you are profuse in praise. Although you are not professional picture architect, also want to revise picture of a few GIF more or less when designing a webpage lifelike. Actually DreamWeaver can let yourself make an animation, and very simple, will start work!
1. In standard window the choice should have modification picture, be in next " Property Inspector " in the dot is chosen " editor " (Edit) pushbutton. If in the DreamWeaver of your installation with FireWorks, so FireWorks is the editor that DreamWeaver sets a picture beforehand, at this moment the picture can be record in FireWorks automatically. (If look carefully, the picture that can discover FireWorks certainly can appear " Editing From DreamWeaver " such character and design, it is OK to indicate you by undertake the picture edits in DreamWeaver. It is OK to indicate you by undertake the picture edits in DreamWeaver..
2. In FireWorks dot choosing wants editorial picture, choose " Modify Animate " → " Animate Selection " .
3. Finish next " Animate Dialog Box " the set in, the set that the direction with the frame number of animation of make choice of, mobile animation, diaphaneity waits a moment. You also can be nodded anthology " Frames " speed of shift of tool train set, choice " Object " face plate will change set. Should derive the dot wants to choose only when the file " Optimize " tool row, choose in the place of file type " Animated GIF " .
4. After finishing, FireWorks is met derive the picture automatically with maximize set, and update GIF picture automatically, still can be in DreamWeaver show has updated picture come.
5. The dot is chosen " File Preview In Browser " , can preview in the browser so just make finished lovely picture!
&n bsp;Blinked pushbutton
In DreamWeaver, need not Flash also can be made have the Flash pushbutton thing that blinks the effect. The buy inside DreamWeaver4.0 version has thing of several Flash pushbutton, can make the button of a lot of kinds of different forms.
1. The dot is chosen " Insert Interactive Images Flash Button " can see what to have inside buy pushbutton.
2. Can point to the pushbutton form that wants to use with the mouse even inside the dialog box, see the effect in the browser next how.
3. Use the finger of the mouse to choose the pushbutton form that should use, parameter of again ordinal input, for example the character on pushbutton, glyph, color, link, or it is to define file name oneself. Press " OK " .
4. Can have next " SWF " the file arises, in the webpage that can put you automatically. By this makes good file, can see " Property Inspector " (attribute detail) in the attribute that can show a file.
5. Show file attribute when coming, if expand appear in file attribute list " Play " (broadcast) button, those who open a browser to be able to preview pushbutton need not be use after the dot is chosen blink the effect.
Going from place to place character
The Flash pushbutton that increases character of going from place to place to seem to increase to just introduce in the webpage is euqally simple. Identical, need not install Flash software or plug-in unit, the new function that provides with DreamWeaver4.0 can come true easily. Grammar of commonly used HTML writes webpage and the fabricant that do not have experience of interactive type webpage to also can make the written language of going from place to place that makes cabinet Flash form easily. Express according to Macromedia, the person that the network that has 97% is used can watch the webpage that has Flash effect, because this new function is OK,the webpage is to add below the condition that does not add compatibility a few browse on the interactive sex with the reader.
Have one situation only:
The dot is chosen " Insert Interactive Images Flash Text " , fill specific parameter to install again (color of the character that should change the effect for example, glyph, font and font size are waited a moment) OK. (Guangxi horse)
A lot of abecedarian are when the webpage that make, always like to search code of a few JavaScript to the net, among the webpage that inserts them to oneself next, move with what this will enhance a webpage feeling. Actually FrontPageXP itself took effect of trends of a few webpages oneself, want you to apply them neatly only, the result of cruel of favorable balance of trade can be done like. The webpage that lets you is moved commonly like 100 things rise more wonderful.
The picture is moved rise
If you are installed at the same time,have DreamWeaver and FireWorks, the ideal level with these two kinds of tie-in products will make you are profuse in praise. Although you are not professional picture architect, also want to revise picture of a few GIF more or less when designing a webpage lifelike. Actually DreamWeaver can let yourself make an animation, and very simple, will start work!
1. In standard window the choice should have modification picture, be in next " Property Inspector " in the dot is chosen " editor " (Edit) pushbutton. If in the DreamWeaver of your installation with FireWorks, so FireWorks is the editor that DreamWeaver sets a picture beforehand, at this moment the picture can be record in FireWorks automatically. (If look carefully, the picture that can discover FireWorks certainly can appear " Editing From DreamWeaver " such character and design, it is OK to indicate you by undertake the picture edits in DreamWeaver. It is OK to indicate you by undertake the picture edits in DreamWeaver..
2. In FireWorks dot choosing wants editorial picture, choose " Modify Animate " → " Animate Selection " .
3. Finish next " Animate Dialog Box " the set in, the set that the direction with the frame number of animation of make choice of, mobile animation, diaphaneity waits a moment. You also can be nodded anthology " Frames " speed of shift of tool train set, choice " Object " face plate will change set. Should derive the dot wants to choose only when the file " Optimize " tool row, choose in the place of file type " Animated GIF " .
4. After finishing, FireWorks is met derive the picture automatically with maximize set, and update GIF picture automatically, still can be in DreamWeaver show has updated picture come.
5. The dot is chosen " File Preview In Browser " , can preview in the browser so just make finished lovely picture!
&n bsp;Blinked pushbutton
In DreamWeaver, need not Flash also can be made have the Flash pushbutton thing that blinks the effect. The buy inside DreamWeaver4.0 version has thing of several Flash pushbutton, can make the button of a lot of kinds of different forms.
1. The dot is chosen " Insert Interactive Images Flash Button " can see what to have inside buy pushbutton.
2. Can point to the pushbutton form that wants to use with the mouse even inside the dialog box, see the effect in the browser next how.
3. Use the finger of the mouse to choose the pushbutton form that should use, parameter of again ordinal input, for example the character on pushbutton, glyph, color, link, or it is to define file name oneself. Press " OK " .
4. Can have next " SWF " the file arises, in the webpage that can put you automatically. By this makes good file, can see " Property Inspector " (attribute detail) in the attribute that can show a file.
5. Show file attribute when coming, if expand appear in file attribute list " Play " (broadcast) button, those who open a browser to be able to preview pushbutton need not be use after the dot is chosen blink the effect.
Going from place to place character
The Flash pushbutton that increases character of going from place to place to seem to increase to just introduce in the webpage is euqally simple. Identical, need not install Flash software or plug-in unit, the new function that provides with DreamWeaver4.0 can come true easily. Grammar of commonly used HTML writes webpage and the fabricant that do not have experience of interactive type webpage to also can make the written language of going from place to place that makes cabinet Flash form easily. Express according to Macromedia, the person that the network that has 97% is used can watch the webpage that has Flash effect, because this new function is OK,the webpage is to add below the condition that does not add compatibility a few browse on the interactive sex with the reader.
Have one situation only:
The dot is chosen " Insert Interactive Images Flash Text " , fill specific parameter to install again (color of the character that should change the effect for example, glyph, font and font size are waited a moment) OK. (Guangxi horse)
A lot of abecedarian are when the webpage that make, always like to search code of a few JavaScript to the net, among the webpage that inserts them to oneself next, move with what this will enhance a webpage feeling. Actually FrontPageXP itself took effect of trends of a few webpages oneself, want you to apply them neatly only, the result of cruel of favorable balance of trade can be done like. The webpage that lets you is moved commonly like 100 things rise more wonderful.
Achieve float photosphere specially good effect with Dreamweaver
Use Dreamweaver to be able to make a lot of specially good effect, although you won't Javascript is irrespective also, because Dreamweaver provided time axis and action for us two big tools. Use them to be able to make sundry result well, this exemple place does float photosphere specially good effect is a very good example. The concrete move that make is as follows:
The first pace: Prepare a piece of picture to regard setting as the graph, size is 240x180.
The 2nd pace: A Layer1 is built in the page, size and choose background picture are consistent, insert background picture next inside this layer.
The 3rd pace: Build Layer2 of a layer again, the photosphere that this layer floats the consummate that be made. The size of the layer is the size of the ball, positional jackknife is on layer Layer1, the layer attribute of the others all uses acquiescent value.
The 4th pace: Layer2 allowing a layer is moved rise. Reach layer Layer2 daggle time axis, choose in this right key menu next " record method " , with mouse daggle layer then the picture gives to shut with method, this method is the contrail that photosphere moves. Finally in time axis " broadcast automatically " and " circularly " before hit tick off, by F12 key is previewed, see rate appropriate, if dissatisfactory OK adjustment the gross of the frame in time axis or the frame number that every second broadcasts, until accord with a requirement till.
The 5th pace: Accuse those who make animation to broadcast. Open behavior face plate, choose a Layer1, in choosing incident " stopping time axis " , in reelection choose movement " OnMouseOver " , completed event of a group of movements so, namely the mouse moves to stop to broadcast to the animation when layer Layer1; Increase incident of a group of movements again next: Incident is " broadcast time axis " , the movement is " OnMouseOut " , move in the mo use namely when Layer1 giving a layer, animation is broadcasted then.
The 6th pace: Make the layer can procrastinate move. Open behavior face plate, in choosing incident " procrastinate eat a layer " , it is the layer that can be procrastinated to move Layer2 certainly, such layer Layer2 namely photosphere is OK procrastinate arbitrarily in the webpage moved.
The 7th pace: The photosphere that make. Open time axis, choose a frame, in its right key menu is chosen choose " add behavior " , opened behavior face plate at this moment, in choosing incident " change attribute " , appear at this moment " change attribute " dialog box, in " object type " next pulling menu is chosen criterion " Div " namely layer, "Name a target " choice " Layer2 " , "Attribute " choose " Style.filter " , in " new worth " following code inputs in casing: Mask(color=#ffffff) Alpha(opacity=100, style=2)
Here used two filter lens, can produce photosphere result, finally " affirmato ry " .
The 8th pace: Make photosphere becomes angry. Frame of few points key searchs in time axis, set behavioral event according to the method of the 7th pace, the color that the attention changes the Color value of Mask filter lens to like into you is OK.
The first pace: Prepare a piece of picture to regard setting as the graph, size is 240x180.
The 2nd pace: A Layer1 is built in the page, size and choose background picture are consistent, insert background picture next inside this layer.
The 3rd pace: Build Layer2 of a layer again, the photosphere that this layer floats the consummate that be made. The size of the layer is the size of the ball, positional jackknife is on layer Layer1, the layer attribute of the others all uses acquiescent value.
The 4th pace: Layer2 allowing a layer is moved rise. Reach layer Layer2 daggle time axis, choose in this right key menu next " record method " , with mouse daggle layer then the picture gives to shut with method, this method is the contrail that photosphere moves. Finally in time axis " broadcast automatically " and " circularly " before hit tick off, by F12 key is previewed, see rate appropriate, if dissatisfactory OK adjustment the gross of the frame in time axis or the frame number that every second broadcasts, until accord with a requirement till.
The 5th pace: Accuse those who make animation to broadcast. Open behavior face plate, choose a Layer1, in choosing incident " stopping time axis " , in reelection choose movement " OnMouseOver " , completed event of a group of movements so, namely the mouse moves to stop to broadcast to the animation when layer Layer1; Increase incident of a group of movements again next: Incident is " broadcast time axis " , the movement is " OnMouseOut " , move in the mo use namely when Layer1 giving a layer, animation is broadcasted then.
The 6th pace: Make the layer can procrastinate move. Open behavior face plate, in choosing incident " procrastinate eat a layer " , it is the layer that can be procrastinated to move Layer2 certainly, such layer Layer2 namely photosphere is OK procrastinate arbitrarily in the webpage moved.
The 7th pace: The photosphere that make. Open time axis, choose a frame, in its right key menu is chosen choose " add behavior " , opened behavior face plate at this moment, in choosing incident " change attribute " , appear at this moment " change attribute " dialog box, in " object type " next pulling menu is chosen criterion " Div " namely layer, "Name a target " choice " Layer2 " , "Attribute " choose " Style.filter " , in " new worth " following code inputs in casing: Mask(color=#ffffff) Alpha(opacity=100, style=2)
Here used two filter lens, can produce photosphere result, finally " affirmato ry " .
The 8th pace: Make photosphere becomes angry. Frame of few points key searchs in time axis, set behavioral event according to the method of the 7th pace, the color that the attention changes the Color value of Mask filter lens to like into you is OK.
Write the plug-in unit of video order programme below DW
When doing video order programme, the author wants to seek the plug-in unit of a Dreamweaver 3 all the time, period of time was searched to was not found on the net, be forced oneself are written. After the course undertakes serious analysis to DW3 plug-in unit and Realplay player, the author made up one plug-in unit with Javascript, it is normal to after checking for many times, be used, sum up existing writings now, share with everybody.
Plug-in unit composition
Plug-in unit includes 3 shares, introduce as follows respectively:
Realplay.gif: Use Photoshop is made, size is 18 × 18 like element. This image is show in the object face plate of DW3;
Realplay.htm: Have join Dw3 and Javascript interface effect;
Realplay.js: Javascrtipt statement, basically be to come true to write Realplay boy or girl friend to the webpage.
Program code
Realplay.htm source program is as follows:
＜ Html ＞
＜ Head ＞
＜ Title ＞ inserts Realplay ＜ / Title ＞
＜ of ＞ of ＜ Script Src="realplay.js" / Script ＞
＜ / Head ＞
＜ Body ＞
＜ / Body ＞
＜ / Html ＞
Realplay.js source program is as follows:
Function ObjectTag() {
Var BDialogState = Dw.getShowDialogsOnInsert();
Var TheMovie = Dw.doURLEncoding(browseForFileURL());
If ((theMovie=='') &&&& BDialogState) {Return ''; }
If (! TheMovie) TheMovie = '.rm';
Embed Height=240 Name=aa ' + ' Style="BORDER-BOTTOM:& of ＜ of ＞ of Div Align="center" of ＜ of ＞ of Div Align="center" of Return ' ＜Nbsp;#2a8a21 3px Solid; BORDER-LEFT:&Nbsp;#2a8a21 3px Solid; BORDER-RIGHT:&Nbsp;#2a8a21 3px Solid; BORDER-TOP:&＜ of '+ ' of ＞ of Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false " Autostart="false" Controls="controlpanel" of ＜ of ' + ' / ' + ' of ＞ of ＜ Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false" Controls="statusbar" Autostart=true of ' + ' of ＞ of Br of EMBED ＞ ＜
The program above, the Configuration/objects/common that is put below DW3 installation catalog directly can be used.
Plug-in unit composition
Plug-in unit includes 3 shares, introduce as follows respectively:
Realplay.gif: Use Photoshop is made, size is 18 × 18 like element. This image is show in the object face plate of DW3;
Realplay.htm: Have join Dw3 and Javascript interface effect;
Realplay.js: Javascrtipt statement, basically be to come true to write Realplay boy or girl friend to the webpage.
Program code
Realplay.htm source program is as follows:
＜ Html ＞
＜ Head ＞
＜ Title ＞ inserts Realplay ＜ / Title ＞
＜ of ＞ of ＜ Script Src="realplay.js" / Script ＞
＜ / Head ＞
＜ Body ＞
＜ / Body ＞
＜ / Html ＞
Realplay.js source program is as follows:
Function ObjectTag() {
Var BDialogState = Dw.getShowDialogsOnInsert();
Var TheMovie = Dw.doURLEncoding(browseForFileURL());
If ((theMovie=='') &&&& BDialogState) {Return ''; }
If (! TheMovie) TheMovie = '.rm';
Embed Height=240 Name=aa ' + ' Style="BORDER-BOTTOM:& of ＜ of ＞ of Div Align="center" of ＜ of ＞ of Div Align="center" of Return ' ＜Nbsp;#2a8a21 3px Solid; BORDER-LEFT:&Nbsp;#2a8a21 3px Solid; BORDER-RIGHT:&Nbsp;#2a8a21 3px Solid; BORDER-TOP:&＜ of '+ ' of ＞ of Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false " Autostart="false" Controls="controlpanel" of ＜ of ' + ' / ' + ' of ＞ of ＜ Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false" Controls="statusbar" Autostart=true of ' + ' of ＞ of Br of EMBED ＞ ＜
The program above, the Configuration/objects/common that is put below DW3 installation catalog directly can be used.
Update a website with DW4 file library opportunely
The pattern of deputy page frame that there often can be a lot of when we are building a relatively large website even a few small detail elements are identical, but of worry making a person is expend some of setbacks when updating them, the iteration that wants to all over updates the element in each page. We can say good-bye to that times now, because DW introduced " library " this concept. We can use it to come the in updating a website identical element of batch. Come greatly whole page frame, small to a character.
Of the library introduce very not perfect still in DW3, but in DW4 up to is perfect. We let look how to use a library to update a site below:
One, of library file build.
Build library file to have two kinds of methods, it is to editing the make choice of below condition an element, open library face plate next (F11 bolts - the label that chooses the book model that icon flies to break up in the Assets of f lick) press. So DW is met build a file that suffixal name is ＂ .LIB ＂ automatically to read this element this document in the center, can build folder of ＂ of Library of a ＂ in this locality site at the same time. It represented each library file is independent, when we upload this locality site to arrive in long-range server, want to upload this file along with all the others; The 2nd kind of method is to open library face plate, in white file record area clicks right key, the New Library Item in the list that chooses flick (new library project) , build file of a blank library, doubleclick next open have an edition. The first kind of method applies to the library file of the small element such as link of ＼ of text ＼ image to build. The 2nd kind of method applies to what make the library file of length large-scaly to build, below great majority circumstance, of extensive library file building cooperate to use with pattern plate.
2, the application of li brary file and editor.
See next pictures above all,
We built a few simple library documents, include form of ＼ of join ＼ image among them. They can be understood each times to be a single element to insert editor area to use, should procrastinate directly from inside library face plate only it is OK to drag them to reach the place of need. Those who need an attention is, insertion library file locks up calm condition. Their indication means is flaxen. File of a library examines make choice of code, this represented the ＂ of ＊ of ＊ of label ＂ ＊ that you can discover as follows a complete library file, have begin to have an end. You can change the position of label, but do not delete them, in that way word this library file is destroyed and return pure editor condition.
The method that compiles library document has two kinds, it is file of a certain library is doubleclicked to enter editor state in division of record of file of library face plate. 2 it is make choice of file of a library clicks right key to choose Open Library Item in the list of flick (open library project) enter editor state. After our editor is finished and saving library file, the page that is in an editor to using this document below condition can be updated automatically. If other blame edited the page of condition to also use this library document, so DW will be automatic play a draw a frame round of a clew (see a picture 2) ,
Enquire all uses this document pages inside site of whether synchronous newer this locality. This function namely the biggest advantage of library file. After we make the site that finish in uploading folder of library of all file along with long-range server along with all the others, so in join when us the condition of long-range site falls when altering document of a certain library, the similar hint that can get DW (see a picture 3) ,
The inquiry used all pages of this library file in whether synchronous newer entire site. Click Ok key, the file in long-range site got updating, the iteration that does not need little completely replaces each document.
Till here, we are right the makes in order to had a main idea understanding of the library. Use as to the adroitness of this function be about to rely on oneself to start work more. Believe this function can give your site to bring huge newlier to go to the lavatory.
Of the library introduce very not perfect still in DW3, but in DW4 up to is perfect. We let look how to use a library to update a site below:
One, of library file build.
Build library file to have two kinds of methods, it is to editing the make choice of below condition an element, open library face plate next (F11 bolts - the label that chooses the book model that icon flies to break up in the Assets of f lick) press. So DW is met build a file that suffixal name is ＂ .LIB ＂ automatically to read this element this document in the center, can build folder of ＂ of Library of a ＂ in this locality site at the same time. It represented each library file is independent, when we upload this locality site to arrive in long-range server, want to upload this file along with all the others; The 2nd kind of method is to open library face plate, in white file record area clicks right key, the New Library Item in the list that chooses flick (new library project) , build file of a blank library, doubleclick next open have an edition. The first kind of method applies to the library file of the small element such as link of ＼ of text ＼ image to build. The 2nd kind of method applies to what make the library file of length large-scaly to build, below great majority circumstance, of extensive library file building cooperate to use with pattern plate.
2, the application of li brary file and editor.
See next pictures above all,
We built a few simple library documents, include form of ＼ of join ＼ image among them. They can be understood each times to be a single element to insert editor area to use, should procrastinate directly from inside library face plate only it is OK to drag them to reach the place of need. Those who need an attention is, insertion library file locks up calm condition. Their indication means is flaxen. File of a library examines make choice of code, this represented the ＂ of ＊ of ＊ of label ＂ ＊ that you can discover as follows a complete library file, have begin to have an end. You can change the position of label, but do not delete them, in that way word this library file is destroyed and return pure editor condition.
The method that compiles library document has two kinds, it is file of a certain library is doubleclicked to enter editor state in division of record of file of library face plate. 2 it is make choice of file of a library clicks right key to choose Open Library Item in the list of flick (open library project) enter editor state. After our editor is finished and saving library file, the page that is in an editor to using this document below condition can be updated automatically. If other blame edited the page of condition to also use this library document, so DW will be automatic play a draw a frame round of a clew (see a picture 2) ,
Enquire all uses this document pages inside site of whether synchronous newer this locality. This function namely the biggest advantage of library file. After we make the site that finish in uploading folder of library of all file along with long-range server along with all the others, so in join when us the condition of long-range site falls when altering document of a certain library, the similar hint that can get DW (see a picture 3) ,
The inquiry used all pages of this library file in whether synchronous newer entire site. Click Ok key, the file in long-range site got updating, the iteration that does not need little completely replaces each document.
Till here, we are right the makes in order to had a main idea understanding of the library. Use as to the adroitness of this function be about to rely on oneself to start work more. Believe this function can give your site to bring huge newlier to go to the lavatory.
DW form uses experience to talk
These days the card that total somebody sends concerned form issue on BBS
Actually I wrote an article about form last year
The specially good effect that discusses form again today (still basically be that article)
Form plays whether to turn, the result that affects your composing directly and page make career, want to study a variety of issues of DW form thoroughly today.
Experience (one) : Why to say form is close friends than graph layer composing?
Learn the friend of DW at the beginning, prefer composing of the layer that use a figure, its are main the reason is the aleatoric position that graph layer can put the target to you to want to put, and need only procrastinate use a mouse, look very relaxed, but preview with F12 ulterly changed, regretted? Still use form composing. Of the orientation way of the layer and form different, the fixed position kind that the layer takes is dynamic orientation way (bring from <<Dreamweaver3 webpage to design >>) , what its fixed position leans is two parameter Left and Top, of the frame of frame of layer of setting of these two parameter and browser distance, no matter you are to be in the biggest change, still issue him to be in from beginning to end in different resolution a position, and form issues it to will change somewhat in different situation. Graph layer composing should be used again while you use form especially, such effect can make you painful a ll one's life. Is graph layer trashy? Useful of course, do a few specially good effect commonly with it, those who use is good
The homepage that can let you is perfected. This station has the tutorial that layer of graph of a DW applies, have fun at can look.
Experience (2) : How to eliminate the difference of resolution?
This is a setter topic, but total somebody asks. We present webpage is optimal the resolution that browse is 800*600 mostly, but those who not little brother is used is 640*480 or 1024*768, the webpage compatibility that how lets you is better, the width that you want a form only is set for 100% can this definitely this problem.
Experience (3) : Why does my form produce change when preview?
We finish via often can be in preview after form composing, the appearance that discovers form changed, not be some height lengthened, it is width broadened. Appear the reason of this circumstance is, you are in composing when, use mouse protraction or pull form height or length short over- , such DW can join a few wide length code or high code automatically in your webpage code. Because be in the process of composing, often meet such doing, so your webpage code was added a lot of these Gao Hekuan's code, when you are previewed the browser can press these code to show, with respect to conference occurrence table then appearance happening changes. Fortunately DW was offerred for you definitely method, form frame is clicked to come out with the mouse after pressing Ctrl+F3 form attribute face plate, nod attribute face plate (get rid of the Html statement of height of the definition in form) , and it (get rid of the Html statement that width defines in form) you had better be us ed less, with bad meeting outsmart oneself, if has cut picture is used in your webpage, eliminate the gap between the picture right now with it very effective.
Experience (4) : How to make form has stereo effect?
When I just was beginning to learn to do a homepage, to make menu has stereo effect, spent many idea not to get its to solve, become bill of fare finally with the picture. I already knew a few kinds of stereo effects now, share with everybody now, see the effect below first:
I tell you the parameter of these 4 form (did not draw up come do not fill, use system is acquiescent) , you are OK according to need, change appropriately
Change parameter in order to achieve optimal result, you need these parameter only in filling form attribute face plate:
Express A: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express B: Cellpad:0; Cellspace:2; Border:1; Bg:#A7D2ED
Express C: Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express D: Cellpad:0; Cellspace:0; Border:4; Light Brdr:#FFFFFF; Dark Brdr:666666; Bg:#A7D2ED
Express E: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#999999; Dark Brdr:000000; Bg:#A7D2ED
Experience (5) : About a skill of form context picture.
Everybody knows to put background picture in an older table, background picture can repeat fill till whole page. We can use this character of form to reduce the size of the picture in our webpage, for instance a gradual change below pursues, you look resembling is a piece of whole picture, what it uses actually is form context repeats fill character, and used picture is right that piece, size has 1.3k only, if should use the picture of one magnify,be here very not of be to one's profit. If you want to insert horizontal, with this method very effective also.
Experience (6) : Dang Lian deputy Li
Frame of picture form 1PIX has a lot of methods, it is very common method below:
1, a form is inserted in DW editor window.
2, press Ctrl+F3 or click Window | Properties command opens attribute float face plate.
3, choose whole form with the mouse, next settings are like in attribute float face plate: CellSpace:0;Border:0;Bg Color:#000000(
This color can change) according to need.
4, choose division of all form unit with the mouse, set the parameter Bg of attribute float face plate for #ffffff, this color sets the setting hue that is your page to answer to be the same as, if your setting color is yellow, this color also should be yellow, try knew.
Experience (7) : Line of the horizontal stroke in form and perpendicular line brushwork
Tell about below how to draw horizontal line, if horizontal line can be drawn, that sets upright a line with respect to No Promble!
1, a form of a many travel is inserted in DW editor window, open attribute float face plate at the same time
2, select group, in attribute float the setting visit sets the color that wants the line that draw a horizontal stroke for you, this exemple is set for Bg:#000000
3, set this height of unit case in attribute float face plate for 1, h: 1
4, the most crucial one step: Open source code editor, code of "<td Bgcolor="#000000" Height="1"> </td>" in
(blank space accord with) take out, do calm.
Experience (8) : Casing of form dotted line
My website has circle of form dotted line the article of this respect (in article skill column) , my implementation method is below, you can see material effect
Read the effect page of cruel page Ver 4.0.
1, 2 little pictures are made in preexistence Photoshop, the picture size of the dotted line that draw a horizontal stroke is wide 3 elephants element is tall 1 elephant element (file name: 1.gif) , fill element of the first elephant black (if draw black line circle) , when drawing, put the picture with magnifier the biggest, it is OK to be nodded with pencil that, the picture size of the line that draw vertical stroke is wide 1 elephant element is tall 3 elephants element, element of the first elephant fills black (file name: 2.gif) .
2, a 3 form that list 3 are inserted in DW editor window, the first unit case form is amalgamative, incorporate the 3rd unit case again
3, background picture 1.gif is filled through attribute float face plate in group, set the height of unit case for 1 elephant element, be sure to keep in mind to want to carry modification source code this unit division (blank space) take out. Handle the 3rd with same method. Of such dotted line casing above had been drawn with below
4, the 2nd have 3 all right now, two or so use measure respectively 3 insert 2.gif, emphasize again must take out.
Experience (9) : How to make the mouse points to form, does form context become angry?
See the effect of next graphs first, what this uses is form type watch, should achieve this result you need to be joined in <td> code only
Onmouseout="this.style.backgroundColor=''
"Onmouseover="this.style.backgroundColor='#FFcccc'" , exemple: <td
Onmouseout="this.style.backgroundColor='' "
Onmouseover="this.style.backgroundColor='#FFcccc'">, "#ffccc " it is your mouse points to the color that should change to form
, you change a color according to need. An example gives below:
Experience (10) : How to use form to realize the picture in the picture, namely effect of the page in the page?
The composing of the webpage uses form mostly, use to express an unit to be able to embed a webpage, do you know? Such doing have a lot of profit, for instance you differentiate the area that often updates a form is unit, embed in this form unit you want updated content next, newer henceforth homepage needs to upload this only by the page of nest OK, not was necessary to undertake updating to home page, it is very convenient. I write a the simplest exemple filial generation
Code:
<html>
<head>
<title> example </title>
<body>
<table Border="1" Width="100%">
<tr>
<td>
<IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>
</td>
</tr>
</table>
</body>
</html>
The crucial code that inserts page be embeddinged is: <IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>.
Example.htm is the page that is embedded, label <IFRAME> still has parameter of a few practicable to install as follows: Marginwidth: holds Ti of Dang of Yi of wild rice of heart a surname to also sigh caries of Ji of cerebral ち Meng shine Arginwidth="20" of Shu 簃, the unit is Pix, similarly hereinafter. Marginheight: holds caries of be favored with of mother of Lu of ち of throat of ゲ of Xi of Dang of Yi of wild rice of heart a surnameHspace: Cou of of Lin of dusk of male of chasm of administer of balance doubtVspace: Chasm of administer of balance doubt mires Feng CouFrameborder: Hui of neck of the allow that owe Lian carries anxiety?1" to state " is " , fill "0" to state " is denied "Scrolling: Owe thin You to stop?1" of anxiety of Tiao acyl states " is " , fill "0" to state " is denied "
Experience (11) : Should those problems note in use form?
1. whole form is not covered in a form, as far as possible fractionation becomes many form.
The nest administrative levels of 2. form wants as far as possible little, best nest form does not exceed 3.
The structure of 3. onefold form as far as possible orderly.
Actually I wrote an article about form last year
The specially good effect that discusses form again today (still basically be that article)
Form plays whether to turn, the result that affects your composing directly and page make career, want to study a variety of issues of DW form thoroughly today.
Experience (one) : Why to say form is close friends than graph layer composing?
Learn the friend of DW at the beginning, prefer composing of the layer that use a figure, its are main the reason is the aleatoric position that graph layer can put the target to you to want to put, and need only procrastinate use a mouse, look very relaxed, but preview with F12 ulterly changed, regretted? Still use form composing. Of the orientation way of the layer and form different, the fixed position kind that the layer takes is dynamic orientation way (bring from <<Dreamweaver3 webpage to design >>) , what its fixed position leans is two parameter Left and Top, of the frame of frame of layer of setting of these two parameter and browser distance, no matter you are to be in the biggest change, still issue him to be in from beginning to end in different resolution a position, and form issues it to will change somewhat in different situation. Graph layer composing should be used again while you use form especially, such effect can make you painful a ll one's life. Is graph layer trashy? Useful of course, do a few specially good effect commonly with it, those who use is good
The homepage that can let you is perfected. This station has the tutorial that layer of graph of a DW applies, have fun at can look.
Experience (2) : How to eliminate the difference of resolution?
This is a setter topic, but total somebody asks. We present webpage is optimal the resolution that browse is 800*600 mostly, but those who not little brother is used is 640*480 or 1024*768, the webpage compatibility that how lets you is better, the width that you want a form only is set for 100% can this definitely this problem.
Experience (3) : Why does my form produce change when preview?
We finish via often can be in preview after form composing, the appearance that discovers form changed, not be some height lengthened, it is width broadened. Appear the reason of this circumstance is, you are in composing when, use mouse protraction or pull form height or length short over- , such DW can join a few wide length code or high code automatically in your webpage code. Because be in the process of composing, often meet such doing, so your webpage code was added a lot of these Gao Hekuan's code, when you are previewed the browser can press these code to show, with respect to conference occurrence table then appearance happening changes. Fortunately DW was offerred for you definitely method, form frame is clicked to come out with the mouse after pressing Ctrl+F3 form attribute face plate, nod attribute face plate (get rid of the Html statement of height of the definition in form) , and it (get rid of the Html statement that width defines in form) you had better be us ed less, with bad meeting outsmart oneself, if has cut picture is used in your webpage, eliminate the gap between the picture right now with it very effective.
Experience (4) : How to make form has stereo effect?
When I just was beginning to learn to do a homepage, to make menu has stereo effect, spent many idea not to get its to solve, become bill of fare finally with the picture. I already knew a few kinds of stereo effects now, share with everybody now, see the effect below first:
I tell you the parameter of these 4 form (did not draw up come do not fill, use system is acquiescent) , you are OK according to need, change appropriately
Change parameter in order to achieve optimal result, you need these parameter only in filling form attribute face plate:
Express A: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express B: Cellpad:0; Cellspace:2; Border:1; Bg:#A7D2ED
Express C: Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express D: Cellpad:0; Cellspace:0; Border:4; Light Brdr:#FFFFFF; Dark Brdr:666666; Bg:#A7D2ED
Express E: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#999999; Dark Brdr:000000; Bg:#A7D2ED
Experience (5) : About a skill of form context picture.
Everybody knows to put background picture in an older table, background picture can repeat fill till whole page. We can use this character of form to reduce the size of the picture in our webpage, for instance a gradual change below pursues, you look resembling is a piece of whole picture, what it uses actually is form context repeats fill character, and used picture is right that piece, size has 1.3k only, if should use the picture of one magnify,be here very not of be to one's profit. If you want to insert horizontal, with this method very effective also.
Experience (6) : Dang Lian deputy Li
Frame of picture form 1PIX has a lot of methods, it is very common method below:
1, a form is inserted in DW editor window.
2, press Ctrl+F3 or click Window | Properties command opens attribute float face plate.
3, choose whole form with the mouse, next settings are like in attribute float face plate: CellSpace:0;Border:0;Bg Color:#000000(
This color can change) according to need.
4, choose division of all form unit with the mouse, set the parameter Bg of attribute float face plate for #ffffff, this color sets the setting hue that is your page to answer to be the same as, if your setting color is yellow, this color also should be yellow, try knew.
Experience (7) : Line of the horizontal stroke in form and perpendicular line brushwork
Tell about below how to draw horizontal line, if horizontal line can be drawn, that sets upright a line with respect to No Promble!
1, a form of a many travel is inserted in DW editor window, open attribute float face plate at the same time
2, select group, in attribute float the setting visit sets the color that wants the line that draw a horizontal stroke for you, this exemple is set for Bg:#000000
3, set this height of unit case in attribute float face plate for 1, h: 1
4, the most crucial one step: Open source code editor, code of "<td Bgcolor="#000000" Height="1"> </td>" in
(blank space accord with) take out, do calm.
Experience (8) : Casing of form dotted line
My website has circle of form dotted line the article of this respect (in article skill column) , my implementation method is below, you can see material effect
Read the effect page of cruel page Ver 4.0.
1, 2 little pictures are made in preexistence Photoshop, the picture size of the dotted line that draw a horizontal stroke is wide 3 elephants element is tall 1 elephant element (file name: 1.gif) , fill element of the first elephant black (if draw black line circle) , when drawing, put the picture with magnifier the biggest, it is OK to be nodded with pencil that, the picture size of the line that draw vertical stroke is wide 1 elephant element is tall 3 elephants element, element of the first elephant fills black (file name: 2.gif) .
2, a 3 form that list 3 are inserted in DW editor window, the first unit case form is amalgamative, incorporate the 3rd unit case again
3, background picture 1.gif is filled through attribute float face plate in group, set the height of unit case for 1 elephant element, be sure to keep in mind to want to carry modification source code this unit division (blank space) take out. Handle the 3rd with same method. Of such dotted line casing above had been drawn with below
4, the 2nd have 3 all right now, two or so use measure respectively 3 insert 2.gif, emphasize again must take out.
Experience (9) : How to make the mouse points to form, does form context become angry?
See the effect of next graphs first, what this uses is form type watch, should achieve this result you need to be joined in <td> code only
Onmouseout="this.style.backgroundColor=''
"Onmouseover="this.style.backgroundColor='#FFcccc'" , exemple: <td
Onmouseout="this.style.backgroundColor='' "
Onmouseover="this.style.backgroundColor='#FFcccc'">, "#ffccc " it is your mouse points to the color that should change to form
, you change a color according to need. An example gives below:
Experience (10) : How to use form to realize the picture in the picture, namely effect of the page in the page?
The composing of the webpage uses form mostly, use to express an unit to be able to embed a webpage, do you know? Such doing have a lot of profit, for instance you differentiate the area that often updates a form is unit, embed in this form unit you want updated content next, newer henceforth homepage needs to upload this only by the page of nest OK, not was necessary to undertake updating to home page, it is very convenient. I write a the simplest exemple filial generation
Code:
<html>
<head>
<title> example </title>
<body>
<table Border="1" Width="100%">
<tr>
<td>
<IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>
</td>
</tr>
</table>
</body>
</html>
The crucial code that inserts page be embeddinged is: <IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>.
Example.htm is the page that is embedded, label <IFRAME> still has parameter of a few practicable to install as follows: Marginwidth: holds Ti of Dang of Yi of wild rice of heart a surname to also sigh caries of Ji of cerebral ち Meng shine Arginwidth="20" of Shu 簃, the unit is Pix, similarly hereinafter. Marginheight: holds caries of be favored with of mother of Lu of ち of throat of ゲ of Xi of Dang of Yi of wild rice of heart a surnameHspace: Cou of of Lin of dusk of male of chasm of administer of balance doubtVspace: Chasm of administer of balance doubt mires Feng CouFrameborder: Hui of neck of the allow that owe Lian carries anxiety?1" to state " is " , fill "0" to state " is denied "Scrolling: Owe thin You to stop?1" of anxiety of Tiao acyl states " is " , fill "0" to state " is denied "
Experience (11) : Should those problems note in use form?
1. whole form is not covered in a form, as far as possible fractionation becomes many form.
The nest administrative levels of 2. form wants as far as possible little, best nest form does not exceed 3.
The structure of 3. onefold form as far as possible orderly.
Dreamweaver is called to edit a webpage in IE
Did a webpage to often do not avoid to preview, the webpage element position that examines oneself to make has been decorated, the size of font has satisfaction, the picture shows whether correctly wait a moment etc. And when Dreamweaver3.0 is previewed, total meeting arises temporarily file, temporarily the file often also was not deleted automatically, bring not little trouble to the person that does a webpage. (in Dreamweaver4. In such phenomenon is a lot of less) because this author does a webpage to seldom use shortcut key " F12 " preview, install a PWS however (in Win98) or IIS (in Win200) , do an in-house net to check. And window of the switch when the test feels to compare a trouble sometimes, remember to a function that transfers webpage editor option directly is contained in IE.
The editor pushbutton in IE (IE version of the author is the 2nd 6 test version, be English so) :
Below acquiescent circumstance, dreamweaver was not joined automatically " editor " in pushbutton choice menu.
On the network have early report can revise revise register a watch to increase an editor pushbutton, but the safety that registers watch thing to involve whole system and stability, one may bring about big question carelessly. Here the author introduces the method of two simple convenient safety for everybody, solve this problem.
Method one:
Open random a file directory, in the choice in menu column: Tool (Tool)>> folder option (Folder Options) (the system is WIN2000, Ie6.0) . Pursue as follows:
(note: It is in Win98, IE5: Examine >> file directory >> folder option)
Click in playing the window that give " advanced " pushbutton (following graphs)
Playing the window that give to click " editor " pushbutton.
By " browse " pushbutton
Find the list that installs Dreamweaver installation, choose Dreamweaver program document, press affirmatory. Existent let us open IE, will see the list below editor pushbutton again.
Look, was the icon with familiar Dreamweaver shown? Did bright stay? !
If hope Dreamweaver regards the editor of first selection as software, so open browser IE please, choose the following order: Tool >> Internet option. Choose in playing the window that give " program " .
Dreamweaver chooses in HTML editor can.
Method 2:
Still have a kind of simpler idea, that is make choice of file of a Html, press Shift key, nod mouse right key, choose in playing the right key menu that go out " open way " , dreamweaver program document is found in shooting the dialog box that give, choose it to serve as the associated program that is used at opening Hmtl from beginning to end.
Two kinds of methods had checked above, it is normal to move!
The editor pushbutton in IE (IE version of the author is the 2nd 6 test version, be English so) :
Below acquiescent circumstance, dreamweaver was not joined automatically " editor " in pushbutton choice menu.
On the network have early report can revise revise register a watch to increase an editor pushbutton, but the safety that registers watch thing to involve whole system and stability, one may bring about big question carelessly. Here the author introduces the method of two simple convenient safety for everybody, solve this problem.
Method one:
Open random a file directory, in the choice in menu column: Tool (Tool)>> folder option (Folder Options) (the system is WIN2000, Ie6.0) . Pursue as follows:
(note: It is in Win98, IE5: Examine >> file directory >> folder option)
Click in playing the window that give " advanced " pushbutton (following graphs)
Playing the window that give to click " editor " pushbutton.
By " browse " pushbutton
Find the list that installs Dreamweaver installation, choose Dreamweaver program document, press affirmatory. Existent let us open IE, will see the list below editor pushbutton again.
Look, was the icon with familiar Dreamweaver shown? Did bright stay? !
If hope Dreamweaver regards the editor of first selection as software, so open browser IE please, choose the following order: Tool >> Internet option. Choose in playing the window that give " program " .
Dreamweaver chooses in HTML editor can.
Method 2:
Still have a kind of simpler idea, that is make choice of file of a Html, press Shift key, nod mouse right key, choose in playing the right key menu that go out " open way " , dreamweaver program document is found in shooting the dialog box that give, choose it to serve as the associated program that is used at opening Hmtl from beginning to end.
Two kinds of methods had checked above, it is normal to move!
Dreamweaver4.0 him shortcut key DIY
The adroitness of shortcut key is applied, the efficiency that often can make we work gets rising. Was used to DW3 (note: Dreamweaver3.0 abbreviate, similarly hereinafter) the friend of shortcut key, after upgrading to DW4, a lot of shortcut key resemble F8, f7 changed, feel very no-go. Fortunately DW4 thought of this for us, gave ourselves modification limits of authority. We can set the shortcut key of DW4 not only for DW3 plan, still can set for HomeSite plan, have more very person we still can are used to according to our come DIY shortcut key. Say this also is a window of DW4 objectively. How I change the shortcut key plan of DW4 for everybody introduction below, after hoping everybody looks, can him DIY plan of a shortcut key.
One, be familiar with the basic composition of menu.
Will open shortcut key to edit the window first, click menu Edit/Keyboard Shortcuts. . . Hind, come out to i ssue a graph to edit the window, attention: There can be a bit when Keyboard Shortcuts edits the window to come out slow, do not think dead machine.
Current Set option: It offerred the shortcut key program of 4 kinds of solidify, this does not allow you to change. Option is respectively: BBEdit, dreamweaver3, homeSite, macromedia Standard. Among them BBEdit, homeSite, and Dreamweaver3 is webpage design software.
: Copy a shortcut key plan that you choose.
: Name again, change the name of your case, can revise the name from what define program only.
: the shortcut key plan of your set, output a file, can be.txt file, also can be.htm file.
: Delete define program oneself, the plan scarcely that is deleted can be the program that current system is using, can delete the program that defines oneself only likewise.
Command (command) option: Can choose to want to change or set the order of shortcut key. Any commands can install shortcut key for it. Menu Commands (editor window menu commands) : Included all DW4 to edit the command of the window; Site Menu Commands (site management menu commands) : Included all DW4 site to administer the editor order of the window; Code Editing (code edits) : Included pair of code, all commands of the processing of text, be like: Ctrl+c (duplicate) , ctrl+v (stickup) wait; Document Editing (civil should edit) : Basically be a few commands related to the window, it and Site Editing (the site edits) medium major order repeated, this may be a of DW4 small Bug.
Shortcuts (shortcut key) : Show curre nt jussive shortcut key. Can delete current jussive shortcut key with minus sign, if want,increase shortcut key to click plus. Can install many shortcut key for a command. For instance: Duplicate jussive shortcut key is Ctrl+C, still also can install the shortcut key of an Alt+C for it, attention: Want to ensure Alt+C did not point to other command.
Press Key: Input key value. Change is clicked after be defeated (change) pushbutton.
2, let us come him DIY shortcut key plan. Here I install a shortcut key only, wanted to know a method only, everybody is OK do sth following a set pattern. How to set F7 key namely below to open Behavior (behavior) the implementation process that edits the window.
1. clicks menu Edit/Keyboard Shortcuts. . . Come out to edit the window, macromedia Standard chooses in Current Set, also can choose other program according to needing to come of course.
2. is clicked, Come out the following window, the name is inputted in the window, chinese is not supported. As a result of DW4 primitive option solidify, cannot revise, if want to revise,must duplicate first a plan, go up to revise in the foundation of this plan again.
Because 3. wants modification shortcut key to be in Menu Commands, choose Window of choose of Menu Commands reelection first so, behaviors Shift+F3 pitch on.
4.Shortcuts options can appear: Shift+F3, click Change after F7 is inputted in Press Key again.
5. the modification of a shortcut key is very simple, if still want to revise,repeat 3, 4 paces.
6.DW4 still offers the plan you to output file function, you need only click, reintroduce file name, can output the plan of yourself DIY to the file.
One, be familiar with the basic composition of menu.
Will open shortcut key to edit the window first, click menu Edit/Keyboard Shortcuts. . . Hind, come out to i ssue a graph to edit the window, attention: There can be a bit when Keyboard Shortcuts edits the window to come out slow, do not think dead machine.
Current Set option: It offerred the shortcut key program of 4 kinds of solidify, this does not allow you to change. Option is respectively: BBEdit, dreamweaver3, homeSite, macromedia Standard. Among them BBEdit, homeSite, and Dreamweaver3 is webpage design software.
: Copy a shortcut key plan that you choose.
: Name again, change the name of your case, can revise the name from what define program only.
: the shortcut key plan of your set, output a file, can be.txt file, also can be.htm file.
: Delete define program oneself, the plan scarcely that is deleted can be the program that current system is using, can delete the program that defines oneself only likewise.
Command (command) option: Can choose to want to change or set the order of shortcut key. Any commands can install shortcut key for it. Menu Commands (editor window menu commands) : Included all DW4 to edit the command of the window; Site Menu Commands (site management menu commands) : Included all DW4 site to administer the editor order of the window; Code Editing (code edits) : Included pair of code, all commands of the processing of text, be like: Ctrl+c (duplicate) , ctrl+v (stickup) wait; Document Editing (civil should edit) : Basically be a few commands related to the window, it and Site Editing (the site edits) medium major order repeated, this may be a of DW4 small Bug.
Shortcuts (shortcut key) : Show curre nt jussive shortcut key. Can delete current jussive shortcut key with minus sign, if want,increase shortcut key to click plus. Can install many shortcut key for a command. For instance: Duplicate jussive shortcut key is Ctrl+C, still also can install the shortcut key of an Alt+C for it, attention: Want to ensure Alt+C did not point to other command.
Press Key: Input key value. Change is clicked after be defeated (change) pushbutton.
2, let us come him DIY shortcut key plan. Here I install a shortcut key only, wanted to know a method only, everybody is OK do sth following a set pattern. How to set F7 key namely below to open Behavior (behavior) the implementation process that edits the window.
1. clicks menu Edit/Keyboard Shortcuts. . . Come out to edit the window, macromedia Standard chooses in Current Set, also can choose other program according to needing to come of course.
2. is clicked, Come out the following window, the name is inputted in the window, chinese is not supported. As a result of DW4 primitive option solidify, cannot revise, if want to revise,must duplicate first a plan, go up to revise in the foundation of this plan again.
Because 3. wants modification shortcut key to be in Menu Commands, choose Window of choose of Menu Commands reelection first so, behaviors Shift+F3 pitch on.
4.Shortcuts options can appear: Shift+F3, click Change after F7 is inputted in Press Key again.
5. the modification of a shortcut key is very simple, if still want to revise,repeat 3, 4 paces.
6.DW4 still offers the plan you to output file function, you need only click, reintroduce file name, can output the plan of yourself DIY to the file.
Shuang Jian of Fw, Dw adds up to a wall to create bill of fare
The big boss that designs the software that make with the graph - the Photoshop photograph of Adobe company is compared, abbreviation FW4) it may be said is dapper under the Fireworks 4(of Macromedia company, in the meantime, she supports formidably to what webpage graph makes, also make its got the accredit of large quantities of webpage stylist and follow easily. The DW4) of the following abbreviation of swordsman Dreamweaver 4(of another famous in cooperating Macromedia webpage to make 3 swordsman, the terribly in can making nowadays webpage easy to doly plays FW4 popularly a menu (also call next pulling menu) . If you are right DHTML webpage process designing is very not familiar, see code headaches, the person that be inferior to following essay experiences the glamour of FW4 is in personally together!
One, menu is made in FW4
1. Pushbutton of menu of the mother that make
Open FW4, choose the New below File menu, perhaps press Ctrl+N shortcut key, if the graph builds a file, dimension 200X30 resembles element, precision 72 resemble element / inch, setting is transparent.
The Tools below choice Window menu opens tool face plate, choose rectangular tool from tool face plate,
Draw a 100X30 to resemble the rectangle of element size, the Info below choice Window menu opens information face plate, direct input numerical value adjusts dimension and position accurately;
Pitch on this is rectangular, ctrl+C is duplicate, ctrl+V place is stickup, at that time two rectangle overlap, will above this rectangle procrastinates on the side, use fixed position of information face plate likewise;
Part next pitch on these two are rectangular, adjust their fill color and frame color, the method has two kinds, it is the Stroke in the Color tool area that uses tool face plate to go up and Fill pushbutton,
2 it is to choose the Stroke below Window menu and Fill to open line face plate and fill face plate respectively, in the choice on face plate, watchful is a line model should choose "Pencil à 1-Pixel Hard" or "Basic à Hard Line"(is like graph) ,
Fine frame result just can be made after such output; Choose literal tool from tool face plate, input character, the smoothness that notices to choose a written language is No Anti-Alias (shut instead toothed, if pursue) ,
Choose Chinese at the same time next word and among them a rectangle, from inside the Align below Modify menu individual choice Center Vertical and Center Horizontal are opposite neat character and rectangle, the effect is shown like plan institute.
One, menu is made in FW4
1. Pushbutton of menu of the mother that make
Open FW4, choose the New below File menu, perhaps press Ctrl+N shortcut key, if the graph builds a file, dimension 200X30 resembles element, precision 72 resemble element / inch, setting is transparent.
The Tools below choice Window menu opens tool face plate, choose rectangular tool from tool face plate,
Draw a 100X30 to resemble the rectangle of element size, the Info below choice Window menu opens information face plate, direct input numerical value adjusts dimension and position accurately;
Pitch on this is rectangular, ctrl+C is duplicate, ctrl+V place is stickup, at that time two rectangle overlap, will above this rectangle procrastinates on the side, use fixed position of information face plate likewise;
Part next pitch on these two are rectangular, adjust their fill color and frame color, the method has two kinds, it is the Stroke in the Color tool area that uses tool face plate to go up and Fill pushbutton,
2 it is to choose the Stroke below Window menu and Fill to open line face plate and fill face plate respectively, in the choice on face plate, watchful is a line model should choose "Pencil à 1-Pixel Hard" or "Basic à Hard Line"(is like graph) ,
Fine frame result just can be made after such output; Choose literal tool from tool face plate, input character, the smoothness that notices to choose a written language is No Anti-Alias (shut instead toothed, if pursue) ,
Choose Chinese at the same time next word and among them a rectangle, from inside the Align below Modify menu individual choice Center Vertical and Center Horizontal are opposite neat character and rectangle, the effect is shown like plan institute.
Subscribe to:
Posts (Atom)
Posts
