The little secret with 12 little-known Dreamweaver

One, background analysis

For the professional webpage fabricant of complex to wanting next making to change an environment in the vision webpage, dreamweaver has shown talent in webpage editor tool gradually, become professional personage to write the optimal option of the webpage. According to the investigation of Macromedia company, dreamweaver already accumulated the person that have more than 700 thousand use at present, have rate the coronal is resided in webpage editor tool, picture " Adobe GoLive " and " NetObjects Fusion " wait for competitor to be cast in jian hou mian by a long time. Because of this popularly beforehand the use group of appraise Dreamweaver will last increase.

In this kind overwhelm popularity rate is swept across under, can be imagined it is increasing that the function of the buy inside Dreamweaver can say, richer and richer, all ready. In this our introduction, have it is a few faster designs, easier to add a few functions newly to offer webpage producer the function with ground encode and integrated stronger sex. No time to lose in doing the job, we introduce under how be apt to uses a few functions in Dreamweaver. Close ability shares 12 under, can divide into 4 themes. It is respectively: Design webpage page (the page that flexibility has in Dreamweaver designs a function) , product of tie-in Macromedia other uses Dreamweaver(to make animation and picture together not ask for help) , order use interface oneself (the use experience that enjoys individuation) and join Dreamweaver expansion program finally (be in webpage.

2, the recipe that devises webpage page

No matter you are to should apply HTML primitive grammar to write a webpage literally literally, or it is the visual design that uses standardization window to undertake a webpage, the following little secret can be sent on use.

Recipe 1: Make webpage page size bouncier

This kind of skill that some webpages developer weighs to want to introduce below is " Liquid " , be called this kind of skill here is " stretch and outspread skill " . This is a kind of skill, also can adjust webpage page volume subsequently when size of caller browser window is changed, so if the brace that the window won't be free to be in; window to cross little margin to won't run to move up and down in vain greatly too. The webpage with actually simple great majority meets him adjust page volume as browser window size, but if be,a lot of different frame and form are used in the webpage, webpage page size is adjusted automatic and stretchly very hard. Normally webpage architect can be used mix the frame that uses fixed width, design webpage page with GIF picture as interval, coming so is no matter use Internet Explorer or be to use Netscape Navigator, page size can be secured and won't run. Use Dreamweaver 4.0 to be able to design the webpage that can automatic flexib ility adjusts easy to doly. How should be done?

★ particular way: With tool face plate (the pushbutton on Object Palette) opens a webpage, and be changed to " the format is examined " (Layout View) . Can see the column of literal diamonds is spent at this moment, the pane of each column still has a small pull-down arrowhead among upper part, dot choosing wants to install the small arrowhead of the column upper part that flexibility shows, choose then " set column show for flexibility " (Make Column Autostretch) . (The width that installs self-correcting column with one column in the limit of) at this moment upper part of this column pane can appear an undee line, is not the number that states column is spent originally. Dreamweaver can make the blank space picture that makes fixed printed sheet automatically, the blank form that this blank picture is the two strip form with column upper part expresses, such layout will be automatic by fill, ability can finish stretch layout setting. (A dialog box can jump out to ask w hether you want to use when adding blank picture for the first time inside buy picture, to demand the result, we suggest you make Dreamweaver automatic produce, need not use blank picture to come otherwise fill layout. Need not use blank picture to come otherwise fill layout..

Recipe 2: Create individual palette

Dreamweaver is new " Assets Panel " (attribute Control Panel) it is a kind of basis when can editing a website file format, for example the picture, style new tool that will manage a file.

★ particular way: When you define new site (the dot chooses Site New Site) , the object of all types can increase automatically " Asset Panel " in the proper watch casing in. This new join " Assets Panel " in attribute Control Panel colored also casing, store all color that use in your website, include the literal color, color of setting, and the color that exceeds a link. This is one is the person that use to measure the website navigation color that has something made to order personally dish. Should start only " Assets Panel " (choose first " Window " nod again " Assets " ) , nod Zun Fang then that little color scrollreels, can see the various color options in your website. Of course you can pull these color certain and specific in chosen written language. Choose some kind of color when you even when, the colour weak chroma that the 16 carry that this kind of color can appear on the picture are worth, contrast with 3 primary colors code (RGB) . If want to narrow palet te tool column a bit, can join certain color to arrive only even of palette " my love most " in. The color that needs to will be chosen only turns over white, dot to choose the window in one is called " add me newly love most " pushbutton (most lower part relies on right pushbutton) , can finish.

Recipe 3: Make play navigation system of menu giving form

Should make originally play navigation system of menu giving form (the grammar that Pop-up Menu Navigation System) wants to use a lot of a few Java Script and skill, but if you have Dreamweaver, Fireworks Studio, can loosen easily gently to do quickly.

★ particular way: Be in above all " Fireworks " in begin, choose a certain picture, be in next " Set Pop-Up Menu " the dot in the dialog box is chosen " Insert Pop-Up Menu " , you can input a project (the name of Items) is nodded " Plus " (join) pushbutton, will add this item newly. Undertake in the information casing that you can continue to jumping out fine a setting, the character that installs this project place to want to use for example and exceed a link, also can add newly of course child menu, and below reorder one setting. When finishing, the dot is chosen " Next " (next) , continue to install all sorts of parameter to be worth, for example color, font is waited a moment. At this moment after menu is finished, can preview HTML grammar already, also can preview image. Nod again " Finish " (the) that finish. Arrive when mouse shift at this moment when original picture, the content general view of system of meeting occurrence menu. When deriving the file that has m ade then, "Fireworks " the HTML that can produce an all Dreamweaver automatically to need to be used, Java Script, and image file.

Recipe 4: Let a picture move rise

If you are installed at the same time,have Dreamweaver, Fireworks Studio, the ideal level with these two kinds of tie-in software will make you are profuse in praise. Although you are not professional picture architect, also want to revise picture of a few GIF more or less when designing a webpage lifelike. Dreamweaver can let your animation that make not ask for help.

★ particular way: In standard window the choice should have modification picture, be in next " Property Inspector " in the dot is chosen " editor " (Edit) . If in the Dreamweaver of your installation with " Fireworks " , "Fireworks " it is Dreamweaver sets picture editor beforehand, at this moment the picture can load automatically " Fireworks " . (If look carefully, the picture that you can discover Fireworks can appear " Editing From Dreamweaver " such character and design, indicate you to be able to undertake in Dreamweaver the picture edits. ) good, be in now " Fireworks " in dot choosing wants editorial picture, choose " Modify Animate Animate Selection " . Finish next " Animate Dialog Box " the setting in, the frame of animation of make choice of is counted, the direction with mobile animation, diaphaneity waits a setting a moment. You also can be nodded anthology " Frames " the tool sets floating rate, choice " Object " face plate will change a setting. Should der ive when the file, want a dot to choose only " Optimize " tool column, choose in the place of file type " Animated GIF " . After finishing, "Fireworks " meet derive the picture automatically with maximize setting, and update GIF picture automatically, still can be in Dreamweaver show has updated picture come. The dot is chosen " File Preview In Browser " , can preview in the browser so just make finished lovely picture.

Recipe 5: Let pushbutton have blink the effect

In Dreamweaver, need not have Flashs, also can make have the Flash pushbutton object that blinks the effect. The buy inside Dreamweaver has object of several Flash pushbutton, can make the button of several different forms.

★ particular way: The dot is chosen " Insert Interactive Images Flash Button " can see have button of the buy inside those. Can point to the pushbutton form that wants to use with the mouse even inside the dialog box, see the effect in the browser next how. With mouse finger the pushbutton form make choice of that should use, again obedient foreword inputs parameter, for example the character on pushbutton, glyph, color, exceed a link to wait, or it is to establish file name oneself. Press OK. Can have next " SWF " the file of the format arises, the file can guide automatically in your webpage. By this makes good file, can see " Property Inspector " (attribute detail) in the attribute that can show a file. Show file attribute when coming, if expand file attribute list, can appear " Play " (broadcast) , those who open a browser to preview pushbutton need not be use after the dot is chosen blink the effect.

Recipe 6: Character of the flow that make

The Flash pushbutton that increases character of going from place to place to resemble increasing us to just introduce in the webpage is euqally simple. Identical, need not install Flash, the new function that provides with Dreamweaver can do easily. The script of going from place to place that grammar of commonly used HTML writes the webpage, webpage fabricant that does not have experience of interactive type media to also can make cabinet Flash form easily. This new function can be below the condition that does not add photograph compatibility trouble add for the webpage a few browse on the interactive sex with caller. ★ particular way: The dot is chosen " Insert Interactive Images Flash Text " , fill parameter setting one by one again (color of the character that should change the effect for example, glyph, font and font size wait) a moment.
Recipe 7: Change clavier shortcut key

The person that Dreamweaver can let use orders use interface oneself, this design is very bouncy. E.g. , the person that use can increase an object through writing program or proper motion (the means of Object) will change menu. Need not work force is profound, you can change clavier shortcut key, because Dreamweaver has,one is called " Keyboard Shortcut Editor " graphical interface.

★ particular way: Want a dot to choose only " Edit Keyboard Shortcuts " , the dialog box will load and column gives the shortcut key schedule that can alter, let you change shortcut key into oneself to review idiomatic setting is worth. Should alter shortcut key, should use active setting only (Current Set) and command column (of Command) next pulling menu, the order that wants to change is found in existing command, choose current shortcut key then, in the list that can appear in shortcut key. Additional, if want to increase shortcut key to install, can nod anthology " Plus " , the key of new quick delegate that knocks you to want to use on clavier, the dot is chosen " change " (Change) can. At the same time you also can choose some shortcut key, dot to choose " move except " (Minus) , can move except a certain shortcut key.

Recipe 8: Window of new setting website (Site Window) column

★ particular way: As long as from " Site Window " midpoint is chosen " View File View Columns " , can examine a website from the word (the size of Site View) column reachs occurrence kind. Choose the name of some column, readjust of use fluctuation arrowhead, or do not want Gou Xuanxian to show column (Show Field) in order to conceal this column. Additional, the dot is chosen " Plus " Niu Ye can add column newly, achieve pen name oneself. In addition, you also can choose to have in pull-down menu " Note " will mix column " Design Note " generation is associated.

Recipe 9: Examine webpage former code

★ particular way: Open when you " Reilly Code Reference " (when Window Reference) will check attribute or the compatibility that are a browser, the window that sets beforehand is met with petty word model show " referenced setting is worth " . But if you press the right key of window right upper part (be in the lower part) that shuts pushbutton, can appear menu of a pull-down, can be in here the size that chooses primitive code style (small-sized word arrives medium-sized font and large font) . Choose large font to compare won't " mistreat " eye, because there need not be magnifier when you read HTML former code so,watch screen.

Recipe 10: Add Flash pushbutton newly

Recipe 5 in, we introduce how to use 20 kinds of pushbutton types that set beforehand, will make the Flash button in Dreamweaver. This is the method that need not install any files or program additionally. There is another kind of method below, install namely " Fireworks Buttons " , 5 have function of this kind of augment and recipe same result.

★ particular way: To " Exchange For Dreamweaver " (Dreamweaver augment function exchanges a center) , input " InstaGraphics Extensions For Dreamweaver " key word is searched for, download this again next about the file of 577K. Change Dreamweaver, choose " Commands Manage Extensions " , reelection choose " File Install Extension " , can begin to install. Once be started afresh " Dreamweaver " , have 6 fancy and interesting pushbutton patterns, include " Surfboard " reach " Bulletbar " inside, should use only at this moment " Insert Interactive Images Fireworks Button " command, can make the button that makes dazzle of a cruel. You also can be used " Commands Convert Bullets To Images " reach " Commands Convert Text To Images " , two kinds of afore-mentioned methods can be carried out automatically " Fireworks " .

Recipe 11: Join in the webpage " the setting loves most into mine " functional ★ particular way: In " Exchange " in search for, you can discover " Add To Favorites " augment function. This little file just occupies 3K, download time to won't wait too long, catch abide photograph to be the same as measure, by " Extension Manager " load (Commands Manage Extensions, File Install Extension) . Start Dreamweaver afresh then, this new the augment file that load can add a function newly in Dreamweaver. If this is joined in your webpage " join me collect part " function, when the person that be used so sees your website, press gently, can join your website easily his use browser " my love most " (or it is individual bookmark) . In addition, most of dazzle is OK also order oneself " my love most " name, and " my love most " the small graphic representation that the conference before the name appears (in general IE " my love most " the small graphic representation in front is IE es tablish a value beforehand, if you have the small graphic representation that you design, that dazzles much) . Attention, this function supports the browser that uses IE 4.0 and taller version only. Should choose only " Windows " in menu " Behavior " face plate, fall to IE function again pull menu dot to choose this function, can start function of this cruel dazzle easily.

Recipe 12: Exceed the chart of cruel

If you want to make form, even do oneself spend time to write webpage former code literally again? Did not need, had had off-the-peg!

★ particular way: Download to Exchange " Form Builder Extension " , have off-the-peg form, can let you duplicate immediately include picture: Catalog of etc of layer of country, sexual distinction, marital status, age the form that wait. Download this to Exchange cabinet (the file that has 11K) only, next by " Extension Manager " installation comes in (Commands Manage Extensions, file Install Extension) . Want to start Dreamweaver afresh only then, the dot is chosen " Insert FormBuilder " , can be in (augment function discovers in Insert FormBuilder) . There can be a dialog box to appear at this moment after the dot was chosen, it is all and OK to can be shown the format menu of apply mechanically, really special and convenient.