Dreamweaver

Dreamweaver is the place that manufactures by Macromedia company sees namely editor of earnings pattern webpage, the Frontpage that it manufactures with Microsoft is called together the two big sharp weapon that the webpage designs. As to say of low quality of what of actor of what of these two kinds of software, that is benevolence person see benevolence, wisdom person see wisdom, I am here to also be not talked reputably. But the observation according to me, what the professional webpage staff that make appears to use Dreamweaver is a few morer, everybody understood my meaning: )

Now the newest version of Dreamweaver is 3. Compare with the version photograph previously, dreamweaver 3.0 increased a lot of brand-new functions, wait like History, MetaNotes, HTML Style, Quick Tag Editor. In addition, dreamweaver 3.0 is like DHTML to a few new technologies, JAVA also had better support. Handle each function of Dreamweave neatly, we can create a dynamic webpage that makes a person dazzling. Below, my general is made through an example, guide everybody to be familiar with each function of Dreamweaver.

Above all, the webpage that lets us make a common graph Wen Bingmao (have a character namely actually, the picture went) . Think everybody still can be done at this o'clock, I was not told. What? You won't! Actually very simple, follow make Word same, direct upgrade knocked a word to go, stuck a picture to go with Insert -&gt Image.

Now, we had a the simplest webpage. Although it still is very pallet, but the first pace that we had walked out of a webpage to design. The first webpage that everybody does also should mix this about the same. Next, we will add the content of other on the foundation of this webpage, make it looks a few more beautiful.

When we are doing a webpage, feel composing very bother? To be opposite neat an article perhaps pursues, we often should be adjusted a lot of times. Actually we use form, OK and relaxed composing. Choose Insert -&gt Table, play give a dialog box. (the １ that be like a graph)

Input the form linage that you want and row number. The most important is to want to be filled in Border place 0, the frame width of such form will is 0, in other words, the frame that is form is to conceal sightless. Such, dreamweaver made the form of size of a default. We adjust the width of form and height, incorporate one part unit, make form gets used to our requirement. (if pursue 2)

Then, we can be filled in form on the thing that we mean, and their position was in by demarcate in form unit. Accordingly, the difficulty of composing also with respect to be readily solved. Yield the result after we see composing, be more good-looking? (if pursue 3)

However, although use form to undertake composing goes to the lavatory quite, but it still has certain discomfort: We should come out whole page design picture beforehand, pair of form positions that consolidate next undertake arranging; In addition, when we are dissatisfactory to page layout, undertake adjustment the job that also is a special trouble. We know use layer can locate accurately page element. So, we can use a layer to undertake composing. To supporting the browser of the inferior version of use layer, we can use the changeover tool that Dreamweaver provides, establish complex page position quickly first with the layer, change layer position into form layout again next. When need, also can make a round trip between layer and form changeover, with adjusting layout is mixed optimize page design.

Let us redesign our page with the layer. Choice Insert -&gtLayer founds 3 layers, pull them proper place next, and amid inserts corresponding content. Additional, because form unit cannot overlap, so, dreamweaver cannot be the layer changeover of jackknife form. If plan a layer changeover in a documentation to be form, so that with low version (3 reach its the following version) the browser is compatible, be about to be being built, mobile layer and layer happening prevents to overlap when adjusting a volume. We can choose View -&gt Prevent Layer Overlaps to prevent the jackknife of the layer. But occasionally this one option also is in charge of not quite with, the layer that still needs our hand to move a jackknife is apart. This may be the small Bug of Dreamweaver. (if pursue 4)

Institute of as above plan is shown, we design position of good a page with the layer. Then we are its changeover form. Choose Modify -&gt Layout Mode -&gt Convert Layers To Table, play give a dialog box. (if pursue 5)

The action of each option in the dialog box explains as follows:
Most Accurate (the most accurate) : Build unit of a form for each, and to maintain the interval between layer and layer must add and unit case.
Smallest:&Nbsp;Collapse Empty Cells (the smallest: Brown of  of scar of  of ピ of the small cup that consider sprain pays brightness Shi of joyous ㄎ of huang3hu1 of haze of father of ㄈ Quan  to pay ㄏ Ge astounded of ┎ of Wu of  of grave of faint   Ω of the cleanse that seek Hui addiction of ≡ of cloud Ge Q brings up ruthenium  is foolish camphor tree of small ⒖ of action of eye of the Song that seek Dang is fierce
Use Transparent GIFs (use transparent GIF image) : Last when use form of fill of transparent GIF image. Can ensure the form indication in all browsers is identical so. If choose this, come to the row of the form that makes impossibly through daggle change the size of form. Not anthology when, transparent GIF picture is not included in the form that changes, but in different browser, its exterior may have a bit different.
Center On Page (in the be placed in the middle on the page) : The form that makes generate is opposite in the be placed in the middle on the page neat. If not anthology, form left-justify.
Prevent Layer Overlaps(prevents a jackknife) : Choice this can prevent a jackknife.
Show Layer Palette (indication layer face plate) : Choose this, a face plate shows after changeover is finished.
Show Grid (indication reseau) : Choose this, reseau shows after changeover is finished.
Snap To Grid (adsorption arrives reseau) : Choose this, enable adsorption to arrive reseau function.

Click OK, we change layer layout page to express layout page. Generally speaking, dreamweaver changes the form that give to have a few errors, still need ourselves hand to move adjust. (if pursue 6)

How, the result is right still. If you need a form changeover to be a layer, choose Modify -&gt Layout Mode -&gt Convert Tables To Layers, the procedure is very simple, said no longer here.

We use the character of the layer, still can make various dynamic webpage specially good effect. My general explains to use a layer to make the webpage specially good effect that come to everybody below: Let image move rise. We are when the webpage that browse, the graph on the webpage that discovers via regular meeting is met move along a method. This is the simplest DHTML specially good effect actually, it is OK that we use Dreamweaver easily make this kind of result. Below, we let that lovely lionet on the webpage move rise.

Found Layer1 of a layer, move it to proper place, pull lionet head into the layer next inside. Then, we found Layer2 of a layer again, a few words are written inside the layer, it is the setting color of the layer surely next white. (if pursue 7)

Choose the first layer, choose Modify -&gt Timeline -&gt Add Object To Timeline next, pluck a time line face plate. Time line face plate expresses an attribute on time. Procrastinate touch mark of frame of time on-line key, can change the position of crucial frame. We put the position that ends frame to place of the 20th frame. To another layer we also undertake same processing. (if pursue 8)

Be issued by the circumstance of make choice of in the time line of Layer1 certainly, frame number is indicated move to be in to the 15th frame, choose Modify -&gt Timeline -&gt Add Keyframe, a crucial frame increases in this position. Same, also make same processing to Layer2. (if pursue 9)

Now, we established time line for two layers, there are 3 crucial frames on every time line. Next, we can define a position in crucial frame. In the time line of Layer1 the position of the first frame is nodded, pull the handle of the top left corner that eat a layer next, put it in your satisfactory position. To additionally two crucial frame of Layer1, we also make same processing, put the layer in proper place. To Layer2, we make it overlaps with Layer1 from beginning to end. After been do when these, we can see a mobile way in the window. (if pursue 10)

Then, the choice is in the Layer2 of position of the first frame, can inspect it attribute instead Hidden (the Vis option in attribute face plate) . Of the layer that acquiesces because of the browser can inspecting property is visible, so we need not define the attribute of the layer of other position. Such, we make Layer2 is in the 1st to conceal when 14 frame, in the 15th to show when 20 frame come.

Good, we had built the case of a dynamic webpage now. We can press time line face plate to go up broadcast pushbutton, preview the animation effect of the page. If want the effect that sees in the browser you are done, the Autoplay that had better get on time line face plate and Loop option pitch on, so dynamic effect can begin automatically when the page is called to be broadcasted circularly. How, the dynamic result that ourselves does has a look in the browser by F12. Can the lionet that can this talk only love?

Now, although our lionet can talk, but just also be to show a paragraph of character just. Do you want not to think the mouth that makes it true talks? Want to use the Behaviors function that Dreamweaver provides only, we are OK easily achieve this result.

A Behaviors is actual it is element of a JavaScript, it makes the object can undertake alternant. Behaviors is the combination of incident and movement. When you add a Behaviors, an action that you want to decide link up with to go up in an incident.

Above all, let us be familiar with behavior face plate. Choose Window -&gt Behaviors, open behavior face plate. Among them plus and minus sign pushbutton are used at increase and deleting behavior; Casing of Event For list allows us to choose different browser, dreamweaver will choose the incident that the browser that from the eliminate in behavior list you choose from this list cannot identify according to ours. The Event below and Action list listed what you define the incident on current target and conduct. (if pursue 11)

Click plus pushbutton to be able to play a list of a behavior, the act that can use currently shows with black font, the act that cannot use shows with gray font. I am the function that everybody introduces these behavior simply below. (if pursue 12)
Call JavaScript: The JavaScript function that transfers to had been written or statement of a JavaScript
Change Property: Change the property of the object
Check Browser: Examine the browser type of the person that visit, show different page according to returned result
Check Plugin: Whether did the person that the examination is visited install appointed plug-in unit, show different page according to returned result
Control Shockwave Or Flash: Control Shockwave or of Flash file broadcast a state
Drag Layer: The person that make visit can move layer, use at founding portable page element
Go To URL: New page is opened in current window or designation frame, it still can change two at the same time or the content Jump Menu of the frame of two above: Founded to jump when your use Insert -&gt Form Object -&gt Jump Menu turn when list casing, 　 of 　 of 　 of Dreamweaver automatic 　 gives this object to appoint Jump Menu behavior for you.
Jump Menu Go: One is built to jump in you turn after list casing, jump Menu Go can jump to this turn list casing adds to jump turn pushbutton. (the content in casing of list of direct selection of use Jump Menu of 　 of 　 of 　 　 　 can jump turn to corresponding URL, and after 　 of 　 　 　 needed to choosing content, use Jump Menu Go is in jump by turn pushbutton just can jump turn to corresponding URL)
Open Browser Window: A page is opened in a new window
Play Sound: Broadcast sound file
Popup Message: Shoot a dialog box of a message
Preload Images: Read beforehand take file of a graph
Set Nav Bar Image: graph deformation is the figure that contains a link
Set Text: Trends changes literal content
Show-Hide Layers: Show, conceal a layer
Swap Image: File of will current figure is changed for another graph file
Swap Image Restore: Changing the graphical file after changing for original document
Go To Timeline Frame: The shift designation to time line frame number
Play Timeline And Stop Timeline: Begin to move with what end time string
Validate Form: The content that the person that the examination is browsed is filling in is effective

We can see, the action that Dreamweaver provides can complete the work of great majority for us. E.g. , we can use Swap Image to make dynamic button, use Jump Menu or the friendship link that Jump Menu Go makes our homepage go up. Below, we talk with respect to the lionet mouth that uses Play Sound function to let us.

Choose middle-level Layer1 above all, click the plus pushbutton in behavior face plate next, issueing Play Sound of the choice in pulling menu. Fill in shooting the dialog box that give on the name of the sound document that you want to broadcast. Here has a bit to want to notice, it is file name cannot use Chinese, the meeting when be being browsed with the browser otherwise signs up for a fault. Such behavior that we added a movement to be Play Sound, but of this behavior spark the Onclick that incident is Dreamweaver acquiesce, we want the event that needs its instead ourselves. (if pursue 13)

Click next that arrowhead on OnClick edge, play an an incident menu. Choose OnMouseOver, namely the mouse is over the object when can spark this behavior. Always share tens of planting about the type of incident, introduce me completely here also introduces to come nevertheless, still collect a few to say commonly usedly. OnClick: Produce incident OnDblClick when click: Produce incident OnError when doubleclick: Produce incident OnKeyPress when browser happening browses a mistake: Produce incident OnLoad when pressing aleatoric key-press releases: Be record in OnMouseOver of incident of the generation when ending when whole page: Be in an object when the mouse over when generation incident OnUnload: Produce incident OnScroll when leaving a page: Produce event when scroll page issues on the person that browse

Good, let us see our gain. Our work is browsed in the browser by F12. Had delimited the mouse it can talk when that lionet when you?