Sunday, October 11, 2009

Dreamweaver foundation skill is contacted in the round

After a lot of friends use Dreamweaver for some time, begin to be fond of seek sundry plug-in unit, go after various specially good effect, and do not study deep to the basic function in Dreamweaver instead, there are a lot of useful skills in Dreamweaver actually, if you are added more,apply, can improve efficiency not only, and can achieve a lot of economic effects. I introduce the commonly used a few skill in the job to everybody today, the hope can have some of use to everybody, also hope to be able to call the desire that everybody studies deep at the same time. I prepare to introduce all sorts of skill respectively according to the different level in the job.

   One, program level -- the skill of site window

The site window of Dreamweavr often is ignored by a lot of friends, use site window actually we can finish a lot of jobs expediently. I introduce a few practical skill below.

   1, add site navigation quic kly.

The website map in use site window can make website embryonic form quickly, can be in expediently navigation link is joined between the page. Press following icon above all
Open site map window; File of pitch on Index.htm; Click and procrastinate move site navigation (Site Navigation) the small circle of top right corner of file of the Index.htm in the window, pull it the certain file in using left file window to go up, following plan institute are shown;


Dreamweaver will be automatic in joining the link of Mydesign.htm Index.htm file, after execute this operation likewise and pointing to file of other and relevant link respectively, navigation window pursues as follows:


Open Index.htm file right now, can see corresponding join character and link had been added, we are OK organize according to needing to mix their reasonable modification. If pursue:

 

   2, Title of fast modification file. The file that we build a lot of time often ignores the content of set file Title, when after the event needs to revise, often must open each file to be revised respectively. Actually this job can be in what go to the lavatory in site window to finish. Open the Show Page Titles below menu of site window View, the file that can make site window medium shows file head, is not original file name. Acquiescent file head is Untitled Document we can be clicked twice respectively, the character that changes acquiesce is the file head that we need. If pursue:


   3, make site map quickly. Sometimes we need to make include current site the site map of all file structure and cannot find appropriate method. Dreamweaver itself contains this function, the method is as follows: Open File, command of Save Site Map, saved file name is inputted in shooting a dialog box, dreamweaver can be below the root catalog of current site the site picture that makes a.bmp or.png form automatically.

   2, the skill of page position level

Dreamweaver is a good page makes a tool not just, at the same time he still can have accurate page composing and position, we introduce this one part the skill of side of distribution of a few pages.

   1, open auxiliary table. The friend that has made a design hopes particularly element of can accurate fixed position webpage, they like every element to be able to press the location with oneself exact desire. Dreamweaver can conduce to th e implementation of this kind of hope from the Grid function of the belt. Executive command View, Edit Grid opens coordinate to assist, can choose reseau shape to perhaps nod shape to show, open Snap To Grid at the same time, when be inserted later or adding new element, the set that can press you locates accurately.


   2, use skill of form composing page. Reasonable the form function in using Dreamweaver, can achieve the goal of beautification page expediently, I introduce a few skill below.

1) found 1px frame. Some friends blame Dreamweaver that he cannot make sheet resemble the form frame of element, use the attribute face plate of form carefully to be able to make this kind of sheet resemble element form actually. Use Object face plate to insert a form above all, define table case reachs linage and row number widely, high. The acquiescent CellPad that form inserts in Dreamweaver right now and CellSpace, Border is 0. The Border that defines form in attribute face plate is 0, cellPad is 5 (5 maintain to resemble element between this content that can make unit case medium and unit case brim) ; CellSpace is 1 (this makes a span of an element maintains between unit case) . The setting scene that sets table is brunet (like #999999) , the setting scene that sets uni t standard is light color (like #FFFFFF) . In browse observe the effect among them can.

2) guide data table. Sometimes our need guides a few form that found in Execel file in Dreamweaver, we can issue will original Execel document be put additionally to take the.txt text version of space of tabulation accord with file. Insert carries out in Dreamweaver, Tabular Date opens following windows:

After adding each parameter, can guide among them data in a form of Dreamweaver.

3) the format turns table. If you are right,the parameter of each unit case feels reduplicative set if boring, command of use Format Table can help you fast format turns table, this command falls in Command menu, plan of a variety of form match colors are taken inside this command, you can choose a kind, dreamweaver will be automatic on the form that uses colour program your make choice of. If pursue:


   4, form and layer each other turn. Some friends like the footloose page content that arranges him, always do not like the working way of form. Actually you can use agile layer completely to arrange your page content, it is its changeover form again when you feel satisfactory. The layer that your need changes pitch on, executive command Modify, Convert, Layers To Table. If pursue:


   5, update many frame page at the same time. Having is us need is updated at the same time when clicking a link another two or content of many frame page, this act that can use Dreamweaver through the following measure will come true.

1) the written language that chooses a link or picture.

2) open behavior face plate (Behaviors) , click plus to add behavior of Go To URL.


3) showed in dialog box of Go To URL current already some all frame windows, we part make choice of name of a window, can part the file content that every window will replace separate set. Dreamweaver can be in set one is added at the back of the window of target file " * " date, represent this frame window already set URL.


4) the point after finishing is certain can, we nod this link, can update the content of many windows at the same time.
   3, content piece

How faster so more convenient that have an organization to content, every friend wants to understand, below perhaps you know these a few skill, perhaps do not know, but important is through be being applied ceaselessly, you can discover its advantage.

   1, fast ticket edits. To the friend of familiar and handwritten code, often need switch to add a few code to code window handiwork. The Quick Tag Editor that uses Dreamweaver actually can insert all sorts of HTML label quickly, one is to click the icon of attribute face plate to insert, another kind of quick way is Ctrl+T, these two kinds of methods can open fast ticket editor, can choose the source code label of need from inside list directly, pursue as follows:


   2, add picture frame quickly. To inserting a webpage a lot of medium pictures do not have frame, sometimes we need to add frame to the picture, we do not need to open image to handle software to be able to come true. A kind of method is pitch on Border is defined to be 1px in attribute face plate directly after the picture, this meeting adds the 1 frame that resembles element to the picture; Another kind of method is to define a style, we can define Img label the style to be 1px quadrilateral directly, criterion the picture that all the webpage is medium insertion can contain identical frame. If pursue:


   3, use procrastinate move means to increase a link. Dreamweaver supports from hold in the palm directly inside documentation move catenary to receive the other document inside the site, we can mix site window documentation window is placed side by side, if pursue:


Choose the character that the link needs in Chinese archives next, open attribute face edition, the target file in pointing to the Point To File after linking address column site window can, pursue as follows:

   4, how to add background voice. In the to file of sound of a few multimedia insertion in Dreamweaver, a lot of friends feel some are bemused, actually very simple, click Dreamweaver working window is the leftest the label of next horn, open Behavior face plate, playing the Behavior window that give to nod + date, choose Play Sound, the sound file that chooses you to need can be joined. In documentation window file of pitch on sound marks, it is OK that Parameters is clicked in attribute face plate broadcast whether the circular time of background music of proper motion set, automatically wait for attribute, if pursue:


   4, beautification piece

Beautification all sorts of webpage elements are cost the job that does not decide the effect again already, a few skill that I introduce below may give you a bit help.

   1, establish match colors program quickly. We often need set to link the literal facial expression of each condition, some friends feel his color feels not quite good, always go searching manual of a few match colors. Actually Dreamweaver itself had taken plan of a few match colors, open Commands, command of Set Color Scheme, we can see the match colors plan that has a lot of whole set, every defined the setting color, character expression, color that links each status, you need to choose a kind only can, see figure below:


   2, CSS links modal skill. Literal link has 4 state commonly, link, Hover, Active, Visited, each status that we can link to the character normally define different colour and style, but the type that often the friend discovers he is defined did not resemble imagining when browse in that way. Main reason is right in modal watch the definition of the link has particular demand orderly, right order is: A:lInk, A:vIsited, A:hOver. To general friend, actually a lot of moment just think Hover condition has change, a little skill does not press the method above to define link style namely, and need to define A and A:h onlyThe style of Over condition can, what have the style of Hover condition and other state only so is different. Modification method pursues as follows;

   3, found character of different colorific join and underline. Common link written language and link underline are same color, actually we also can use a style to express medium Border attribute to replace the lineation of common link, because Border has more control parameter and type, what because this wants only,define the colour of the colour of Border and character is different can achieve our goal. For example we can be literal definition black, and in Border option definition underline is red, pursue as follows;


   5, improve efficiency skill

Dreamweaver still was included a lot of OK and great the command that improves work efficiency, include library item build, of pattern plate apply, the function of historical face plate and search replace a function. I introduce a few little skill to demonstrate these jussive here powerful.

   1, clear Word file skill. We often need to be changeover of file of a few Word HTML file, but the result of this kind of changeover is generated HTML file exceedingly big, a lot of repetition was included inside code, a few functions that use Dreamweaver integratedly can clear expediently useless code. Open the HTML file that Word makes above all, executive Commands menu issues order of Clean Up Word HTML, the process can identify the version of original Word automatically, keep clear of useless code. But right now file still has a lot of repetition code, basically was to include ma nyAnd

Label, we can execute the order of Clean Up HTML below Commands menu again, playing option of Specific Tag(s) of the make choice of in the dialog box that give, input Span and P label, blank space departure is used among, after executive command, all Span and P label are kept clear of.


But similar V:s still was included in the every picture attribute in the file right nowThe attribute of Hapes="_x0000_i1025" , we still need to keep clear of these attribute. Open search replace face plate, press the setting set of the graph replaces regulation, these attribute of all pictures can keep clear of after carrying out. If pursue;


   2, replace file caption quickly. I introduced to be able to replace file caption in site window in front, but the caption that can replace a document only, we can try to use what on one pace introduces to search the caption that replaces a command to replace many documents. The file caption that normally we build is Untitled Document, can open Edit, command of Find And Replace, undertake as follows installing, current site all file caption is Untitled Document replace the caption that is ourselves.

   3, set acquiescent documentation pattern. Although the method above is quick, but when we build a file every time, acquiescent file caption still is Untitled Document. Because build documentation when, dreamweaver can call an acquiescent page to regard default as the format, this file is \Dreamweaver 4\Configuration\Templates\Default.html, such we are OK us the unified a few formats in the site had been installed, if carry caption of size of scenery, font, file on the back to wait, save it next enclothe the Default.html file above. When after be in, we build a file, dreamweaver will be automatic apply mechanically the form with our good set, this can improve very big work efficiency.

   6, later period is safeguarded piece

Good, above the course so much introduction, we had mastered the skill that a few webpages make, but whether does the page that you make contain an error no longer? Your link whether correct link? Whether is your page behaved in all sorts of browsers good? Whether are there still a lot of documents that need no longer in your site? A lot of similar problems still are, these are to belong to a site to later period detects and be safeguarded. We introduce a few later period to detect again here the skill of the respect.

   1, the link detects. Executive menu File, Check Links command, dreamweaver can detect automatically all links in current site, detect an invalid link, pursue as follows:


Doubleclick detect a result that give, can open corresponding page automatically and locate wrong link is in directly, very convenient we revise link mistake.

   2, detect quickly useless file. Executive menu commands Site, Check Links Sitewide can open link file to detect function, we also can use this function to check the useless file in the site, delete. Should choose only most Orphaned Files is in circle is being drawn below upper part, the useless file in all sites can be listed subjacent, them all pitch on, by Delete key can be deleted.

   3, generate a site to report quickly (Reports) . Moving menu commands Site, the according to us need with OK and frequent Reports makes the site report that accords with some kind of condition or file report, the empty label that can delete for example, file caption that did not name, picture that does not have Alt attribute is waited a moment. Pursue as follows:


We need preexistence most next in drawing circle choices of upper part need to carry out detected limits, for example whole site, current documentation, a certain folder is waited a moment, cancel the requirement that chooses need to detect beneath next, executive result can show automatically in a dialog box, doubleclick a among them to still can open source file to undertake modification directly. Pursue as follows:


Those who need an attention is, if your site file is very much, this command will drain many systematic resource, had better choose to detect only every time so a condition.

   Adscript: Write here I had introduced many skill to everybody, there still are a lot of similar functions in Dreamweaver actually, but my individual feels these also cannot call skill, it is the basic function that we need to master originally more very, there just are a lot of methods in the meeting on the road that leads to a target, these perhaps are a few methods that achieve a goal quickly quite.

 

No comments:

Post a Comment