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 together (the animation that make and picture not ask for help) , order use interface oneself (the use experience that enjoys individuation) and join Dreamweaver expansion program finally (in.
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 window won’t have blank place greatly too; The window spends the stay that little margin won’t run to move up and down.
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 flexibility adjusts easy to doly. How should be done?
Particular way: With tool face plate (Object Palette) the pushbutton that go up 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 whether 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. )
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 palette 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 button) , can finish.
Recipe 3: Make play navigation system of menu giving form
Should make originally play navigation system of menu giving form (Pop-up Menu Navigation System) the grammar that should use a lot of a few JavaScript 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 (Items) the name 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 ” (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 made then, “Fireworks ” the HTML that can produce an all Dreamweaver automatically to need to be used, JavaScript, 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 derive 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 are waited a moment) .
Bookmark:Digg Del.icio.us Reddit
