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>Cross a filament make
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
Wednesday, October 7, 2009
Dreamweaver behavior is contacted completely (5)
The pattern of the browser now is dichotomy the world, it is IE a minute, it is NetScape another minute, have in domestic Ie have absolutely rate, the webpage that below this kind of circumstance we design wants only compatible it went, but NetScape is in abroad or a lot of people are used, after all the patriarch that she is a browser. The Check Browser that we can use DW to offer (examination browser) behavior will make our website provides affinity more, what carry a browser according to the client is different the page that will choose to differ, I am asked to slowly below come.
One, understanding Check Browser edits the window
At first view edits the window this to still fear a bit, have a lot of option, did the mechanism that understands this act to need not fear, this action is completed by a group of complex condition statements, make a choice according to the result of judgement, choose between 3 webpages firstly. This behavior can judge two kinds of browsers clearly: Netscape and Ie, not be entirely of these two kinds of browsers does Other Browser processing. Browser of judgement avery kind of can have 3 kinds of option, go To URL (open appoint a file) , go To Alt URL (open another appoint a page) , stay On This Page (stay in this page) . URL and Alt URL are definition Go To URL and the page that Go To Alt URL points to.
2.Check Browser (check a browser) common application
When enabling Check Browser, you should prepare two pages the least, one is the page that can browse normally below IE, one is browsed normally below Netscape. If want to develop the function of this behavior adequately, that has to prepare 3 pages, detect when the webpage the client carries browser kind is not the 3rd page is enabled when IE and Netscape. How to write those option, what not was necessary to tell here is too detailed, because his flexibility is very big, but be necessary to explain the working technological process of this behavior a bit more detailed, by on I say the option of the graph, above all webpage judgement browser is Netscape4.0 Or Later, if be if the page that opens Go To URL to point to, if not be (Otherwise) Netscape4.0 Or Later however the version before it, also open the page that Go To URL appoints; If the webpage judges the word that the browser is Ie4.0 Or Later to stay in current page, if version is lower than Ie4.0 Or Late r, stay in current page likewise; If the browser of webpage judgement is of other (Other Browsers) when, open the page that Go To Alt URL appoints.
Emphasize finally a bit, your Check Browser behavior should be added in page of Stay On This Page.
Dreamweaver behavior is contacted completely (4)
To make the browsing speed of the webpage faster, must replace Gif animation with Flash animation sometimes, but not all person installed its plug-in unit, a good website is solve this problem, give out commonly two kinds of version, flash edition and Html edition, but need ourselves chooses to enter that one version, popularize not all person to know what is Flash as what get online, what is Html, how does this part netizen choose? We can let your him webpage make a choice present that kind of version, see trouble back at home. This is us the main content that this section should interpret -- Check Plugin(checks plug-in unit) .
One, understanding Check Plugin edits the window
Face plate of F8 v Behaviors is pressed in DW editor casing, click choose Check Plugin to appear immediately the following window:
Plugin: The first Select chooses the option of a few kinds of plug-in unit that it offers, have Flash commonly usedly commonly, shockwave, quick Time. And the 2nd is the plug-in unit that direct input did not list the first times, use rarely commonly.
If Found, go To URL: If discover plug-in unit,open current page. Otherwise, go To URL: Should not discover plug-in unit opens current position.
Always Go To First URL If Detection Is Not Possible: This option does not want to choose commonly, it yes if means cannot undertake plug-in unit examination enters the first page.
2, check Plugin (examine plug-in unit) common application
Its applied space is not quite large, the incident that arouses it commonly is OnLoad, so this section introduces the incident of other no longer. Apply me to this or make a simple introduction:
When 1. is using this act, altogether should prepare two pages, one is the page that supports your plug-in unit, another is the page that does not support plug-in unit.
2. clicks the blank part that the page begins with the mouse, otherwise will not OnLoad incident gives you the option.
After 3. joins Check Plugin action, incident (Events) instead OnLoad can.
Behavior of a Check Plugin is offerred only detect a plug-in unit, if ask the webpage examines Flash plug-in unit and Shockwave plug-in unit at the same time, enter different page respectively, how to do? Very simple, need to sum action of a Check Plugin again only, this is DW support, nevertheless you make the page of a version even, of course you still can join more plug-in unit examinations, one when I should remind is, meet those who affect your webpage browse speed in that way.
Dreamweaver behavior is contacted completely (3)
When browsing a free homepage, give opening of a fenestella via often can be being played, a few advertisement or investigation are put to wait a moment inside, such doing draw an attention very easily, often service provider forces this, the person must lower his head below eave! The content of certain page is not too much when having, order to it make a smaller window this is very popular still (formic alliance is used in great quantities come here technology) , ourselves is OK also such DIY window, this is the content of this section- - Open Browser Window (custom-built browser window)
One. Understanding Open Browser Window edits the window
Face plate of F8 v Behaviors is pressed in DW editor casing, click choose Open Browser Window to appear immediately the following window:
RUL To Display: Want to show the way of the file in custom-built window, click Browse. . . Pushbutton will choose route.
Window Width, window Height: What be custom-built window respectively is wide with height, the unit is Pix.
) of Attributes(window attribute, custom-built you are new the interface of the window.
Navigation Toolbar: Navigation tool column; Location Toolbar: Address column; Status Bar: Condition column; Menu Bar: Menu; Scrollbars As Needed: Esize Handles of 籖 of Tiao acyl: Window size is alterable.
Window Name: You are custom-built the name of the window
The common application of 2.Open Browser Window
The event that before saying model I explain a few to want to use first (Events) :
Onload: When object be designationed (webpage, picture, flash plug-in unit) the incident when beginning to lade in the browser sparks.
OnUnload: When the person that use leaves current page incident sparks.
The first application of this section: Open a page to come out a custom-built small window.
Face plate of F8 v Behaviors is pressed after 1. clicks the blank place of the page with the mouse, click choose Open Browser Window, come out to go up plan institute shows editor casing.
2. clicks Browser. . . Pushbutton chooses the file that you should show.
3.Window Width and Window Height fill you respectively of custom-built window wide and tall.
4. fills Attribute again (attribute) option, this can person see can wisdom person see wisdom, choose proper parameter according to specific need. These parameter can be not filled.
5. is in Windows Name: Mu of astounded of punishment encouraging peptide fly model ā of evil spirit of Qian of of to shirk ?
6. if the Events of the indication area of Behaviors editor window is not Onload, movement of your Open Browser Window clicks a left small triangle, choose OnLoad incident, so far this example is finishing.
Attention: The mouse in the first pace must click the blank place of the page, cannot be the blank place in form or other object, do not have Onload incident choice when undertaking the 6th pace is operated otherwise, also can change Onload incident into OnUnload incident, exit current page to play a custom-built window, can put ad in this window (earn a bit advertisement to expend) , such doing should not somebody feels disgusted.
The 2nd application of this section: Click a link to come out a custom-built small window
1. chooses literal target first and become an empty link.
2. clicks a character to link an object with the mouse, the method that uses according to the first again joins action of Open Browser Window. The Events the 6th pace (incident) instead OnClick can
Dreamweaver behavior is contacted completely (2)
The 2nd
Do not know you to had used what stand originally to leave a message thin not, write when you leave a message by when deciding, play immediately come out casing of an acknowledgment message, feel very considerate? That is the subject that I discuss today, Popup Message(plays a message draw a frame round)
One. Understanding Popup Mesage edits the window
Face plate of F8 v Behaviors is pressed in DW editor casing, click choose Popup Message to appear immediately the following window:
This is too simple need not too much utterance introduces, the word that writes you to want hint in blank place is filled by OK!
The common application of 2.Popup Message (namely example)
The event that before saying model I explain a few to want to use first (Events) :
The designation in OnClik webpage when the object is clicked, this incident sparks. Attention: The Zun Jian of the mouse, right be good at OK.
The designation in OnDblClick webpage when the object is doubleclicked, incident sparks, same mouse is controlled be good at effective.
This incident sparks when the object in OnCopy duplicate webpage.
Before OnBeforCut is cut to webpage object, this incident sparks.
Before OnBeforCopy is duplicate to webpage object, this incident sparks.
This movement (Actions) the first example: Click an object to play a message draw a frame round. Click a picture for instance, pushbutton, the link is waited a moment, can play a message draw a frame round, I am told below tell click pushbutton to play a message draw a frame round, do those who decide this one other with respect to do sth following a set pattern. It is measure below:
1. clicks pushbutton object with the mouse, for instance your refer pushbutton or rescript pushbutton.
2. presses F8 (or Window/Behaviors) v Behaviors face plate, click choose Popup Message.
3. edits the blank place of casing to write the information that you should release in Popup Message, click Ok.
The 4. indication in Behaviors face plate area, choose Popup Message action and click a left small triangle, choose Onclick incident, finishing.
5. long-winded one pace, this Onclick incident can change the incident of OnDblClick incident or other.
If the content of certain page thinks a bit clew before others is duplicate, you can choose OnCopy incident to spark Popup Message movement, this is the 2nd example of this movement, achieve this result very simply, the incident instead OnCopy that you require a last model only can. I want to emphasize a bit, this specially good effect is after a few targets are being chosen with the mouse in browsing its, click right be good at " duplicate " the ability when the command is sparked (message casing is played go out twice) , with the Ctrl+C of clavier the command cannot spark this incident. Look so the chance that this incident is sparked is less, can become you to click a mouse with OnBeforCopy incident or OnBeforeCopy incident right be good at when appearing right before be good at menu, can strike hair action.
Dreamweaver behavior is contacted completely (1)
The first
"Left 3 fists, right 3 fists, the neck is twisted, the buttock is twisted. . . . . " , I already warm up is good, are you ready? This section will be warm up before beginning a tutorial, what was being told in the preface is behavior, and the basic composition of behavior. What will tell below is the basic composition in face plate of the behavior in DW3.
Above all, we must come out attune of behavior face plate, the Window->Behaviors in clicking DW3 to edit the window with the mouse (or F8 is pressed in editing the window) , can come out Behaviors float face plate, its appearance if: Graph one
So big face plate of a float, contain is worn inside infinite skill, will look first, it is the pushbutton that joins a movement, click it to be able to appear with the mouse a lot of movements can choose, the option in the black in option is you the action that current target supports, and the option of light color is you the action that current target does not support. Close be next to minus sign function is, delete a behavior, you choose an action in editing the window, in click this minus sign, can delete by the behavior of pitch on.
, menu is pulled below browser option, strictly speaking cannot say it pulls menu to fall, because he did not fall at all,play option. This should be a Bug of DW3, don't have next pulling how should menu choose a browser? (do not see this problem very foolish, but this is my answer netizen's most problem) the small triangle that clicks Events For right, the fluctuation key of reoccupy clavier chooses the browser that you need, choose IE 5.0 commonly, the version of the browser is taller, the incident that he supports is more, can have more originality so.
, their function is to give behavior sort, actually this function is done not have too big use. Be in only many movements are identical sparking when incident, this function just has use. For example: An information is played to hint casing is mixed when hope others enters your homepage open mouth of a fenestella, as a result of the problem of network speed, there is a time difference between two movements, right now you can use this function, to answer a movement to discharge a foreword. This example will explain its implementation method henceforth, need not expend talking around more here.
Will see behavior show a region again, you are current the object will appear to show the area is medium here with the action that reach. What indication area left shows is to spark incident (Events) , right is a movement. See a picture one, be had by the behavioral left of pitch on behavior a hill horn form, it is to choose to spark of incident next pulling menu, is incident a bit much? Not confused, see this tutorial open mist to come loose with respect to meeting cloud when you.
Next sections will tell about Popup Message (play an information clew draw a frame round) .
A few kinds of horizontal filament make a method
One, horizontal law
1. A documentation is built in Dreamweaver, insert horizontal, doubleclick horizontal, v attribute face plate.
2. High H = 0 Pixel is installed on horizontal attribute face plate.
3.Copy this is horizontal, in attribute face plate Shade tick off a dot to drop.
4. Undertake previewing by F12, contrast please below (1) (2) source code and effect.
| (1) Source code: <hr Size="0" Color="#3366FF" Noshade> (2) Source code: <hr Size="0" Color="#3366FF"> |
5. What make two H = 1 Pixels additionally is horizontal, have respectively Shade and do not have Shade.
| (1) Source code: <hr Size="1" Color="#3366FF" Noshade> (2) Source code: <hr Size="1" Color="#3366FF "> |
6. Those who make two H = 2 Pixels is horizontal, define color, have respectively Shade and do not have Shade.
| (1) Source code: <hr Size="2" Color="#3366FF" Noshade> (2) Source code: <hr Size="2" Color="#3366FF"> |
7. Those who make two H = 2 Pixels is horizontal, color is default value, have respectively Shade and do not have Shade.
| (1) Source code: <hr Size="2" Noshade> (2) Source code: <hr Size="2 "> |
Saw a few kinds of above horizontal effects, we discover, set when horizontal high H for " 0 Pixel " and " 1 Pixel " when, no matter horizontal have) of Shade (shadow, it shows the filament that is 1 Pixel in IE browser. Once discovered in forum some netizens are high H setting fraction is numeric, be like: Of 0.1 and so on, in an attempt to achieves the result of the filament of 1 Pixel, substantial, in Dreamweaver webpage editor, attribute face plate cannot set decimal numerical value, but if we are direct,input in source code, attribute face plate admitted, can show decimal numerical value. In the meantime, IE browser is height under 2 Pixel horizontal identifying for 1pixel.
In make horizontal when we were made have Shade and do not have Shade, it is when horizontal height H through comparative discovery when 2 Pixels is the following, shade is not effective, look to the ability when 2 Pixels above only get Shade result.
2, form law
Form often is used at fixed position in webpage design, especially large website, form is great, but the server as a result of them is powerful, rate falls won't slow.
Introduce the another magical function of form here, filament of the level that make.
1. In Dreamweaver, insert the form that an one-way sheet lists, install Border="0" Cellspacing="0" Cellpadding="0" . The backdrop that sets table in attribute face plate next is lubricious.
| (1) Source code: |
2. Duplicate the form above, by Ctrl + Tab key enters source code window, add the system among <td></td> automatically " " delete.
| (2) |
The course previews contrast, discovery is become " " after deleting, form contracted, the setting color of the setting also became the color of horizontal filament. What must notice is, had better be in set when setting color again " " delete, or alter again in designing the window color is some more troublesome.
3, setting law
Setting standard is relative for measure is some more, need has Photoshop and Dreamweaver with the software that arrive,
1. builds the file of size of 1 Pixel of a 1 × by Ctrl + N in Photoshop.
2. adjusts foreground color, the setting becomes the color with need linear make it, press Alt + Delete, fill file.
3. Press shortcut key Ctrl + Alt + Shift + S, save the file for Bg.gif of webpage image file
4. Open Dreamweaver, build a documentation, click thrust form button, insert the form that an one-way sheet lists, the setting is as follows: Border="0" Cellspacing="0" Cellpadding="0" .
5. Make form is in pitch on condition, v attribute face plate, click " Bg " pushbutton inserts background picture " Bg.gif " . Show source code and result below come out, let everybody make quite, the principle that comes true to the effect has more thorough knowledge.
| (1) Source code: |
6. Duplicate the form above, by Ctrl + Tab key enters source code window, add the system among <td></td> automatically " " delete.
| (2) Source code: |
The making likelihood in some webpages at the same time set unit case or the height of form is 1 Pixels, need not set actually.
The site that is you is custom-built color
In Dreamweaver4, you can store the picture of yourself set, link, flash film, color is expressed, pattern plate is waited a moment, constitute the asset of this site, this is Assets face plate! When we define a site, all elements of afore-mentioned types inside this site, will automatic classification shows in Assets face plate. In the meantime, we still can define the element that we like for this site, so that be taken at any time,come out to use.
We click Window now>Assets. Perhaps press F11 key.
Assets face plate appears on screen, the left of face plate 9 pushbutton part the element in your site according to the type classify management, when you click a pushbutton, corresponding name can appear in face plate coping, there are Site and Favoritesg on the side of the name two sheet choose pushbutton. Look how to have something made to order in light of us now oneself color watch.
Let us click color pushbutton above all, at this moment the coping of Assets face plate appeared the model of written characters of Colors, when we choose Site list, we can see which a few color are defined in our site. If you added a few color again to the certain written language inside the site, need not worry, we can click Assets face plate lower (pushbutton of Refresh Site List) comes refresh site, the color of the definition after making shows in Assets face plate.
Assets face plate is custodial the place in your site is colored, make you can repeat use, this greatly went to the lavatory webpage fabricant, the elephant is small 6 do a website, different page uses different color, the hexadecimal value that must not use to write down next uses color originally for this, although was to have modal list, but repeat modification style watch to also be bothered, and modal watch cannot be shown again come, if need not be returned so that move,go modal watch, there was this Assets face plate now, we can check many color, the color that has matched reservation comes down finally, repeat next time use. Return to the subject, the color pitch on that color him lieutenant general that you can show in Assets face plate likes, click next below (pushbutton of Add To Favorites) , appear at this moment casing of a clew, remind you this color will be increased in Favorites list, namely like that you had been chosen, stop by Ok, if be no good, also need not be afraid of, in Favorites list, we still can move it.
The Favorites option of coping of face plate of pitch on Assets. Our switch arrives in Favorites list, this list showed the color that you choose. In this list, it is when you when the color with different useful and different channel, you can be clicked (pushbutton of New Favorites Folder) builds a folder, the color of will different channel is put in different folder.
Click (New Color) pushbutton, a color chooses in appearing in color to express, this color is increased in Favorites face plate.
Choose a color, those who click face plate bottom (Edit) pushbutton, you are appearing in color watch to edit already some color.
The last pushbutton (Remove From Favorites) can move go the color that you do not want.
Good, we need not use the color of the different channel in afraid website now. Open the file of a channel, the character, the picture has woven, in the Favorites of Assetes face plate, the color folder of will corresponding channel is opened, choose the color that you need here, when your pitch on when this color, hexadecimal value gives corresponding facial expression in the window above now, you need to procrastinate only change the color below piece in the text version that wants a change to you, you also can input the hexadecimal value of color in attribute face plate. If you had used Freehand, you can discover the practice in this and Freehand is identical.
Now well those who produce Assets face plate is powerful, the webpage that is you is custom-built library of a color, change the face of your webpage follow one's inclinationsly, the function of Dreamweaver4 is too powerful really, fabricant of too convenient webpage. Still do not drive those who use it to make your job goes more relaxed.
The ad that how makes meeting shift
Complier notes: Article content is Chinese the Dreamweaver 4.0 that changes version, match a graph to be the Dreamweaver 4.0 of English version
Home page of net of the sina on you can see there is an ad that waves to wave in its page, the mouse moves go up, still can turn another conduct propaganda into the picture. This advertisement did not take up the space of the page, it is independently over the page, it is really release advertisement good method. So, this can mobile advertisement be after all how of make it? Below, learn to do step by step with me please, read teaching material, you yourself also can be done.
Make this ad, the Layer(layer in wanting to use Macromedia DreamWeaver) with Timeline(time axis) function, return so that prepare the advertisement picture with two pieces of basic and same size. We are newest already version DreamWeaver4.0 is exemple, the advertisement of the shift that make. If still do not have this software, search to Www.4u2v.com please.
One, open random with DreamWeaver a webpage, blank page also but. Choose in menu " insert Insert " - > " layer Layer " , see the webpage is much mediumer namely a blank Layer1, you also can think he names. Go to smooth punctuation again inside blank Layer1, choice " insert Insert " - > " image Image " , the advertisement that inserts you the first picture, adjust a volume, make layer as far as possible with picture size close, install picture link. Move the layer to the position of rest of animation next.
2, choose in menu column " modification Modify " - > " time axis Timeline " - > " add an object to time axis Add Object To Timeline " . After clicking, shoot a dialog box, tell you only image and layer ability add time axis. The dialog box is pressed after deciding, layer of our pitch on (click a mark or layer border, or the face plate that use a layer chooses, when a layer by pitch on when, layer border can be shown adjust size handle, press mouse Zun Jian to be not put, pull the first channel that presents hurdle of time axis animation, stand on face plate namely write 1, 2, 3 wait a moment " 1 " that, an acquiescent 15 frame animation increased immediately inside time axis. If the graph shows 1 times:
Next, click animation column mark of crucial finally frame, the layer Layer1 in the page in reelection, pull it the knot spot that uses animation, perhaps be in " the attribute face plate of the layer " change a layer " leftL" the position that property bulk will come end frame layer certainly. Right now, showed driven draws position of rest to have one line to end position in the page, this is the athletic contrail of the layer. Want to let a page open time it begins campaign, be in " time axis TimeLine " on face plate " broadcast Autoplay automatically " before dozen tick off, if the graph shows 2 times: By mid on time axis " - > " arrowhead is not put, can preview this directly linear animation, perhaps press F12 key is previewed.
Next, we should undertake a series of beautification work, because this simple sharp movement effect is not beautiful, and advertisement picture also changes without generation. 3, the property that changes time column produces mobile change
(1) in animation the circumstance with mobile changeless distance falls, speed of incognito animation shift. Because we pull a layer to eat time axis face plate,the frame number of initiative moment is acquiescent 15 frame, above preview moment to feel rate is a bit rapid. Want to change rate, we have to change animation gross frame number. Mouse left-hander pitch on " time axis face plate " medium " the first channel " end frame is not put, procrastinate right use the end frame that wants to you, for example 75 frame place, unlock a mouse. Right now, the blank roundlet that ends frame also moves reached point of the 75th frame. Preview by F12, the floating rate of animation slows apparently. But those who want an attention is we just are below the circumstance with the changeless length that maintains animation motion contrail, changed the rate with floating animation, namely the frame number on time axis. If be in the meantime change change is initiative th e position with end frame layer, can produce all sorts of different speed results, the reader is OK oneself try to try.
(2) the motion that produces a curve. The animation that does above is simple sharp movement only, if change curvilinear campaign, beautiful degree greatly strengthened. The mainest in curvilinear motion is the setting of crucial frame.
A. In " column of animation of time axis face plate " on add a crucial frame: You want to add crucial frame point in the first channel that chooses animation column, press Control key to click, immediateness is inserting bit of position to add a crucial frame. Or the mouse is right in attacking the first channel that chooses animation column, you want to add crucial frame point, playing choose inside the quick menu that go out " add crucial frame Add Keyframe " , also can join crucial frame.
B. Mobile layer is in in additive crucial frame: In assure pitch on below the crucial frame that adds later, choose the layer in the page, mobile layer reachs the place that you want. Right now sharp change became a curve. You can add a few crucial frame more, again mobile layer, make the curvilinear shift of generation more smooth. By F12 key is previewed, does curvilinear effect compare the linear result previously a lot of?
C. Eat a layer through procrastinating directly, make way, produce animation. From original insertion after a layer - > pitch on this, maintain this all the time by pitch on condition - > mobile layer arrives animation position of rest - > open bill of fare " modification Modify " - > " time axis Timeline " - > " Record Path Of Layer of method of transcribe layer shift " - > procrastinate on the page eat a layer, establish wanted athletic way - > in animation the end is in loose mouse, inside time axis built an animation fence automatically, and defined frame of certain numerary key.
4, add a mouse to spark attribute, produce the alternant change of advertisement picture
All sorts of attribute that the mouse sparks, can produce all sorts of change. What we should use here is OnMouseout and OnMouseover two attribute.
Open bill of fare " window Windows " - > choose " behavior Behaviors " - > play go out " behavior " the window - > the advertisement picture in pitch on layer - > click " behavior " in the window " + " - > playing choose inside the menu that go out " "
In " exchange image " the advertisement picture that chooses you is browsed to be in method inside the dialog box - > in " exchange image " have in acquiesce of the system in the dialog box " OnMouseout recovers from an illness image " before it is to hit tick off - > press directly " affirmatory " pushbutton
"Behavior " condition window is much mediumer the OnMouseout of respecting is mixed before us OnMouseover two mouses spark incident. Preview by F12, mobile mouse arrives on the picture, is looking picture change? Removed again mouse, restore original photograph again. Alternant behavior completed so simple picture.
5, the detail that thinks finally
- About method length. Hypothesis animation is from go up under, webpage height exceeds one hold, if method is done not have enough long, so the webpage is browsed quickly cannot see the layer animation above until leaving one screen. Should best paint way webpage floor, install column of time axis animation next, make the layer can be moved along the method upgrade that come down slowly.
- How to install a loop to broadcast. DreamWeaver4.0 acquiesce is ceaseless loop, and can be in in DreamWeaver3.0 " time axis " hit in condition column cancel an option. If want to circulate only a certain number of second, the parameter that should edit this behavior comes the frequency that set circulates: In doubleclicking behavior channel the frame that you think to join action, play a behavior window; Click in behavior window " ＋ " , choose in playing a menu " time axis Timeline " , reelection choose " head for Go To Timeline Frame of time axis frame " , shoot a dialog box; In " circular time Loop Times " the input inputs wanted circular time inside the country (acquiescent leave a blank shows ceaseless circulation) . If hope be being broadcasted circularly is not,begin from the first frame, can be in " jump turn Go To Frame of the a fewth frame " the input inputs frame date inside the country (acquiesce is the 1st frame) .
See here, you should the ad that can make a meeting move. Impose practice more, you still can find the careful place of axis of more concerned time, behavior and layer. Www.4u2v.com has more relevant implied meanings, if you have fun at, continue to ramble please.
Make the webpage follows browser extend
In the past we constant by the form of Dreamweaver automatic and adjustable the headache that do unceasingly, can draw form at will to Fontpage and feel envy. But it is now in Dreamweaver4, what all these changes is exceedingly simple.
Dreamweaver4 offerred two kinds of view, layout view and standard view. If you think you can have controlled the form of Dreamweaver, so the job in the standard view that you can be familiar with in you, if you like the picture form function of Fontpage very much, so in layout view you can accomplish this follow one's inclinationsly. And the webpage some share that in this view you still can let you is fixed, and another part is automatic extend, such no matter your browser window is how old, can make your webpage suits the window of the browser, and do not happen be out of shape.
If you had used the another product Fireworks of Macromedia company, you know Fireworks also can make Html file certainly, but the Gif picture that it can produce 1 always also to resemble element, this picture is fill of in order to the blank area of your form, make your form won't be out of shape. Dreamweaver4 also had this function now, it can generate a Gif picture that the name is Spacer automatically to come fill your form, make your form won't produce automatic and adjustable phenomenon.
Realize two functions above, be exceedingly simple in Dreamweaver4. Let us build a new site first, next the form that we draw a 1*3 with familiar form tool, do not run its width. Because, we can make it automatic extend suits browser window (of course you also can be directly in layout view picture form) next, click pushbutton of view of layout of lowermost of object face plate, appear at this moment a dialog box, you need not worry, this is two simple tools in introducing layout view only use etc, press Ok. Our switch arrived layout view.
The form top left corner that sees us now has the Layout Table ticket of a green, it is representing you this form. There are 3 blank shares in label and each indicated width and have a small triangle. In this form, I hope my form leftmost row is secured, and the width that whole form suits a browser. Before Dreamweaver4, this is very difficult. We can set table for the 100% width that will make it suits a browser, but it is quite difficult however that we should want to secure a certain unit case. But partially you want to secure you need to decide the where in form only now, which are you partially consider spread went. What should remember exclusively is, we can let an automatic extend only! !
Here, I decide the blue form me regards extend as the row.
Choose last, click the triangular pushbutton above it, make Column Autostretch chooses in appearing in menu.
Because be a new site, will appear at this moment a dialog box, hint you go to can make extend, dreamweaver needs to place picture of a few Spacer to be in another some of travel. There are 3 options below:
Create A Spacer Image: Picture of Pacer of labial ㄒ post 鰏, this picture is in browser window is to won't be shown come, it just is having the effect of fixed form.
Use An Existing Spacer Image: picture of Pacer of 膕 of Bi closely question.
Don't Use Spacer Images For Autostretch: Shine picture of 胹 Pacer will make spread, the travel of such other will be out of shape.
To the site that has defined, won't appear this dialog box, but you still can use Add Spacer Image to add Spacer picture, we choose the first now. Catalog is deposited in what Spacer picture chooses in playing the window that give, good. The row of the automatic extend that we define already fill our whole documentation window, in the browser, it is met likewise automatic extend in order to get used to the width of whole browser. And two when we remain are secured by the fill of Spacer picture, in the browser they also will maintain same width.
You can see line of a wave is on this travel, it represented the kind of extend. The width when this form is done so is 400, but because installed automatic extend,list now, a that of blue automatic enlarge, cram whole documentation window.
With Dreamweaver implementation overflows smallpox rain effect
Below the sky of baby blue, leaf waves along with wind, slowly drift in screen. You must say this kind of effect can come true with FLASH. It is OK also to use DREAMWEAVER actually very relaxed implementation!
The first selection that Dreamweaver can exceed Frontpage and makes webpage stylist designs a tool, be opposite at it the powerful design function of DHTML, the result that says above, a kind be DHTML actually. But use Dreamweaver, you need not write lengthy code, in the window of DW a few procrastinate put, can do easily calm.
uses Firework above all or a kind software makes Imageready the picture comes to the GIF leaf that makes a few trends. It is example with ImageReady3.0. Build a file by Ctrl+N, size 100*100 is controlled, setting color but the set of setting proper motion according to the webpage. Build by Ctrl + Shift + N, name Flower1, with tool of draw the outline of (Polygonal Lasso Tool) , draw the outline of gives a petaline appearance, if pursue,1 is shown. Set foreground scene next for pink (color code is: FF99FF) , press fill of Edit / Fill, press right key on the Flower1 of level edition next, choose Layer Style / Stroke, if pursue,2 are shown. Playing the choice colorific place in the Stroke face plate that go out to choose to compare a moment ago pink slightly deep color, (Color code is: C764B4) , size chooses to be 1, such leaf by draw edge, look a few truer. A such leaf are made finished.
Graph 1
Graph 2
We let leaf move below rise. Duplicate Flower1, right key is pressed on the layer, choose Duplicate Layer. Entitle Flower2. Open the animation face plate of Imageready, mode of operation is: Window / Show Animation, if pursue,appear the animation face plate of 3. Press most below a penult presses button, build case of an animation film. Return and pitch on the position of division of the first film, conceal in layer of Flower2 of admiral of layer face plate. Mode of operation is that eye before clicking a layer, if pursue,4 are shown.
Graph 3
Graph 4
is next on animation face plate, pitch on the position of division of the 2nd film, return a face plate, indication Flower2 layer, conceal Flower layer. Next layer of pitch on Flower2, press Ctel + T, at this moment leaf is in free commutation condition, can control fluctuation shift to change petaline form with the mouse. If pursue,5 are shown.
Graph 5
The leaf of the Flower2 layer that shows place of division of the 2nd film makes little change with free commutation. The method that tells about above reoccupy next, build division of the 3rd film and Flower3 layer, reoccupy freedom commutation makes a few little change, ordinal and OK do 6 or so, those who notice division of the last film and division of the first film is successional. Opposite graph layer can show only in each film division, the graph layer of the others should be concealed.
After finishs, in animation face plate, press Ctrl key, all film division all pitch on, choose the time interval between each film division by right key in the place of 0 Sec next, the proposal does not exceed 0.1 seconds. A such petaline animation were finished. The playing key that can go up by animation face plate (that triangle) the animation that will watch you to do is petaline. Leaf is irregular in place commutation moves, do a few magnify by afore-mentioned method, in 100*100px, 90*90px left and right sides, use at the leaf of vicinity; Also do a few pieces small, in 60*60px left and right sides, use at the leaf of far. An animation can have been done in Imageready, use next retroflexion function (EDIT / Transform / ) , make a picture different of angle retroflexion, those who appear is the change of different point of view, when doing final result so, can avoid petaline oneness.
opens Dreamweaver, build documentation of a Html by Ctrl + N. Press Insert / Layer next, insert layer of a graph, entitle " Flower1 " , insert Image is pressed in graph layer, one of inserting those a few pictures that we a moment ago made, become the size of graph layer and the size of the picture is same, click pitch on this graph layer (the graph must be after pitch on the likelihood ability of 6 is pitch on graph layer) , decide layer of pitch on graph and not be a picture, choose Modify / Timeline / Add Object To Timeline next, right now this graph layer can add the line when waiting, the circle of two hollow full stop appearance can appear on the line when waiting at that time, rise with linear join, two circle express is crucial film division, decided the contrail of petaline shift. If pursue,7 are shown.
Graph 6
Graph 7
The red line in the line when waiting certainly is in the position of the first case, be in next of Dreamweaver advocate the layer that use a figure procrastinates to arrive in face plate top right corner, this one pace is to affirm leaf waves falling start. Press the last case of the Flower1 layer in the line when waiting the position of the 60th case again, decide that red line is in next the position of the 60th case, those who return DW face plate to pull Flower1 graph layer screen is left next horn, this one measure is to decide the picture waves falling terminus. When the attention decides start and terminus, must see the position of clear red line, the position of red line represented you current redo the operation of division of the a fewth film. Beginning film division and terminal film division must be crucial film division. Next the Autoplay of pitch on upper part and Loop, if the graph is shown 8 times, means moves automatically and move c ircularly. At that time you can be previewed by F12, you can have seen petaline edge was moving point-blank.
Graph 8
We let petaline motion appear a bit downier below , random criterion a bit. In face plate of the line when waiting, click in the place of division of the 15th film, affirm the red line in the line when waiting is in the position of the 15th case, press right key, choose Add Keyfreme, if the graph is shown 9 times, at this moment advocate the position that the graph layer of face plate can move automatically to should go to the 15th case, pull the layer that use a figure to reach other places (can procrastinate arbitrarily move, depend on you want to let this leaf how move) , this one pace is to affirm this graph layer moves division of the 15th film when where should be. Move red line to repeat the act above to the position of the 30th case, the 45th case next, preview by F12 again, right now leaf shows irregular shift. Remind again, insert the line when waiting must be graph layer is not a picture, otherwise leaf will not move.
Graph 9
according to the practice above, we add layer of a graph again, an a bit little picture is inserted in graph layer, repeat the act above, the contrail that is graph layer shift only can be changed, when needing standard of a certain crucial shadow in changing an edge to be elected only, graph layer is in advocate the position of face plate is OK. Analogize of in proper order, increase the likelihood of Flower10 layer above commonly, just have the effect of full smallpox rain.
The site in shallow analyse DW4 manages
Brief introduction of Check In/Out function: Manage technically in the light of much user and this function is set beforehand. namely much user uses much account to manage same site. The powerful point of this function depends on, when much person lands a site to undertake synchronism is updated at the same time, place of user of the other side appoints revised content to will be locked up to decide, other user cannot change this part content. In the meantime, this function cooperates Design Notes (the design takes notes) use can give other user in order to remind, demonstrate " I am using some document or revise, do not want do sth without authorization to alter please " . Can say, in introducing this function to manage at the site when DW hind, make its function gets very big promotion, do not let Frontpage only the United States and before.
Brief specification: The far end that offers as a result of place of great majority website site management is give priority to with FTP function, be in so this piece in it is with FTP function exemple undertake analytic demonstrative.
Progressively analysis:
The first pace: Choice Site - Open Site opens a site. Doubleclick in Site option next, DW can give Site Definition For from move (site name) - the site defines a dialog box. Choose the 2nd Remote Info - far end information, in Access - there are 4 accessary options in data list, choose the 2nd FTP, open FTP to manage setting face plate remotely to undertake installing. Read next graphs and note:
Graph 1
Annotate: Will see on half share above all. Among them FTP Host namely FTP lands an address; Host Directory namely long-range folder. Here you can appoint to be used on the list that carries a file. If be to upload a catalog to fall directly, knock " ／ " can; Login namely user name; Password lands a password remotely namely; Although Use Passive FTP uses passive FTP function; Use Firewall is use firewall. This one part is a few necessary settings that become to land place remotely.
Will see below half share now. Itself Check In/Out is a deputy option, because single person control stand is when the dot,use those who be less than this function. Should tick off above all choose it, ability can see the content below.
Among them Check Out Files When Opening hints namely we " open when checking a file " , here " open " content points to the Check Out Name below namely (name of the person that examine) and Email Address (the mailing address of scrutator) . Its action depends on, use when many user lands long-range site to undertake administrative at the same time indicate respective capacity.
The 2nd pace: Finish after relevant setting, key of the OK below the dot returns site government position, let us observe, finish the site after the setting manages implement produced what change. See figure below reach annotate:
Graph 2
Graph 3
Annotate: Graph 2 those who reveal is management of site of this locality when doing long-range management to install implement condition. What the graph reveals 3 times is to manage a setting remotely to had been finished await join the condition of long-range server. In the meantime, after our discovery should install Check In/Out function, two went out to be contained respectively with respect to how in condition column " check the number " and " cylinder " the icon of the label. Among them, contain " check the number " icon represents Check Out function namely. "Cylinder " lead a list namely Check In function.
The 3rd pace: Here, so after all what kind of result can Check In/Out function produce in control stand point process? Let us have a look now in join after long-range server, use the effect when they undertake long-range file manages and function. See figure below reach annotate:
Graph 4
Graph 5
Graph 6
Annotate: Above all we should receive long-range site repeatedly. After join, choose a few files to press test and verify, the same document in long-range site and this locality site will be synchronous at that time be gotten on by draw the outline of " check the number " (see the graph is shown 4 times) . It is being represented " I am altering these documents, your boy fastens move " . "Check the number " will show different color in the light of different controller. The document that contains number of green check the number is being represented by " me " oneself are undertaking modification to its, the color that it shows in this locality and long-range site is same. The check the number that shows when other controller see these documents labels color is red. Reminding them these files are in namely by " others " revise. Show us to just be in at the same time in this locality and lieutenant general of long-range site window at th is moment " Remote Info - Check In/Out - Checked Out Name " in the name of user of the person that examine that installs. Long-range site will be automatic at the same time build a few documents that are registered together the name is same, but suffixal name is " .LCK " the file of the format (see a picture 5 show) , the individual information of the person that it is recording test and verify, representing the long-range file that the lock decides, be in in order to prevent " I " the other controllers when altering these documents also revise them. Itself just has the effect of a caution, other controller are likewise OK the modification of rigid is long-range file, it is OK to should delete them only. Alter the document when us finish, save and upload after enclothing long-range file, these suffixal names are " .LCK " the file is met automatic be deleted.
Same, choose a few files to press again register, at this moment in this locality site file general by " cylinder " the lock is decided (if pursue 6) . And the file attribute of this locality file also is changed subsequently for read-only file, that is to say " I " alter these documents without attributive. But these files are freedom is in in long-range site, do not produce any change. The function that register basically is to use precaution we are in online the wrong will not need to revise document when a few documents are being altered below condition undertook altering, because synchronism replaces this locality and long-range document, so want the will other does not need to revise files when we are altering a document to be registered only, what can avoid to similar mistake arises and make the job goes is trival. When our need unlock they make when revising, want only again pitch on these files press " Chech In " can, if be pure solu tion lock, need to manage in this locality site only implement in right key dot chooses a file, choose in the menu list of flick " Turn Off Read Only (shut read-only attribute) " the file was freed.
Through above 3 paces are analysed, believe you to be passed in order to be opposite " the ／ that register is checked " undertake many user management had a relatively clear knowledge. Let us sum up their concept now:
Check In (register): Do in the light of carry of file of this locality site only. The file that avoids to be revised to needing to undertake does any altering.
Check Out (test and verify): Synchronous carry is done at this locality and long-range site. In hinting certain file is revising other website controller, do not want redo to revise please.
Hope you can make full use of finally and develop the powerful dominant position of this function, manage your site sleekly.
Use Dreamweaver plug-in unit to change IE browser to roll
Do a webpage, often feel the scroll of IE browser the webpage with the design is abhorrent, resemble well one boiler soup, like dropping mice excrement not carefully to go in, what affected webpage whole badly is beautiful. Consider reason of method place to go, fare badly however, use for instance play a window, be unavoidable to cause browse the trouble that clicks enlarge pushbutton, scroll take out, but it is unwell,use the webpage that Yu Yibing cannot show.
Good now, such problem had gotten settlement from certain level! Let the Microsoft that the person is fed up with, do the Microsoft of many rig businesses, still consider to enhance the function of software from client direction, 5.5 above version has allowed IE browser watch of people setting style will change scroll the exterior. The effect sees in light of
We look now step by step is how produce this kind of result:
Had said before the principle, embedded inside IE5.5 above version namely express with the style (Css) the move about that will control it function, want to add CSS code to be able to be finished for the webpage only. Some people hear code to headache, everybody is at ease, somebody has used the patulous interface of Dreamweaver to had become MXP plug-in unit, everybody should download installation about the website only. The time that we make just chooses color numerical value.
% ￥ of ＊ ＆ ＾ ＠ ＃ , wow, who throws broadleaf plant skin?
*&^&$^%&%&$$# , wow, who breaks stone?
. . .
good good, gibberish says less, want a word to count because of the company only, be forced. . . Hope everybody shows sympathy show sympathy! What do not want to look is OK and direct go effect page, direct Copy source code!
Gibberish says less, let me come now without preamble (Xi Xi, still without preamble! ! ) , begin by installation.
V plug-in unit manages implement - Manage Extensions, open a method: Command- - > Manage Extensions
The interface pursues as follows:
Click pushbutton, plug-in unit chooses in the catalog that deposits plug-in unit, doubleclick a file, when occurrence clew window, press OK can. Shut Dreamweaver, start afresh. Open kit by shortcut key Ctrl + F2, can see Common many lis a triangle up icon (place of arrowhead laying a plan is shown) .
Click icon, set needs to roll by the individual in playing a window all sorts of color values.
The annotate that pursues on:
1, roll the color of a surface
2, roll a high smooth point (as contrary as shadow part just in time) color
3, roll the color of a shadow
4, move about 3D (stereo feeling) color
5, roll a fluctuation pushbutton the color of the triangle intermediate
6, scroll color (brother, you how appellation? At the back of slip diamonds the color of the object)
7, roll a black shadow color
Still be the picture explanatory note that Jiashangyi finds on website of Zhang Cong's foreigner
Preview by F12, discover the effect has been finished.
The effect one:
The effect 2:
Ah, be very simple?
Ah! ! ! . . . (Read aloud falling tone please! (Read aloud falling tone please!!
(everybody looks for sound to look, small make up TNT to had lain in caboodle of broadleaf plant skin! )
Click here to go effect page
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 giveClick " 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 " .
InDreamweaver 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!
Dreamweaver 4.0 adds a function newly to be contacted completely
MacroMedia company released Dreamweaver 4.0 on November 13, 2000, its occurrence swings the competitor of Dreamweaver at the back far, sit firmly the head of software of visible webpage editor an ancient folding chair, serve as Dreamweaver 3.0 upgrade the leap that product Dreamweaver 4.0 did not pledge, it maintained the interfacial style of Dreamweaver3.0 basically, what differ exclusively is much face plate of a few float, if not quite attentive word still believes,be Dreamweaver3.0, what Xin Dongdong does Dreamweaver4.0 have after all? Let me introduce Dreamweaver4.0 to add a function newly in detail.
One. Integrated text code editor
The biggest discomfort of software of visible webpage editor is opposite very hard namely source code has an edition, more never mention it Javascript! Do not cross DW4 (the logogram of Dreamweaver 4.0, similarly hereinafter) will make you handle code to become unusually rel axed. The new function with this built-in text code main editor is: Indent of apply the brake (can choose indent of much advancing travel) , return what can have a sign to detect, if writing code to forget " </body> " , it will give out clew. In the tool the watch falls mediumly pull menu in can listed current wire side all define Javascript function oneself, can make you free in webpage former code jump turn, "Tool of primitive code navigation " can let professional personage handle Javascript function conveniently, javascript code is inputted in text code editor, the system will show with different color.
2. At the same time indication code edits casing and layout casing
To enhance source code editor and visible function, can be the same as the ground at the same time in DW4, be in same a code of the editor in the window and visible design, this improved the efficiency that the webpage designs greatly. It is neverth eless in DW4 can be editor state branch two kinds, one kind is condition of source code editor, another kind is visible editor condition. These two kinds want only you are revised to was being done one kind among them, it can be mirrorred to another kind immediately. And switch need not fall in two kinds of condition. You can join these two kinds of state in a window, also can not put them in a window of course.
3.Javascript editor
Its main function has: Function of phase program code, skip over, jump turn, the breakpoint in set and the variable that want observation. Can make your webpage OK when carry out along with all the others debug, javascript editor is attached most importance to especially to professional stylist should.
4. 內 builds O'Reilly 參 to take an examination of hand 冊
Macromedia Danny Goodman " dynamic HTML: Authoritative reference manual " the complete HTML in the book , CSS and JavaScript reference manual embed directly in DW4, this makes handwritten code and visible editorial job become more go to the lavatory and comfortable. The reference manual that this buy enters can help the study code with primary more convenient developer or easier acquisition pertinent information. For example, development staff can be in the code of themselves Gao Liang a label, click a pushbutton, the reference material about this label - - include attribute and browser compatibility to be met show in the window of O'Reilly come. Built-in O'Reilly reference manual will be a breakthrough of DW4.
5. The editor is not HTML file
Built-in text editor, besides can edit Html, it still can edit Html of a few blame, for instance JavaScript, XML or other any simple text, can edit directly below condition of former code editor.
6. Exceed function of strong page composing
The composing of webpage object has two kinds of kind commonly: Form, graph layer, these two kinds of methods have actor drawback each, the Layout View technology of DW4 rises both advantage union easily, everybody can put a person's mind to use, with the webpage that this function writes, any browsers are compatible, see your trouble back at home. Way of two kinds of visible editors was offerred in DW4, one is the old printed sheet that all of us also been beening familiar with, another is brand-new layout composing means. It put forward brand-new page composing concept, it can make you relaxed ground daggle gives complex transparent form (in DW3 this is very difficult) , and do not have redundant code absolutely, this is the consistent style of MacroMedia.
Character of 7.Macromedia Flash and press 鈕
Flash animation all along lets a person of take delight in talking about is a file small, effect club, and can do not lack fidelity shrinking to put as window size, these want Gui Gongwu to use the good point that vector pursues. This new function of use DW4, it is OK also to calculate you to won't use Flash the written language that inserts Flash animation format directly in DW or pushbutton, it is OK to should input a character simply only, compared with character of traditional latticedot matrix graph or pushbutton, file smaller, effect is more beautiful. Nevertheless very regrettablly is, at present Flash character and pushbutton still do not support Chinese, I believe this problem is in before long can get settlement in the future, macromedia can abandon this Chinese huge market how.
8. Two-way plot edits
After everybody knows to break up a graph to save in Firework, can use DW " insert Firework Html " object general graph, html, javaScript is inserted along with all the others, further, the form that chooses Firework in DW presses editor, can start Firework immediately and open former Png file editor, this is very convenient, but what DW4 combines Firework and Dreamweaver is more close together, the picture edits to need not be saved in Firework, need to be pressed only " Return Dreamweaver " pushbutton, OK immediately switch goes in DW, and all modification had been saved, also can be of course in DW conveniently switch arrives Firework.
9. 資 source control
Make a website often can use many document, often feel easy to lose promiscuous how to know to manage? New resource management face plate rose the content of whole website centrally, can be previewed and manage all figures, color, exterior URL, script, flash, shockwave, quicktime, css. If set a certain target,be " Favorite " (love most) , then you can cross a website to use these targets.
10. Integrated SourceSafe and WebDAV
DW4 is integrated now know clearly Microsoft Visual SourceSafe, this is an advanc ed version control software, the standard that develop a group largely to be able to regard Html as to carry DW so develops a tool, in addition, the website window of DW4 also can manage system or network server collocation with the content that supports WebDAV agreement. WebDAV is the standard that W3c establishs, windows IIS 5 or Apache support this level.
11. Website report
Website report can help you find out the general and common problem in the webpage, let your fast correction. For example: OK and a few more amalgamative the <font> label of nest, empty label is waited a moment, the website that this function can define to you makes a comprehensive inspection, it lists all pages that have a problem let you revise, this function is very considerate.
12. 內 builds Email
It is easier that 內 builds the function of Email to be able to let you the ground, more the member with apace a nd website development medium group is communicated, be taken out by a certain person when a certain file when the editor, want to press his name can send Email inform him only. The Email that oneself had defined in wanting every 個 person to define the working flow of the dialog box in the website only can.
13. Compositive Macromedia Exchange
The main function of Macromedia Exchange is: Download the plug-in unit that offers by DW government, this function is done not have in DW3, need installs a patch. And in DW4 already Macromedia Exchange compositive, it is convenient very.
Summary
Still be that word of article begin, of DW4 rolling out is not qualitative leap, but there is no lack of a few can encircle the window that can light, I summed up the following and everybody to share:
1.DW4 organic ground makes the webpage " 3 swordsman " (Dreamweaver, flash, firework) union rises, make bet ween them cooperate more harmonious, especially integrated a few functions of Flash, although very few but very practical.
This DW4 raised 2. the function of group development respect, it is important that this do a website to open hair blame to be to big network company, I special appreciation its built-in Email function, a software can be accomplished so fine, really commendable.
3. is the weak sports of DW3 all the time to the processing of source code, the occurrence of DW4 raised it to handle the ability of source code greatly, its main watch is right now of Javascript debug, those who do is very professional, can say DW4 is environment of development of program of a better Javascript, if you understand source code not quite, it provides comprehensive HTML, CSS and JavaScript code reference for you.
Bone jumps in 4. egg. Very those who make me disappointed is DW4 bad to Chinese support still, a few functions that add newly do not support Chinese.
The operation hang a bit of Dreamweaver
1, clever call Style
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, make font gets used to different resolution 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.
3, be apt to is used procrastinate put a technology 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 wi th reuse use a technology, what because procrastinate in those days,come over is super link address merely. 4, be good at naming us to be in for the object when make very mixed effect with Dreamweaver, 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.
5, multi-purpose the efficiency that shortcut key will come to raise efficiency to be operated to rise, 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: Ctrl-T of? format : Trl-1 of Wen Huan : Ctrl-2 of of comfort? : Comfort? Ctrl-3: Ctrl-4 of of of comfort? : Ctrl-5 of of comfort? : Ctrl-6 of of comfort? : Late?
6, 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.
7, use " Format Table " the command will decorate a webpage to be 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.
8, do not give name of the Chinese since the file authority as far as possible after had made a webpage, connect regular meeting to remove have representative Chinese name to the webpage, will can make the person looks file name to be able to understand the content that file place contains probably, 2 will can go to the lavatory the photograph intermodulation between each super links is used. But if you are in such doing in Dreamweaver, can discovering Dreamweaver supports Chinese file name is not too good, happen via often can the page calls incorrect phenomenon, the webpage is saved in Dreamweaver after us so when, use English as far as possible or the number regards a file as the name, can avoid so above make mistake phenomenon.
9, often save be had by editorial file currently does the netizen say to often save a file to be afraid of die suddenly machine ah? This word is right of course, but we often should save a file to still have its extraordinary sense in Dreamweaver. When designing a homepage because of us, dreamweaver can dog we make to the file any altering, although we are in the homepage,moved simply that is to say a certain object, dreamweaver also can be generated many temporarily source code, imagine, if a lot of changes were made in the homepage, so these generated many code become very difficult management, can affect systematic performance thereby. If the function of Dreamweaver begins to reduce,accordingly we discover, because be stationed in the cause that a large number of code that accept in memory become too giant,this may be, want to save a file only, can make these face times code to disappear, improve performance thereby, so later when we are using Dreamweaver, want to have the habit that often saves a file.
10, newer time is added automatically in the webpage we know a webpage wants to obtain more turning round that lead, one very important should be updated ceaselessly namely. But to us for these individual webpages, should be afraid newlier in time every day is not very easy thing. Accordingly, we hope the webpage can be updated automatically, the author offers a source code that can update modification time automatically below, we should add this paragraph of source code to ＜ BODY> only... ＜ / the goal that replaces time can achieve between BODY> :
＜ Script Language="JavaScript ">＜ ! - - Document.write("Last Updated:" + Document.lastModified);- - > ＜ / Script>
11, let a mouse move to have dynamic change to image link 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.
12, make a webpage automatic if we hope our webpage is shut automatically in designation time internal energy,be shut, might as well following code join at the back of the ＜ BODY> label in webpage source code: ＜ of ＜ Script LANGUAGE="JavaScript"> ! - - SetTimeout('window.close();' , 3000) ; - - > ＜ / Script>Among them in code 3000 express 3 seconds, it is an unit with millisecond.
13, join in the webpage individual or blank space of input of a few blank space do you meet? Someone says to click blank space key to be not become! However we click blank space in Dreamweaver when key, seem to be no good. How should that do? Not urgent, there are two kinds of methods to input blank space below: Firstly, input in source code, every between part with blank space please; Secondly, the compound key Ctrl+Shift+Space that clicks clavier to go up.
14, conceal needless 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.
15, use custom-built window function to check a webpage
In front, the author ever had said, the indication effect that plays a webpage in different resolution will be big different, the webpage that everybody does not hope him work laboriously is designed issues meeting eye to be not completely in different resolution, the browsing effect that so test webpage plays in different resolution is a webpage the very important one step in making. And Dreamweaver lets an user achieve a test easily, we can be among the in operating an interface condition column of Dreamweaver, the resolution that chooses need will adjust window size, the webpage checks below solid different now resolution thereby.
16, the character duplicates each other among the applied process that the character in area of only duplicate editor 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.
17, the underline that take out links sometimes to achieve a certain apparent special effect, we hope screen drops an underline below super link. Same we also come true with two kinds of methods: It is the ＜ HEAD> in source code... ＜ / following code input between HEAD> :
＜ of ＜ Style Type="text/css"> ! - - A {Text-decoration: None}- ->＜ / Style> ; 2 it is to use a mouse ordinal the Text/Custom Style/Edit/Style Sheet/New/RedefineHTML Tag in clicking Dreamweaver, choose A from which, it is next in Decoration pitch on None, click finally succeeded certainly.
18, in defining the key word of the webpage to search engine to make his webpage is in, be retrieved easily, the key word in defining a webpage truly definitely is a very main job. In Dreamweaver, we can define the key word in the webpage with two kinds of methods: It is the ＜ Head> in source code and ＜ / in Head> label, add following code: ＜ Meta Name="keywords" Content="yancheng, yancheng, yancheng"> , among them the content in Content is key word namely, retrieve to rise hit the target rate, we can repeat for many times use same a key word, separate with comma among; Additionally one kind of method is the mouse is used in Dreamweaver ordinal click Insert/Head/KeyWords command, the input repeats to hope the key word that is retrieved is OK in shooting the dialog box that give subsequently.
Dreamweaver classical skill, also cannot little
Dreamweaver makes build Web site to become unusually simple, but do not think this is equal to a function by accident simple. Actually, tool of this kind of effective visible Web development is choice of professional design personnel likewise, a lot of among them good points are very appropriate the development staff that the program of pattern plate expansion that needs powerful site to manage a tool to perhaps want to use his at those works with cooperating with. More marvellous is, the flexibility of Dreamweaver makes you can raise technical level anyhow! Since such, so why to begin to use these skill to separate the powerful function that develops Dreamweaver in order to fill now?
Dreamweaver has a lot of rich user guide functions, this makes it looks have the charm that cannot keep out. These skill that carry out easily can how-to your glibly founds new site.
Join window
The user interface of Dreamweaver is broken up for a few windows, when be in working status, a few windows can be accommodated only on screen. To save true operation condition, optimal strategy is the window join that will open (Dock) together. You may have tried to pull the caption column that drags the window, this is completing join action in a lot of programs, but in Dreamweaver however not become effective.
Realizing window connective skill is to use a mouse to stall the Tab column of the window, is not caption column. Try to click a mouse to stall the Tab column of a window passes by another window, should see appear when a black is attrib border, loose mouse pushbutton, you can discover 2 windows had been united in wedlock together. You can illuminate the window with much random of this method join now, incorporate finally in a window, can save much screen space so and see real working case. But ask an attention: Lade implement the window, attribute window and site window are cannot by connective.
Data input
Dreamweaver allows you to input data form directly in, cut than ground so, it is easy that stickup content arrives in unit case a lot of. But if should be contained in the data of the input,insert / when form data commands, meet some bother. Very unfortunate, dreamweaver can input the.txt file that has separator only. If want to handle Word or Excel file, can be their output.txt file first, next reintroduce enters Dreamweaver in. You can discover such processing technique resembles a dream simply euqally wonderful!
Delete, restore, repeat
Data-in can save many operation time to form, but the historical window that the most useful function in Dreamweaver is it. In this window, once open documentation, each operation that executes subsequently is come down by the record, such, you can dog operation behavior and simple Undo perhaps repeats last situation. The last pace in needing window of pitch on history only presses Delete bolts next, or daggle slides indicator deletes a few measure to some pace. Same, the Replay pushbutton in clicking the window implements some step again.
Very strange cannot save more than 50 paces? This is an acquiescent numerical value. Want to increase this numerical value, choice " editor / parameter chooses " , affirm be in " common " functional page, a higher numerical value is inputted in field of " of maximum of " history measure. Ask an attention, of set save measure amount bigger, the content that use up is bigger.
Be patulous! Be patulous!
Through using Extensions, you can add more performance for Dreamweaver. A lot of developer found Extensions and offer more people freely to use. You can visit the site of Macromedia and everybody to undertake work is exchanged. When moving Dreamweaver, choice " command / get more orders " , can start a browser automatically and turn to exchanging station to nod. Before beginning to collect all new skill, download Extension Manager above all, it will dog Extensions becomes easy to do.
The following skill conduces to the developer that those manage big site and works together with other Web developer.
Found album
For a lot of graphs one-time building miniature is a plodding job, special becoming you is not a graphical expert that has experience when. Did not concern, dreamweaver has a new function, the aide of design of a graph that it can resemble you is same, according to your requirement the miniature that finish designs the job. After you tell Dreamweaver to the figure is included in which folder, it can be founded for each among them graph a miniature, page that founds to include complete figure and one stores the index page that has miniature somewhat. To use this function, you need to install Fireworks above all.
Above all, build file structure: In placing all graphical documents a folder. Next, choice " command / found network album " , install corresponding option. Consider caption and subhead not overly, these information can undertake modification subsequently. Important is folder of demonstrate source graph and target folder, because these information decided,handle what document. The dimension size that should determine miniature at the same time, format and other option. After clicking OK, dreamweaver changes control advantageous position Fireworks, begin batch transaction file by it, found a first-rate small-sized album or a successive catalogue item. If you have a lot of photo, the setting is good let it begin to move, go having a break next, dreamweaver and Fireworks will complete all works.
Found define a command oneself
Do you still remember in front are a when had said Dreamweaver the most useful functions historical window? This is not joking, be based on the operation in rank history window, dreamweaver can establish new command series.
Want to found a command, need to carry out you simply to want the move of the record only. Next, in historical window, the choice wants saved move, be in right next horn are clicked " save for " icon, have a name, click OK. Come here, appear your in from definition command " command " in menu, can use at will.
Work in coordination with other
To the Web developer that works together with someone else, he need not fear someone else altered the document that you share. Dreamweaver uses Check-in and Check-out system to achieve protection to open the purpose of the file.
The following skill will help you expand with custom-built Dreamweaver. In realizing a process, you need to compile the configuration document of certain Dreamweaver, had done the backup of original document above all certainly please so.
Found define a target oneself
Object window benefit inserts a project quickly at be in the page, for instance watch sheet, frame is waited a moment. Should found define a target oneself, found a file above all, want to include you to want to insert the code in documentation among them. For instance, want to found the news casing of CNET Builder.com, download this paragraph of code above all and save for Newsletters.htm. Next, to a new face plate is founded in object window, want to found a folder below Dreamweaver/Configuration/Objects, the name can be installed along with you, be called My Objects for instance. Place file Newsletters.htm this catalog to fall. In the meantime, need a graphical document that represents new target. Can oneself found file of a graph, flat perhaps let Dreamweaver insert a common icon. If be his,found icon, notice to build a 18 X 18 to resemble the GIF file of element please. Maintain graphical file presence same below cat alog, the name of name and new target is same. The graphical file here can be used.
Now, the new Dreamweaver that start perhaps chooses readjustments to enter Extensions (press Ctrl bolts, click object window to play a menu) , you can see a new functional page in object window, the graph is your set that. You can resemble an operation other target is same, this new target goes to daggle in the page.
If be familiar with JavaScript, you can found more complex object and other Extensions, for instance float face plate, behavior is waited a moment. Or, you are flat download off-the-peg object from Macromedia Exchange.
Click here to examine whole object code.
New position menu
Whether do you feel disgusted very much the linearity menu of Dreamweaver? Whether do you hope can will " the window " does menu move most right? Because it is compared " help " menu more frequency at using. Achieve these goals, do not have a problem absolutely! Above all, open Dreamweaver to install folder, find file Configuration/Menus/menus.xml, do a backup and save another place. Next, configuration/Menus/menus.xml is opened in text editor, find with<Menubar>Initial code piece, here included the bill of fare of all Dreamweaver, each are used<Menu>The element is described. Find a delegate according to this kind of method " the window " the code of menu paragraph:
<Menu Name="_Window" Id="DWMenu_Window">
. . .
</ Menu>
Cut this paragraph of code next stickup to the delegate " help " menu (<Menu Name="_Help" Id="DWMenu_MainSite_Help"> . . . </ the code of Menu>) paragraph from the back, save a file, start Dreamweaver afresh, you can see new bill of fare is ordinal. Through editing Menus.xml, you still can decorate menu item (afresh<Menuitem> . . . </ name of Menuitem>) , modification menu (use NAME attribute) , add separator, perhaps add, revise, delete clavier shortcut key. Do not forget the backup that founds Menus.xml file! If had been revised,illegal code was inputted in Cheng, dreamweaver won't regain the position to before one automatically.
Subscribe to:
Posts (Atom)
Posts
