Try out of Dreamweaver MX new function: Successive blank space

The friend that designs Chinese website can have such experience, although Dreamweaver function is powerful, but a travel that should achieve every stage according to the habit of style or manner of writing of Chinese is retractive two standard are not light however! About this problem, cudgel one's brains for of a few netizens, offerred a variety of implementation meanses, but everybody still feels not quite convenient. Accordingly, the page of a lot of Chinese is flat also abandoned paragraph first retractive format, by " westernize " !

Good now, we should thank the considerate design of Macromedia company user, like letting us can resemble editing composing in general word processing software, press blank space key gently to be able to realize a travel retractive.

Do not believe? See the picture below please.

A few times did you try to be no good? Not anxious, actually very simple. Undertake installing by the measure below please.

1. The Dreamweaver MX that start, choice Edit>Preferences (editor > parameter is installed) , or combine key by Ctrl+U, open Preferences dialog box.

2. Tick off in this dialog box choose Allow Multiple Consecutive Spaces(to allow many successive blank space) answer choose casing, following plan institute are shown.

3. Click OK pushbutton, return advocate operation interface tries.

Perhaps, the friend can give out doubt: The browser when be being browsed with the browser whether " admit " these retractive blank space? It is not strange that friends have this kind of doubt, because be in Dreamweaver 4,browser of affiliation successive blank space is not " admit " ! Nevertheless, ask friends to had been at ease, the author had passed to experiment repeatedly, the problem is done not have in Dreamweaver MX! Actually, want you to read its source code only, was clear about! In Dreamweaver MX, the successive blank space of travel head, successive blank space in travel and a blank space (be not successive blank space) HTML code is different, see next pictures please.

How? Should be at ease.

Try out the first feeling: First retractive, be easy!

 

A few proposals of the layer are used in Dreamweaver

8 law of the layer

Of course, these are not true law, is a few good advice only, in making you avoid the likely tired out when sink uses a layer. Have 9 law so, we cut, still have 8 below:

1. If you want nest layer, do not use multiple father layer definitely, should share a collective onefold father layer. If you must be used,did not make layer of complete definitive nest in modal watch, should do in Netscape4x often examination.

2. In a form that always puts text version in the layer - form should be very size (it is an unit in order to resemble element, is not per cent) and do not be more than a layer, nevertheless advocate the nest watch in the watch can be installed for opposite per cent size. It is OK to such doing when preventing be changed when window size, NC4xx is met readjust character arrives the position that cannot expect.

3. Place a layer to be in form anything but. Netscape 4x the layer in cannot understanding form correctly.

4. Always use Netscape Resize Fix this plug-in unit at any pages that have layer or CSS type.

5. After expecting to produce change when browser window size or screen resolution, what the layer of absolutely fixed position still can maintain the form with be placed in the middle or page content is right neat. The implementation that plug-in unit can use trends this effect.

6. Do not try to place scroll in the layer (with Overflow attribute) - use a DHTML to roll implement or technology of Project Seven IFRAME will replace, to Netscape 4.x user, one can be installed to flip a page specificly in IFRAME.

7. Name identically to layer and an image anything but - the name that every layer should have the his exclusive other element in distinguishing Yu Ye face (in fact, the element that you should not let two have same name appears in same a page is medium) .

8. Do not use incident to the layer directly / behavior. They will cannot cross browser ground job. The content that applies them in the layer (link or image) is not an oneself.

 

The data that uses DW alive guides, sort and beautification

When having, we often need to so that contact,release a few data such as client information to the net, but as client data increasing, is be being updated on your net to also feel more and more ability not equal to one's ambition? How should this do? Actually, besides will come true with these tiring-room languages such as Asp, Php quick outside updating, dreamweaver itself offerred data to guide the method with sort, this is absolutely to knowing the friend of tiring-room greatly good news. Dw also from version 3 retained this function all the time to newest Mx, see its economic point. We come to experience below its effect after all how.

Note: The article is with Dreameaver MX exemple

1,  for example we at hand has a Kehu.txt file now, sheet of connection of ** firm client is inside, detailed information is shown as follows:

Full name, sexual distinction, position, phone

Li Ming, male, personnel of A company technology, 87185900

Li Yan, male, b company director, 80226888

Wang Jiang, male, c company chief engineer, 83546790

Su Lin, female, personnel of D company sale, 87556341

Chen Dongdong, male, director of E company project, 87436588

Can see, inside this every undertook depart with comma.

2,  (1) open DW MX, build page of a Html, insert/table Objects/import Tabular Data of choice menu column this.

 

Graph 1

(2) window of occurrence Import Tabular Data, click " Browse... " pushbutton, the choice deposits the text file of data, in Delimiter this in want and the separator in text file is opposite should, because be used in Kehu.txt file, is comma, chose Comma so, other can need each to undertake choosing to revise according to everybody.

Graph 2

(3) click finally " OK " , a piece of form that includes text file data appears was in your before.

 

Graph 3

3,  (1) although form is,be done, nevertheless sometimes we need to have a sort to the data in form, this bit of DW also thought of of course, first pitch on form, choose menu column Commands/sort Table next this.

 

Graph 4

(2) window of occurrence Sort Table, sort By choose Column 1, order the choice is mixed by alphabetical sort Alphabetically ascend arrange Ascending, other each everybody can consult graph 5 basises need to undertake choosing.

 

Graph 5

(3) click " OK " , the sort of 1 is listed in completing pair of form so, list 1 medium full name to all undertook with phonetic alphabet size ascend arrange.

 

Graph 6

4, (1) now, our effect and sort came out, what should do finally is the beautification to form, love beautiful heart person to all have, form is not exceptional also, move beautification besides him hand outside, DW offerred seventeen kinds of style technically also to choose for you. As similar as Sort Table, first pitch on form, reelection choose Commands/format Table.

 

Graph 7

(2) window of occurrence Format Table, top left corner has all kinds of type, can choose according to your be fond of, because the others is the operation of goofy type each, did not introduce one by one here, just emphasize to last, this are to enquire whether you add code of all kinds of type to acquiesce of the and rather than in TD mark to be added in TR mark, here the author suggests you are not ticked off anthology, can generate otherwise get much code more than acquiescent setting.

 

Graph 8

(3) click " OK " , success, the effect that creates finally pursues as follows, how? Simple a few paces can make it such, need the function that comes true with ability of tiring-room process designing originally, do easily with DW decided, its powerful point also depends on this just about

 

Dreamweaver uses skill a collection of selected specimens

1, blank space is inputted in Dreamweaver 3
 
The entire part that 1) can use Chinese presses blank space key below condition, recommend strongly
2) inserts a transparent graph
3) uses the content that you keep in Pre label
The None-breaking Space in the Invisiables in 4)object is nodded
The None-breaking Space below 5)instert menu
Key of 6)CTRL+SHIFT+ blank space is joined
Angle bracket of 7)CTRL+T take out, key in  
(note from the back 4 yes essence is same)

2, the scroll caption in realizing browser condition column
 
Press F8 bolts, behaviors is chosen in Behaviors window, click " ＋ " date, reelection is taken " Set Text Of Status Bar of Set Text → " , write in shooting the dialog box that give finally on you think the character that appears in condition column is OK.

3, go meeting on shift of the mouse that make vicissitudinous trends links image
 
Prepare two plans above all, the first is primitive image, another is the image after mouse shift goes up. Click the first graph with the mouse, the link in attribute face plate is filled in column on the document that wants a link, press F8 next, click in Behaviors window " ＋ " date, choose " Swap Image " , the 2nd plan chooses in occurrence window, click affirmatory, succeeded.

4, Dreamweaver compositive to IE browser
 
Installation program meets Dreamweaver choose sheet to increase in context " Edit With Dreamweaver " command. Return what can revise Windows to register a watch, like be just like MS Word, Frontpage and Notepad, through the editor of IE tool column pushbutton calls Dreamweaver to open current webpage.
Will below last of text Dreamweaver that wants instead yourself installs method, save them for file of a *.reg, doubleclick it to add information register a watch can.

REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="\"D:\\Macromedia\\Dreamweaver 3\\dreamweaver.exe\" \"%1\" "

If want a setting to be IE default editor, those who open IE " Internet option " , appoint in program label.

5, the topmost phenomenon that the page can jump when how avoiding to click the object of empty link
 
The browser thinks catenary receives same page, but it looks for the bookmark that is less than a definition again (Anchor) , stay in the top of the page then. With " Javascript:vOid(null) " replace empty link " # " , solve this problem, perhaps increase many # number.

6, when how solving use CSS, layer, the effect in different browser is different, appear even sometimes the phenomenon of amlposition?
 
Do not mix use layer and form composing (if be filiation, be like the form in the layer, not be inside this principle limits)
The CSS of couplet type is inside in Netscape Navigator occurrence problem of classics regular meeting, use chain or inside set pattern;
Need to insert form in empty layer sometimes transparent perhaps picture, in order to assure the result in Netscape Navigator. To having the layer of a few width resembling element or height only, convert the picture will come true;
Avoid to use W3C to organize the composing attribute that does not recommend, replace with CSS.

7, how to add explanatory note in the webpage
 
Code: <! - - this is annotate- ->

8, the theme that if where to EMAIL is joined to link in the webpage and show,books
 
Code: <A Href= " Mailto:yOurmail@xxx.xxx? Subject= hello " > Send Mail</ A>

9, how to make email express sheet
 
Action= is inputted in <FORM> " Youremail@XXX.XXX " , refer use POST method.

10, the frame that how avoids others to put your webpage him (FRAME) in
 
The <HEAD> in source code...</ following code join between HEAD> :
<script Language= " Javascript " > < ! - -If (self! =top){top.location=self.location;}
- - ></ Script>

11, how to join final modification date automatically
 
The <BODY> in source code...</ following code join between BODY> :
<Script Language= " JavaScript " > < ! - -Document.write(" Last Updated: ?document.lastModified);
- - ></ Script>

12, how to let background picture do not roll
 
Code: <BODY Background= " Bg.gif " Bgproperties= " Fixed ">
Use in Dreamweaver " Text " - " Custom Style " - " Edit Style Sheet " - " New " - Body of the choice in Redefine HTML Tag, choose Fixed in the Attachment in Background next

13, how to time the webpage shut
 
Following code join at the back of the <BODY> in source code:
<Script LANGUAGE= " JavaScript ">< ! - -SetTimeout('window.close();' , 60000);
- -></ Script>
In code 60000 express 1 minute, it is an unit with millisecond.

14, the key word that how defines a webpage (KeyWords)
 
The form is as follows:
<Meta Name= " Keywords " Content= " Dreamweaver, flash, fireworks " >In Content it is key word namely, separate with comma, use in Dreamweaver " Insert " - " Head " - KeyWords command

15, how to install a command to close the window that open
 
Following code join in source code:
<A Href= " / " Onclick= " Javascript:wIndow.close(); Return False; " > close the window</ A>

16, how to add a title label pasted on the cover of a Chinese-style thread-bound book in the webpage, inside the page random jumps turn
 
In source code need inserts the local input of bookmark, top is inputted in called place, among them Top is the bookmark name of your set. Use bill of fare in Dreamweaver " Insert " - " Name Anchor " the command thrusts a title label pasted on the cover of a Chinese-style thread-bound book, when calling, #top is inputted in Link, top is bookmark name.

If want to jump arbitrarily between many pages,turn, method and above similar, when becoming a link nevertheless, want to add name of online page file before bookmark name, be like: Other.htm#top, can jump so the Top bookmark place that turns in Other.htm page.

17, how to assign content to do not support the browser of frame
 
Join in source code below code:
<This BODY><noframes> webpage has frame structure, download new browser to watch please</ Noframes></ BODY>

18, how to make form (TABLE) without frame line
 
the frame attribute of form: Border= " 0 "

19, how to conceal the LINK information that appears in condition column
 
Use following code please:
<A Href="http://www.tastelife.net" OnMouseOver="window.status='none';return True"> savors life</ A>

20, how to time be record in another webpage content
 
The <HEAD> in source code...</ HEAD>Join following code:
<Meta Http-equiv= " Refresh " Content= " 40;URL=http://www.tastelife.net ">
The will be record in Http://www.tastelife.net automatically to be in webpage after 40 seconds

21, how to install background music for the webpage
 
Code: <EMBED Src= " Music.mid " Autostart= " True " Loop= " 2 " Width= " 80 " Height= " 30 " >Src: The method of musical file reachs file name; Autostart: After True uploads for musical file begin automatically to broadcast, acquiesce is False (deny)Loop: True is infinite second rebroadcast, false is not rebroadcast, some is specific value (integral) for rebroadcast how many timesVolume: Limits extraction a cost is " 0-100 " , install volume, acquiesce is the volume of systematic itselfStarttime: "Cent: Second " , setting song begins the time that broadcast, be like, starttime= " 00:10 " , from the 10th begin to broadcastEndtime: "Cent: Second " , setting song ends the time that broadcastWidth: Of Control Panel wideHeight: Of Control Panel tallControls: The exterior of Control PanelControls= " Console/smallconsole/playbutton/pausebut ton/stopbutton/volumelever "

·Console: The face plate of normal volume
·Smallconsole: Lesser face plate
·Playbutton: Show broadcast pushbutton
·Pausebutton: Indication pause button
·Stopbutton: Show stop pushbutton
·Volumelever: Indication volume adjusts pushbutton

Hidden: To face plate can be concealed when True

22, how the underline that take out links
 
The <HEAD> in source code... following code input between </HEAD> :
<style Type= " Text/css ">< ! - -A {Text-decoration: None}
- -></ Style>
Use in Dreamweaver " Text " - " Custom Style " - " Edit Style Sheet " - " New " - A of the choice in Redefine HTML Tag, it is next in Decoration pitch on None

23, the Layer in Timeline takes a curve
 
The Layer that should make Timeline medium takes a curve, let him walk out of first is linear come, go up with any one Frame among the first Frame in last Frame next bit of right key, can see have an Add Keyframe, , move your Layer to the seat that you want next, DW can generate a curve automatically

24, how to conceal needless label
 
Sightless element was inserted in the webpage when the user when, dreamweaver can add automatically on the page to it corresponding elemental label, in order to facilitate the user chooses sightless element. But this is not a favour completely, for instance you 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 your job. Feel when you label of a certain element is hinderous so when, simply will screen is dropped. The method is to press " Ctrl ＋ U " open " Preferences " face plate, be in " Category " in be chosen " Invisibel Elements " , will appear in the right of face plate all elemental label. Want to will denounce the scratch out before the elemental label of your be disgusted with drop only, it is met with respect to guarantee against after reappear.

25, how to call " Style " and do not cause disorder of webpage former code to be able to 't bear
 
Call " Style " the method is very much, you can click right key to choose " Custon Style " will call " Style " standard, right key also can be clicked to call on the elemental list in condition column " Style " . Although different method is achieved the effect looks like be like, but the HTML code that generates actually differs completely. Use for instance " CustonStyle " will call " Style " standard, 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 I suggest the elemental list in using condition pen as far as possible will call " Style " . Still have a little skill, if you want to use " Style " all characters in defining some form unit, should be in only < Td > call in label " Style " went, and do not need to be defined in each < P > label. Notice this method is not used with < Table > label, because be in < Table > label is useful " Style " the literal format of the definition is met by Netscape oversight.

26, the mouse form that how changes the person that browse
 
This comes true through editing a style to express. Specific means is: Choice " character (Text) - > custom-built style (CSS Style) - > editor style is expressed (Edit Style Sheet) " , play an editor style to express the window, amid chooses " build (New) " . Choose then " establish a custom-built pattern (Make Custom Style) , to this style the watch gives a name, click affirmatory. Compile this style list, the choice is patulous (Extension) , the cursor in right (the effect of pressing with a finger that the choice in Cursor) should appear can.

27, how to arrange decorate the tool face plate with various Dreamweaver
 
A 800X600 defends oneself the screen of rate is really some smaller to Dreamweaver, nevertheless even if is 1024X768, also do not put leave all face plate.
Shut those to use the face plate that be less than temporarily in the editor, put commonly used face plate together, save screen space;
Unless want to use now, shut otherwise " HTML Source Inspector " , it is divided take up screen space, still take up the systematic natural resources that comparative;
The cache that press F4 has the face plate that open, the panorama of general view documentation, press again, indication face plate;
In " Windows " choose sheet to have " Arrange Floating Palettes " command, use this command to put the face plate that all opening in the window all around, and each other does not overlap.
Multi-purpose shortcut key masters adroitly is the very good method that imp roves work efficiency.
When adding sightless object, dreamweaver can add corresponding icon in the page coping of documentation window, if icon is too much, may cloggy editor. Can press " Ctrl+Shift+I " (advocate the View that choose sheet | Invisible Elements) will conceal and show them. OK also set does not appear these icon, do not suggest to be made so nevertheless, because they can help choice boy or girl friend, facilitating editor.

28, character of clew of change condition column
 
Usually, when the browser loads a page, what show on its condition column is the address name of this page, very inflexible. Had you thought the condition column that gives a browser increases a bit individual character? If have, so please according to the following measure, custom-built the character that oneself like! Open above all " Behaviors " behavior edits a window, click " ＋ " pushbutton, choose " Set Text Set " below " Text Of Status Bar " option, input oneself character in pane next, for example " the homepage that welcomes to me " wait, click [affirmatory] can.

29, the color that installs horizontal surveyor's staff in DW
 
Because do not support the COLOR attribute of <hr> in NC, do not have this setting in DW so, you can join code in HTML only: Color= " color code "

30, how the position of each elements in accurate fixed position webpage
 
The position of each elements in exact location webpage has two kinds of methods: Use form or layer.

Use form is to compare current practice at present, specific means is: A form is built in preexistence webpage, the frame width that notices form should is 0. Put each elements in each form unit according to your requirement again next. Adjust the position of the size of form unit and form frame carefully, also can move subsequently in the element in form unit at this moment the position. Such positions that you can compare each elements in accurate fixed position webpage. The advantage of use form is general, almost the browser of each version can send supportive form. Its defect is to use rise to be bothered quite, need undertakes carefully adjustment, and location is very not exact.

The layer can be placed at will in the webpage, accordingly we can use a layer to undertake essence of life decides. Use method is, a layer is inserted in the webpage, the element that wants you to locate next is put in the layer, then we can put to place to want any seats. In addition, you are OK still staff guage of have the aid of and reseau have exact fixed position. Because the layer is only in newest browser,be supported, was thought compatible old browser, we can be layer change form. The method is: Mode of layout of layout of?Modify)-> of Ru of ≡ Chi target (Layout Mode)-> changes the layer into form (Convert Layers To Table) " can. Attention at this moment the layer cannot have jackknife, we can choose before inserting a layer " examine (View)-> prevents a crisscross (Prevent Layer Overlaps) " the jackknife that will avoid a layer. The page after be being changed generally speaking may have a few change, still need us to undertake adjustm ent by hand.

A bit want to notice finally, when the mutual transition that has form and layer, had better not use layer and form at the same time in a page, the chaos that may get your page in that way.

31, how to make be similar to next effects that play menu
 
Conceal and show character what make be similar to next effects that play menu to need to use a layer. Specific means is:

One is inserted in the page one-way the form of much line, the menu that serves as you. The row of form is counted by the how many decision of menu option. Insert a layer, next the first content that play menu are inputted in the layer, move this layer to form the first below.

Manage together, also make the operation of as above to the dish individual event of other, insert corresponding layer. The indication attribute all layers (Vis) instead is concealed (Hidden) . Choose the first unit of form, click the window (Windows)-> behavior (Behaviors) , pluck a behavior face plate. Press " + " add behavior Show-Hide Layers, and the first layer (Layer1) attribute instead shows (Show) , the attribute instead of other layer is concealed (Hide) . Edit this behavior in behavior face plate then, spark it incident (Events) instead OnMouseover. Such, when mouse shift arrives over unit of the first form, the first falls pull menu to be able to be shown. Add Show-Hide Layers of a behavior again then, conceal the attribute instead of all layers. Edit this behavior in behavior face plate then, spark it incident (Events) instead OnMouseout. Such becoming mouse from removeding over unit of the first form, the first falls pull menu to be able to be concealed.

Repeat E, F to operate to the dish individual event of other. But should notice to install " menu 2 " when, the 2nd shows, other layer is concealed; Install " menu 3 " when, three-layer shows, other layer is concealed; The rest may be deduced by analogy goes down.

32, the position of each element in helping fixed position webpage with TracingImage
 
TracingImage is a when Dreamweaver2 adds newly very valid function, it allows an user to be done in the design design with webpage former lieutenant general as additional setting. So come, it is very OK to support locate the webpage element such as character, image, form, layer is in conveniently the position in this page. Of TracingImage specific using is such: Use all sorts of plot software to make plan of structure of composing of the webpage in an imagination above all, save this graph next for network image format (include Gif, jpg, jpeg and Png) . Open you with Dreamweaver an editorial webpage, right key is clicked in the clear area of the page, choose " Page Properties. . . " , the Tracing Image in shooting the dialog box that give next in the plan of webpage composing structure that the input a moment ago established is in the position. It is again in Image Transparen the diaphaneity of set TracingImage, OK. Such you are OK locate conveniently in current webpage the position of each webpage elements. The webpage that used TracingImage won't show setting pattern again when editing with Dreamweaver, but when the as it happens when use browser is browsed contrary TracingImage disappeared, what what see is to pass editorial webpage (can show setting pattern of course) .

33, about " Convert Table Widths To Pixels " and " Convert Table Widths To Percent "
 
"Convert Table Widths To Pixels " and " Convert Table Widths To Percent " the main function that is the breadth of two settings form that Dreamweaver2 increases newly. When you open a webpage that contains form, in condition column midpoint < Table > label, can see these two pushbutton in the face plate of form attribute tool that shows subsequently. Just as its name implies " Convert Table Widths To Pixels " indicate the breadth of all unit in form in order to resemble element namely, and " Convert Table Widths To Percent " it is the width all unit in form expresses with per cent. Consider their effect carefully, if indicate the breadth of a form in order to resemble element completely, when Dan Liu sees the window be magnified, form won't magnify subsequently the width of unit case. And used " Convert Table Widths To Percent " hind can make you build 100 % wide form to maintain the width of 100% as before below higher resolution below 640*480 resolution. Using these two functions alive so can be webpage composing get twice the result with half the effort.
 

Use DW-MX to make ASP.NET- show with delete (one)

   
   This time Macromedia company used to name brand-newly: Dreamweaver MX
   
   Listen to a name to feel pretty cruel, of course his function also is same cruel Oh! Respect of Dreamweaver MX backstage not only can use former Asp of UltraDev place support, Jsp, ColdFusion develops a technology, now is the support that adds pair of PHP, ASP.NET and Coldfusion MX more, the choice leeway that everybody develops to network tiring-room is more, happy! Should learn nevertheless but true many, the MX that prepares you begins!
   
   This try out the.NET part operation of MX, he raises those who hold.NET to accuse partly be like: Datasets, DataGrid, Datalist, although still insufficient and agile, but it is after all good germinant ^_^
   
   Dreamweaver MX is used to combine SQL Server database to do a data to show list and the page that delete below, these very foundation, basically be to let everybody feel the.NET below MX environment is developed.
   
    One. Of course you want already the moving environment that compose built NET
   
    2. Undertake to site catalog Web is shared(these are here did not stress UltraDev base more)
   
   3. Database structure
   
   Use SQL Server database this, those who use is me in server of this locality database " New " in the library " jest is expressed " , 3 fields are shared inside, data type pursues as follows, among them " serial number " field " label " attribute is " be " ;

    4. Compose proposes a site, should use here only " Server Model " server mode needs to choose to be " ASP.NET C# " ;

   5. Copy DreamweaverCtrls.dll accuses
   
   Turn to site window to fall, build " Default.aspx " page;
   
   Open " Application " window, you see now should be following graphs

  The admonitory written language that red line casing rises is used in noting a plan, click " Deploy " the link can be played piece " Deploy Supporting Filos To Testing Server " dialog box, click the icon of the folder that browse in following graphs

   One is built in shooting the dialog box that give " Bin " folder, doubleclick enter this folder to be clicked next " save " pushbutton, return former dialog box at this moment, if pursue

  Can click now " Deploy " pushbutton, the meeting after finishing plays a draw a frame round of information laying a plan

  With going out to drill to will be in your site follows one is built on catalog " Bin " catalog, and one is copied inside catalog " DreamweaverCtrls.dll " file, this should be Macromedia him company accuse, little he your Aspx file with what MX does can not move, before place face expatiation the measure that establishs this file.
   
    6. Build Datebase (data pool)
   
   Open the Datebase option below Application, click plus pushbutton to choose the 2nd " SQL Server Connection " ;

   The MX in playing the SQL that go out to link a dialog box can write good data source to link the pattern plate of string for you beforehand, you need to be revised according to your database information only, compared with UltraDev more human nature was changed some. Right is clicked after finishing " TEST " pushbutton checks, following graphs state the test is passed;

   7. Build record volume
   
   Open the Bindings option below Application, click plus pushbutton to choose the first " DateSet " build volume of a record, following plan institute are shown, ASP is built to record collect to do not have too big distinction below the pattern that establishs NET to record part and environment of former preexistence UltraDev, still be standard UltraDev interface, do not spend authority or can discover from inside the graph two point are different.

  MX bore Chinese field name and Chinese watch name, this can improve our development efficiency greatly, also be one of progress that I think MX is the biggest;
   
   much " On Failure, go To " option, that is to say you are OK and custom-built the page that changes current page to other to had been defined when the database builds failure, is not former the person that let browse in that way sees " mistake of 500 in-house servers " .

    
    8. Applied DataGrid accuses
   
   Open " Insert " below the toolbar " Application " applied project, listed here some can use charge an already quick item, below environment of should corresponding UltraDev " Live " thing team. Click Zun Qi the 3rd " DataGrid " accuse

  Playing go out " DataGrid " undertake installing in the dialog box
   
   ID: "DataGrid " -- accuse to build remove an ID;
   
   DateSet: "DateSet1 " -- it is the record volume that we just build;
   
   Show: "10 " Records -- custom-built every page shows 10 records;
   
   Navigation: "Numbered Links To Every Page " -- the link that demonstrates partial page on the page, it is similar " . . .1 2 3. . . " form, still can choose here " Links To Previous And Next Pages " will demonstrate link turning over a page, similar " <<<>> > " form;
   
   Columns: MX is read beforehand take record part beforehand buy two fields, representing a kind is " Simple Date Field " common word segment display;

   After the setting is finished, you can click pushbutton to return, finished data to show so, open a browser to look. If not be too impatient so do accordingly next, increase a link that deletes a record.
   
   Click " Columns " the plus pushbutton of right, choose the 5th " Delete Button " delete pushbutton, in the setting in the dialog box
   
   Title: "Delete " -- the caption of indication row;
   
   Button Type: "Link Button " -- show in order to link a form, you also can choose with " Push Button " pushbutton form shows;
   
   Delete From: "Dbo. Jest is expressed " -- the watch that the need in choosing a database deletes
   
   Primary Key: "Serial number " -- main key word
   
   Submit As: "Int " -- the attribute that is s erial number field, here is numeric type

   After finishing " OK " return, you can discover " Columns " inside the country many group " delete " field, click again " OK " return a page.
   
   Can show in the page right now join " DataGrid " accuse, this falls with UltraDev environment can be very different, you cannot choose among them some, can choose completely only, you can edit that is to say only " DataGrid " accuse an addition that will realize certain function. First without giving thought to these, save file to disk see final result

   9. Show final result

   Oh, the result is right still! Indication data, delete link, link turning over a page to have, such page is done below UltraDev with ASP can want many time on cost, and such link turning over a page wants manual adapting code about a hundred, did not think of to simple a few paces need to operate only below NET just, look use MX to edit ASP.NET or be worth to try, maybe still has more wonderful functions to waiting for you!

 

 

Use DW-MX to make ASP.NET- revise (2)

Respecting is answered to use Dreamweaver MX to build ASP.NET to develop an environment on, and be in can inspect completely did below the environment data shows and delete the function such as the record.

From the point of the means of implementation, all operations entered DataGrid to accuse in, netizen come to an agreement or understanding is compared is a large plug-in unit, I feel also is pretty figure, of course common plug-in unit can not get the function that it has, continue to say this accuses again below when indication data perhaps says operand is occupied a few in category.

Add modification caption function

DataGrid itself had the function of modification record, need to be installed in the dialog box only.

We are opened below Dreamweaver MX page of previous editorial Default.aspx, turn to the Server Behaviors window below Application, doubleclick " DataGrid(DataGrid1) " accuse (should be called server behavior to just be opposite in MX actually, ah, same cough up) ,   click " Columns " the plus pushbutton of right, choose the 4th " Edit, update, cancel Buttons " editor pushbutton, the name is a little long, nevertheless it had these functions really.

Playing the setting in the dialog box that give

Title: "Delete " -- the caption of indication row;
 
 Button Type: "Link Button " -- show in order to link a form, you also can choose with " Push Button " pushbutton form shows;
 
 Update Table: "Dbo. Jest is expressed " -- the watch that the need in choosing a database revises
 
 Primary Key: "Serial number " -- main key word
 
 Submit As: "Int " -- the attribute that is serial number field, here is numeric type

After finishing " OK " return, fasten rapid move to shut first accuse a dialog box, you still need to set the field that should revise.

Doubleclick Columns inside the country " caption " one column, accusing the dialog box lieutenant general that give " Read Only " choose diamonds setting to be do not choose, below " Submit As " should choose you to be in the database only the data type of caption correspondence can, it is here " NVarChar " type.

After finishing " OK " return, can decide DataGrid accuses a dialog box now. Good, save file to disk check this modification function.

In the browser now should be the about of next graphs

Click correspondence " Edit " the character of caption column can be replaced with text casing, after then you can alter the written language in text casing, click " Update " , see a result how:

Incorrect, the character is obviously in text casing, how to become " ? ? ? " !

According to netizen Xpilot remind, discover this is the problem on encode. Browsed the documentation of a few ASP.NET, discovery can use ResponseEncoding attribute to request ASP.NET  Use UTF-8 encode will send a webpage.

Http://chs.gotdotnet.com/quickstart/aspplus/doc/cultureencoding.aspx

In the group of Default.aspx source window, we a ResponseEncoding="gb2312" is medium " Gb2312 " repair instead " UTF-8 "

Save file to disk to check again next. Following plan institute are shown, modification record is become

 

Use DW-MX to make ASP.NET- link and complement (3)

In should link in the use process of UltraDev before showing detailed data page is general is to pass " Go To Detail Page " server behavior, and this action was not provided however in window of behavior of the server below NET environment, so how should be the link done? The answer still accuses in DataGrid in the setting.

Explain to go to the lavatory, we also put the element of detail page in Default.aspx page.

Build volume of a record first " DataSet2 " use those who show detailed information, establish a method very simple, if the graph is a setting only,serial number is delivered for URL come over " Xid " parameter.

A form is inserted in the page, will " DataSet2 " the field that records concentration is ordinal bind decide proper place, still have did not forget to use Show Region of → of Server Behaviors  Setting of behavior of → Show If DateSet Is Not Empty is become " DataSet2 " record volume is empty when conceal form, pursue as follows.

After finishing, we should edit DataGrid to accuse again, in the dialog box setting serial number is deliver " Xid " the link of parameter, in " Columns " choose inside the country " serial number " , click lower part next " Change  Column Type " pushbutton of changeover kind kind chooses " Hyperlink " exceed a link

Playing go out " Hyperlink Culumn " following settings in the dialog box

Title: "Serial number " -- the caption of indication row   
Hyperlink Text: -- transcend link written language, here includes to have 3 projects   
Static Text: -- you can write a character to serve as a link here   
Data Field: "Serial number " -- the field that you can choose to record concentration will serve as a link   
Format String: -- the indication format that you can define a field   
Linked Page: -- the page that links, here also has 3 projects   
Static URL: -- the page that links a static state   
Date Field: "Serial number " -- here is to point to a choice " serial number " the field is worth as the parameter that delivers next pages
Format String: "Default.aspx? Xid={0} " -- the page that the pushbutton of use right chooses to want to be linked, our detail record also chooses in this page " Default.aspx " can make the string in front, needing the parameter name that notices is to be generated automatically is Chinese " serial number " character, we are being built " DataSet2 " parameter name is appointed to be when recording part " Xid " , so here wants to be revised by hand.

The graph is as follows after finishing

Click " OK " return save file to disk check.

A few complement of other

1. accuses in DataGrid in we had used 4 kinds of indication types, knew their use method basically also, still remaining a kind is " Free Form " . This is a kind of freer indication type, you can be joined here amalgamative a few trends are recorded or amid adds text version, also can be expression accuses, anyhow this is a when offer quick indication step.

Everybody still should write down 2. so that we are editing " Hyperlink Culumn " exceed link dialog box from time to tome " Format String " project setting is empty, how should be if need again,installed again? Browsed we make ASP.NET documentation as follows try, string is joined inside this casing " ｛ 0:X｝ " , pursue as follows

After saving file to disk, in the browser we can see next pictures

"Serial number " the field indicates numerical value with hexadecimal format, the reason is in format character " X " go up, specification of character of a few formats is below

C indicates numerical value with monetary format.
 D indicates numerical value with decimal format.
 E with scientific notation (index) the format indicates numerical value.
 F indicates numerical value with securing a format.
 G indicates numerical value with groovy format.
 N indicates numerical value with digital format.
 X indicates numerical value with hexadecimal format.

If 3. needs " serial number " the link of the field is opened in order to build window form, that this how? This DataGrid accuses in did not provide this function it seems that, we try to change change a source. Turn to source window, find correspondence " serial number " the code of the field:

<asp:HYperLinkColumn
 DataNavigateUrlField=" serial number "
 DataNavigateUrlFormatString="default.aspx? Xid={0} "
 DataTextField=" serial number "
 Visible="True "
 "/ of HeaderText=" serial number>

Add finally in code " Target="_new" " string, make become

<asp:HYperLinkColumn
 DataNavigateUrlField=" serial number "
 DataNavigateUrlFormatString="default.aspx? Xid={0} "
 DataTextField=" serial number "
 Visible="True "
 HeaderText=" serial number "
 Target="_new" />

Good, such OK, the link that clicks serial number to go up again when you is recorded even if appeared with type of new window degree of lip-rounding.

The DataGrid below environment of the ASP.NET in Dreamweaver MX controls a fundamental use with respect to these, of course you can use modification code to obtain more function, still be adage, dreamweaver  MX can provide efficiency when you develop ASP.NET, and what what have a function at present is very insufficient still, watch source, understanding source or the key that use good Dreamweaver MX more so. Result.

 

The act that uses DWMX to be taken oneself is made play a menu

Do not know everybody has is there to be made almost with FW in discovering DWMX play a menu function? This function allows to be done with character and picture give priority to menu, if use,literal word should become fictitious link first. Below the process that says simply to make with everybody!
1. I am this to use a picture, a page is built in preexistence DWMX, insert a picture. Choose a picture, open behavior window, click + date, choose " to show play option of " of menu giving form, at that time DWMX opens a window to pursue as follows:

Everybody can see have 4 option, it is respectively:" Content, exterior, advanced, position "
2. is written in text casing on your menu name, through clicking + number will increase your place to need menu amount to pursue as follows:

If your menu still has inferior menu, choose its menu, click again retractive, pursue as follows:

3. clicks option of " exterior " , here can set your menu exterior, can choose perpendicular menu or horizontal bill of fare, the size of font, whether be placed in the middle, with the style of the general position of menu and mouse glide. Pursue as follows:

4. clicks option of " advanced " , what didn't I do to alter here, the instead of menu defer time that is an acquiesce only 500, pursue as follows:

5. clicks option of " position " , here has 4 kinds of choices, also can come from personal set through X.Y coordinate value of course. I chose lower part place here, pursue as follows:

Good, nod again finished certainly, at this moment DWMX can generate file of a Js to be in your folder, did not forget to also pass it when the webpage that uploads you.

DW MX pattern plate establishs station novice guideline

Dreamweaver function is powerful, the interface is friendly, increase the close cooperation with Flash of additionally two brother and Fireworks, it is the first selection of the website that make really. But Dreamweaver is located in professional webpage to design software surely all the time, not be very considerate it seems that to the consideration of abecedarian, if you are done not have a few into this the webpage designs knowledge, really very difficult clear up the function with complex so much, just want to make a simple website when you especially and do not think get to the bottom of among them knowledge when, dreamweaver is not so handy letting a person. As the bitter fleabane of Internet suddenly develops now, more and more people begin to make a website, to get used to the need of new form, occupational more market share, macromedia company undertakes to software function in Dreamweaver MX version major key is rectified weighing, offerr ed a website to feel in the light of the novice especially board function, had it, although you do not have the professional knowledge of what webpage almost, also can build the page position that has professional level quickly to design a webpage quickly.

To make your faster control this skill, below we are felt through looking how to be used in light of an example board the website that builds oneself.

　　 Measure 1:

Open Dreamweaver MX, file-New of use menu command will be played give a dialog box in order to build a file (if pursue 1) .

This dialog box includes two label page: General (general) with Templates (pattern plate) . The list of the website that Templates label page includes yourself to define (if have) , you can choose a pattern plate to found new documentation from which. General label page includes various documentation types, you can choose to found new page from which. Since be a novice, had not designed a website naturally, we use General label page.

　　 Measure 2:

Page Designs chooses in Gategory casing, the pattern of a few pattern plate that Macromeidia company sets beforehand can see in the Page Designs casing of right, we can undertake choosing with the mouse here, and can be in immediately most the description that the Preview area on the right side of sees previewed effect and character (if pursue 2) .

　　 Measure 3:

Images Thumbnail Grid chooses in the Page Designs casing of right, be united in wedlock most on the right side of previewing effect graph and the literal description below to be able to see this is one uses the page that shows a picture, each page shows 3 pieces of pictures (if pursue 3) .

　　 Measure 4:

If you want to make one page only such webpage, so choose option of Document of right lower part please, if major webpage is such overall arrangement in your website, can choose Template option, make its to be aimed at the pattern plate of this website, in can going to the lavatory to will be designed henceforth greatly so revise with safeguard. We choose Document option, click Ctreat pushbutton (if pursue 4) .

　　 Measure 5:

We see a page in the working interface of Dreamweaver immediately, with previewed effect exactly like. What should do now is the page medium character and picture news change the content that is yourself. Will change a character above all, can you use Word? Right, you can be used and edit these characters in the same method in Word (if pursue 5) .

　　 Measure 6:

Will look how to change a picture again, the mouse clicks the first piece of picture, the icon that one is called Src can see on the Properties face plate of work area lower part, click it, will appear a file chooses a dialog box, you can appoint need to change the way of the picture here. Those who need an attention is, to avoid to produce method mistake, had better set the picture that all wanting that use in same below catalog (like Images) , and all file name uses English small letter (if pursue 6) .

　　 Measure 7:

Will revise finally exceed a link, exceed the action of the link to depend on, when your use mouse clicks it, it can make the browser jumps the page that turns to had been installed shows. The link exceeds to show condition takes the character of underline for blue in what acquiesce uses in Dreamweaver. The mouse is in in the random in these characters click, the text after the Link that we can get on in Properties face plate sees this paragraph of character exceed the setting of the link in casing, we can click the Browse Byfile pushbutton from the back to use a file to choose casing to choose to want the file way of the link likewise, also can fill in inside text casing directly method (if pursue 7) (# delegate links file oneself, use link of the sky that make to perhaps be used at the test normally) .

Revise through, you had had your webpage, and I think all these cannot spend you 10 minutes, be still in blue what? The stylist that wants pair of major finally people say, because the design of these pattern plate has professional level really, because this thinks when you lazy when also might as well try.

Realize Real and webpage union easily with Dreamweaver

   A Realplayer is clicked in IE when you when join, the system can start Realplayer software automatically, take up not only systematic memory, and the Realplayer when getting online appears easily mistake. The best method that solves this problem embeds Realplayer file namely webpage, but this solution must be met write the advanced language such as JAVA, recently, my discovery can use Realplayer to embed RealPlayer file easily in the webpage.

The Real Media plug-in unit that needs to install a Real Networks to be developed technically for Dreamweaver only can. Macromedia Extension Manager must be installed above all before installing plug-in unit. Its latest edition is originally 1.5, can download freely on Macromedia website get. The plug-in unit of Real Media also can be likewise on Macromedia website find. After plug-in unit downloads, need to doubleclick only, macromedia Extension Manager can undertake automatically installing. After installation, exemple) is with Dreamweaver MX here, meeting discovery is much in Instert column 1) of graph of a RealMedia(, this is the plug-in unit that just installs.

The graph was attacked at 1 o'clock see big picture

Insert RM frequency file

The first pace, save a webpage. Accuse in what any RealMedia insert in the webpage when, must save a webpage first, can appear otherwise graph the dialog box of 2.

Graph 2

The 2nd pace, after saving, click RealMedia Audio pushbutton with the mouse, dialog box of occurrence choice file (graph 3) . Generally speaking, the file that all Realplayer place support can be inserted among them, it is OK also to resemble MP3 for instance, if want to insert the video file of RealPlayer, can hear voice only in the webpage, do not see picture however.

Graph 3 Click see big picture

The 3rd pace, this is each parameter in can revising Properties. If the graph is shown 4 times,each parameter installs RealMedia Audio, realMedia can input corresponding name in column, column of W column H is us what what see commonly is long with tall, its acquiescent attribute is 1*1. Src is the address with the specific file that broadcast, can click folder to undertake choosing afresh. Open this page to allow an user, hear euphonic music, tick off choose Auto-Start. When general frequency file is broadcasted, the brand of meeting occurrence Real Networks, if tick off,chose Hide Logo this option, so brand appeared no longer.

Graph 4 Click see big picture

So simple 3 paces, can combine frequency file in IE, but such inconvenience undertake use at the user, for instance a few stop, broadcast, look carefully at file information to wait to cannot come true.

Accordingly we need to introduce the 2nd case.

Use controller broadcasts frequency

The first pace, click Inster RealMedia Control, occurrence graph 5 pictures, there are a lot of controllers in Control, general we choose Basic Control, namely average controller.

Graph 5 Click see big picture

The 2nd pace, have general setting, above paragraphs has been mentioned, here is elaborated one by one no longer. Final result is shown 6 times like the graph.

Graph 6 Click see big picture

The insertion of concerned video file and frequency must insert a method duplicate. Whole process is quite simple and easy.

Offer source code below, in order to do research:

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta Http-equiv="Content-Type" Content="text/html; Charset=gb2312"> </head> <body> <object Id="RVOCX" Classid="CLSID:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" Width="320" Height="240"> <param Name="SRC" Value="Untitled-1.rpm"> <param Name="CONTROLS" Value="ImageWindow"> <param Name="CONSOLE" Value="cons"> <embed Src="Untitled-1.rpm" Type="audio/x-pn-realaudio-plugin" Width="320" Height="240" Controls="ImageWindow" Console="cons"> </embed></object> </body> </html>

Finally, also can come true in the Golive that develops in Adobe about the conformity of RealMedia and webpage, at the same time WindowsMedia can come true in Microsoft Frontpage.

Guide with Dreamweaver MX data alive function

   When having, we often need to so that contact,release a few data such as client information to the net, but as client data increasing, is be being updated on your net to also feel more and more ability not equal to one's ambition? How should this do? Actually, besides will come true with these tiring-room languages such as Asp, Php quick outside updating, dreamweaver itself offerred data to guide the method with sort, this is absolutely to knowing the friend of tiring-room greatly good news. DW also was withheld all the time to newest DW MX from version DW 3 this function, see its economic point. We come to experience below its effect after all how.

Note: The article is with Dreamweaver MX exemple

1, for example we at hand has a Kehu.txt file now, sheet of connection of ** firm client is inside, detailed information is shown as follows:

Full name	Sexual distinction	Position	Phone
Li Ming	Male	Personnel of A company technology	87185900
Li Yan	Male	B company director	80226888
Wang Jiang	Male	C company chief engineer	83546790
Su Lin	Female	Personnel of D company sale	87556341
Chen Dongdong	Male	Director of E company project	87436588

2, (1) opens DW MX, build page of a Html, insert/table Objects/import Tabular Data of choice menu column this.

The graph was attacked at 1 o'clock see big picture

(Window of 2) occurrence Import Tabular Data, click " Browse... " pushbutton, the choice deposits the text file of data, in Delimiter this in want and the separator in text file is opposite should, because be used in Kehu.txt file, is comma, chose Comma so, other can need each to undertake choosing to revise according to everybody.

The graph was attacked at 2 o'clock see big picture

(3) is clicked finally " OK " , a piece of form that includes text file data appears was in your before.

The graph was attacked at 3 o'clock see big picture

3, (1) although form is to be done, nevertheless sometimes we need to have a sort to the data in form, this bit of DW also thought of of course, first pitch on form, choose menu column Commands/sort Table next this.

The graph was attacked at 4 o'clock see big picture

(Window of 2) occurrence Sort Table, sort By choose Column 1, order the choice is mixed by alphabetical sort Alphabetically ascend arrange Ascending, other each everybody can consult graph 5 basises need to undertake choosing.

The graph was attacked at 5 o'clock see big picture

(3) is clicked " OK " , the sort of 1 is listed in completing pair of form so, list 1 medium full name to all undertook with phonetic alphabet size ascend arrange.

The graph was attacked at 6 o'clock see big picture

4, (1) now, our effect and sort came out, what should do finally is the beautification to form, love beautiful heart person to all have, form is not exceptional also, move beautification besides him hand outside, DW offerred seventeen kinds of style technically also to choose for you. As similar as Sort Table, first pitch on form, reelection choose Commands/format Table.

The graph was attacked at 7 o'clock see big picture

(Window of 2) occurrence Format Table, top left corner has all kinds of type, can choose according to your be fond of, because the others is the operation of goofy type each, did not introduce one by one here, just emphasize to last, this are to enquire whether you add code of all kinds of type to acquiesce of the and rather than in TD mark to be added in TR mark, here the author suggests you are not ticked off anthology, can generate otherwise get much code more than acquiescent setting.

The graph was attacked at 8 o'clock see big picture

(3) is clicked " OK " , success, the effect that creates finally pursues as follows, how? Simple a few paces can make it such, need the function that comes true with ability of tiring-room process designing originally, do easily with DW decided, its powerful point also depends on this just about.

With DW MX the navigation that make falls pull menu

Dreamweaver from since going out, its are handy use easily and the function is powerful " behavior " (Behavior) is one of heat that everybody pays close attention to all the time. In Dreamweaver MX(DW MX) , had again to this one function augment and improve.

In DW MX, what behavior points to is to answer some incident (Event) and an adopted operation (Action) . Among them the incident that what Event points to is a browser, window refresh, mouse is for instance mobile wait. And what Action points to is the JavaScript code that tiring-room answers incident, can complete corresponding operation, broadcast voice for instance, retroflexion the picture.

With DW MX the navigation that make falls pulling menu is one of specially good effect that often use in the webpage. (In if graph 1) is main,applying DW MX " Show-Hide Layers " behavior.

Graph 1

Make good navigation above all (graph 1 medium " product center " ) of that one column, add a layer subsequently, regard next pulling as the position that menu will indicate, write the corresponding column of menu.

Next, open " Behaviors " face plate, at the same time pitch on " product center " link (attention, this moment cannot the layer that enough pitch on just has built, cannot apply otherwise " Show-Hide Layers " behavior) , click " + " date, choose " Show-Hide Layers " , the layer that can see we just had been built is in options, can set perhaps shows to conceal (the 2) that be like a graph.

Graph 2

The magical function of behavior basically reflects in: If we want real at present to pull menu, the key lets a mouse move namely " product center " on the link when, make the layer shows; And when the mouse leaves a link, make the layer is concealed. According to this kind of thought, we establish two Action for this layer above all, one chooses Hide, one chooses Show. Next, adjust Event, set the Event of Hide Layer for OnMouseOut, leave a link for the mouse namely; And set the Event of Show Layer for OnMouseOver, it is link of mouse pitch on namely. By " F12 " preview, with respect to the effect that can see we are expected.

Such, it is OK that menu is pulled below the navigation that we feel very mysterious at ordinary times come true in behavior easily. Still can continue to apply on navigation link " Swap Image " behavior, the picture appears to retroflexion when implementation rat punctuation chooses a link the effect.

Behavior is not each isolated specially good effect, can combine overlay to realize complex function by many behavior, outside the action that besides DW MX acquiesce has set, we still can go up from Www.mcromedia.com download is more more the tripartite behavior of cruel, we need to duplicate them to fall to DreamweaverMX\Configuration\Behaviors\Actions\ catalog directly only can, make this one glitter of DW MX is nodded thereby more blindfold.

16 Dreamweaver use fast ability method

2003-02-18 09:5Motivation of Silicon Valley of 7 　 ENet

1, use a type neatly  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, command with Format Table alive  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,appear s 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.   3, at the same time 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.   4, do not have Chinese name to the file  Everybody is in after making 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 phen omenon, 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.   5, resolution of clever setting font  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. Mak e differ the monitor of resolution can better land shows.   6, clever conceal 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 n eed only, it is met with respect to guarantee against after reappear.   7, be apt to is used procrastinate put skill  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 co me over. But there is super link on the image that if be pulled,uses, cannot procrastinate with reuse use a technology, what because procrastinate in those days,come over is super link address merely.   8, automatic setting updates time  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 only...</ the goal that replaces time can achieve between BODY> :   <Script Language="JavaScript"></ Style> ; 2 it is to use a mouse ordinal the Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag in clicking Dreamweaver, choose A from which, it is next in Decoration pitch on None, click finally succeeded certainly.   12, clever and duplicate character  The character duplicates each other among the applied process that 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.   13, be apt to uses shortcut key  To improve the efficiency of the operation, 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 tha t also can make shortcut key of below in order to a few clavier will be pitch on uses HTML form: Ctrl-0:&Nbsp; does not have format 　 　 Ctrl-T:&　 of Nbsp; paragraph 　 Ctrl-1:&　 of Nbsp; caption 1 Ctrl-2:&Nbsp; caption 2 Ctrl-3:&　 of 　 of Nbsp; caption 3 Ctrl-4:&　 of 　 of Nbsp; caption 4 Ctrl-5:&　 of 　 of Nbsp; caption 5 Ctrl-6:&Nbsp; caption 6  14, shut a webpage automatically  If we hope our webpage can be shut automatically inside designation time, might as well following code join at the back of the label in webpage source code: <Script LANGUAGE="JavaScript"></ Script>  Among them in code 3000 express 3 seconds, it is an unit with millisecond.   15, name of clever setting object  When we are using Dreamweaver to make very mixed effect, 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.   16, for image the link adds dynamic effect  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.

Dreamweaver 4.0 skill 12 action

　 For the professional webpage fabricant of complex to wanting to be made below visible environment webpage, dreamweaver has shown talent in market of webpage editor tool gradually, become professional personage to write the optimal option of the webpage. With current condition for, the function with built-in Dreamweaver can say is to make more more, jump over richer, all ready. Here the little skill of a few application in the 4 version that I should introduce to everybody.

1.  Make webpage page bouncier

Some webpages developer call this kind of skill that wants the introduction below Liquid, I am called this kind of skill here is Stretchy (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, if the window passes,accordingly greatly blank place, window crosses little margin to won't run to pull Bar mobily up and down. The web page with actually simple great majority meets him adjust page volume as browser window size, but if a lot of different set pattern are used in the webpage,reach form, webpage page size is adjusted automatic and stretchly very hard. Normally webpage architect can be used mix use the set pattern with fixed wide column, with GIF graph archives serves as interval, will design webpage page, coming so is no matter use Internet Explorer or be to use, 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?

With tool cover edition (Object Palette) the pushbutton open webpage that go up, and be changed to format postmortem (Layout View) . The line that can see literal diamonds at this moment is broad, each pane still has a small pull-down arrowhead among upper part, the choice wants the small arrowhead of the sort upper part that set flexibility shows, choose then &qu ot; set the line show for flexibility " (Make Column Autostretch) . (set self-correcting line is broad be restricted with be being labelled) should list pane upper part to be able to appear at this moment an undee line, is not the number that states the line is broad originally. Dreamweaver can make the file of blank space graph that makes fixed printed sheet automatically, the blank form that file of this blank graph is the two strip form with arranging upper part expresses, such layout will be automatic by fill, ability can complete stretch layout set. (a dialog box can jump out to ask whether you want to use built-in graph file when increasing blank graph file for the first time, to demand the result, I suggest you make Dreamweaver automatic produce, need not use blank graph file to come otherwise fill layout. )

2.  Creation individuation mix colors dish

The Assets Panel with new Dreamweaver 4.0 (attribute Control Panel) it is a kind of basis when can editing a website archives condition, for example the picture, example new tool that will manage record, when you define new platform (· of choice Site New Site) , the component of all types can increase automatically in the proper watch casing in Asset Panel. This joins new Assets Panel property to control face edition in colored also casing, store all color that use in your website, include the literal color, color of setting, and concatenate color. This is one is the person that use to measure the website that has something made to order personally oriented color dish. Want activation Assets Panel only (choose Assets of choose of reelection of Window · first) , choose Zun Fang then that little color rolls, 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 shade of the hexadecimal value that this kind of color can appear on the picture is spent, with trichromatic and corresponding code (RGB) . If want mix colors dish tool line is a bit narrower, can join certain color to arrive only even mix colors dish in the favorite. The color that needs to will be chosen only opposes white, option in the window one is called " the favorite that adds me " pushbutton (most lower part relies on right button) , finished.

3.  Make play a type to choose sheet to guide view a system

Should make originally play a type to choose sheet to guide view a system (Pop-up Menu Navigation System) the syntactic skill that should use better JavaScript, but if you installed Dreamweaver/Fireworks Studio, light light Song Song can do quickly. Begin in Fireworks above all, choose a certain picture, choose Insert · Pop-Up Menu in the dialog box of Set Pop-Up Menu next, you can input a project (Items) the name chooses Plus (join) pushbutton, will add this item newly. Undertake in the message casing that you can continue to jumping out fine a set, for example the written language that this project place should use set and concatenate, also can add newly of course child anthology odd, and below reorder one set. When finishing, choose Next (next) , continue set preference value, for example color, font is waited a moment. After choosing sheet to finish at this moment, can preview HTML grammar, also can preview video. Reelection choose Finish (finish) . Arrive when mouse shift at this moment when original design, can appear the content general view of the system that choose sheet. When the archives remit that will made then, fireworks can produce an all Dreamweaver automatically to need the HTML that uses, JavaScript, and video archives.

4.  Archives yielding a picture is moved rise!

If you are installed at the same time,have Dreamweaver/Fireworks Studio, the ideal level with these two kinds of tie-in products will make you are profuse in praise. Although you are n ot professional graph archives architect, also want to alter document of picture of a few GIF more or less when designing a webpage lifelike. Dreamweaver can let your animation that make not ask for help! In standard window the choice should have modification picture, choose to edit button in Property Inspector next (Edit) . If in the Dreamweaver of your installation with Fireworks, fireworks is Dreamweaver sets picture editor beforehand, at this moment the picture arrives with respect to can automatic to load Fireworks. (the scrutiny that be like a young, each picture that can discover Fireworks can appear Editing From Dreamweaver such character and design, it is OK to indicate you by undertake the picture edits in Dreamweaver. ) good, choose to want editorial picture in Fireworks now, choose Animate Selection of Animate · of Modify · . Complete the set in Animate Dialog Box next, the frame of animation of make choice of is counted, the direction with mobile animation, di aphaneity waits set a moment. You also can choose Frames tool to list set shift rate, choose Object face edition to change set. When wanting remit record, want to choose Optimize tool line only, animated GIF chooses in the place of archives type. After finishing, fireworks is met automatic the picture with maximize set remit, and update GIF graph archives automatically, still can be in Dreamweaver come out has renewed graph archives show. Choose Preview In Browser of File · , can preview in the browser so just make finished lovely graph file!

5.  Let pushbutton have blink the effect

In Dreamweaver, need not have Flash program, also can make have the Flash pushbutton boy or girl friend that blinks the effect. 4 edition are built-in have boy or girl friend of several Flash pushbutton, can make the button of several different forms. Flash Button of · of Interactive Images of · of choice Insert can see have what built-in button. 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. Use mouse cursor to choose the pushbutton form that should use, input parameter according to foreword again, for example the character on pushbutton, glyph, color, concatenate wait, or it is to decide file name oneself. Press OK. Can have generation of archives of a SWF next, archives is met in the webpage that automatic buy enters you. By this makes good file, can see Property Inspector (attribute detail) in the property that meeting show gives record. When coming out archives attribute show, if expand archives attribute list, meeting occurrence Play (broadcast) button, the effect need not be blinked after the choice with open browser.

6.  Character of the flow that make

The Flash pushbutton that increases character of going from place to place to resemble increasing me to just introduce in the webpage is euqally simple. Identical, need not install Flash, the new function that provides with Dreamweaver 4.0 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 seesaw pattern media to also can make cabinet Flash form easily. Express according to Macromedia, the person that the network that has 97% is used can watch the webpage that has Flash effect, add for the webpage below the condition that because this new function can be in,does not add compatibility trouble a few browse on the interactive sex with the reader. Choose Flash Text of · of Interactive Images of Insert · , stuff preference set one by one again (color of the character that should change the effect for example, glyph, font and font size are waited a moment) .

7.  Change clavier to bolt quickly

The person that Dreamweaver can let use uses interface surely oneself, this design is very bouncy. E.g. , the person that use can adopt co mpose program (Programming) or raise a target by oneself (Object) means will change choose sheet. Need not work force is profound, you can change clavier to bolt quickly, because Dreamweaver has a graphical interface that is called Keyboard Shortcut Editor, want to choose Keyboard Shortcuts of Edit · only, the dialog box lists to load the fast key schedule that can change, let you change fast key into oneself to be used to habitual set to be worth. Want to alter fast key, should use active set only (Current Set) list with the instruction (Command) next pulling choose sheet, the injunction that wants to change is found in existing instruction, choose current fast key then, in the list that can appear in fast key. Additional, if want to increase fast key set, can choose the key of Plus button, new fast delegate that knocks you to want to use on clavier, the choice is changed (Change) can. At the same time you also can choose some fast key, choice to move except key (Minus) , can move except a certain fast key.

8.  Reset website window (Site Window) the line is broad

Want to choose File View Columns of View · from inside Site Window only, can decide postmortem website oneself (Site View) when the size with broad line and present means. Choose a wide name, readjust of use fluctuation arrowhead, or do not want Gou Xuanxian to show a field (Show Field) in order to conceal this. Additional, choice Plus Niu Ye can add a line newly, achieve row name oneself. In addition, you also can borrow the Note that in pull-down the choice in choosing sheet has to arise row and Design Note conjunction.

9.  Read a webpage primitive archives

When your open O'Reilly Code Reference (Reference of Window · ) when check attribute or the compatibility that are a browser, the window that sets beforehand is met with petty word model show referenced set value. But if you press the right key button of window right upper part (be in th e lower part that shuts pushbutton) , can appear a pull-down chooses sheet, can be in here the size that chooses original document style (small-sized word, to medium-sized font and large font) . Choose large font to won't mistreat an eye quite, because there need not be magnifier when you watch HTML primitive grade so,watch screen!

10.  Add Flash pushbutton newly

Above the pushbutton type that I had taught you how to use 20 kinds to be set beforehand, will make the Flash button in Dreamweaver. This is the method that need not install any archives or program additionally. There is another kind of method next, install Fireworks Buttons namely, 5 have function of this kind of augment and skill same result. To Exchange For Dreamweaver (center of trade of Dreamweaver augment function) , the keyword that inputs "InstaGraphics Extensions For Dreamweaver" is searched for, download the archives of this 577K again next. Change Dreamweaver, choose Manage E xtensions of Commands · , choose Install Extension of File · again, can begin to install. Once activation afresh Dreamweaver, have 6 fancy and interesting pushbutton state, include Surfboard to reach Bulletbar inside, want to use statement of Fireworks Button of · of Interactive Images of Insert · only at this moment, can make the button that makes dazzle of a cruel. You also can use Convert Bullets To Images of Commands · and Convert Text To Images of Commands · , two kinds of afore-mentioned methods can carry out Fireworks automatically.

11.  Join in the webpage " set becomes the favorite " function

Search for in Exchange, you can discover the augment function of Add To Favorites. 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 to load (Manage Extensions of Commands · , install Extension of File · ) . Catch new activation Dreamweaver, the au gment archives of this new to load can add a function newly in Dreamweaver. If your in the webpage joins this " join the favorite " function, come so the person that the network is used rambles when your website, press gently, the favorite that can join your website easily his use browser (or it is individual bookmark) . In addition, you also can decide the favorite oneself quick way name, and the favorite is quick before means name in the small icon that can appear (the acquiescent value that the small icon before the quick way of the favorite in general IE is IE, if you have the small icon that you design, that with respect to cruel much. Attention, this function supports the browser that uses IE 4.0 and taller version only. Want to choose Windows to pick the Behavior face edition in sheet only, fall to IE function again pull choose sheet there choose this function, can activation easily function of this cruel dazzle.

12.  Exceed the chart of cruel

If you want to make form, even do oneself spend time to beat a webpage literally again primitive code? Did not need, had had off-the-peg! Download Form Builder Extension to Exchange, have off-the-peg form, can let you duplicate immediately include the field form that waits like layer of country, sexual distinction, marital status, age and other catalog. Download this to Exchange cabinet (have 11K only) archives, next installation of by Extension Manager comes in (Manage Extensions of Commands · , install Extension of File · ) . Want new activation Dreamweaver only then like that, choose FormBuilder of Insert · , can be in (Insert · FormBuilder) in discover augment archives. There can be a dialog box to appear at this moment after choosing, it is all and OK that meeting show goes out the format of apply mechanically chooses sheet.

A few new features of Dreamweaver Mx

1 support more file types, installing plan before appearing, the type of occurrence support file chooses a dialog box, if pursue. Can see, file of dynamic to the server end of the mainstream script got supportive

2 interfaces can choose freely. When running DW Mx for the first time, with respect to the dialog box of occurrence choice interface, have classical Dw interface and Mx interface 2 kinds of choices, to study new feature, I chose side of Mx new Territories

The change of nature of root of 3 jobs interface, if pursue

4 Objects face plate. Objects face plate is put in coping, (Resembled a bit with Office) a lot of new projects are joined.

Common is much mediumer Tag Chooser, OK and free insertion any Html, Asp, Jsp, Php. . . . . . . mark and statement

Text column (the insertion that New) can go to the lavatory the character of all sorts of formats

Table column (the fractionation that the Td in New) , Tr, Th, Cap lets form is more convenient

Form column became much Fieldset and Label pushbutton

Templates column (New) is to add, edit pattern plate

Characters is done not have how old change, look to understand

Media is much mediumer a Param, seeing a name know add parameter, what be worth to be carried most additionally is Flash Button and Chinese of Flash Text support!

Head it doesn't matter changes

Script is to use those who insert a client to carry script, still can insert SSI

Application is the server carries dynamic script to make a column, had this does Macromedia prepare to abandon UltraDev?

5 add Tag Inspector face plate newly, with the tree mark in show current file, can be revised freely and insert

6 add Snippets face plate newly. The face is a few off-the-peg program function here, can procrastinate to be used directly in the file

7Reference is much a lot of mediumer manual, for instance CFML, ASP, JSP is waited a moment

8 compositive the operation to the database, looking is to want to abandon UltraDev really
 
9Tag Library Editor, everybody is OK oneself are patulous mark

10 helps file is not of Html format, and changed Chm pattern

Add specially good effect for webpage image with Dreamweaver

   Everybody knows, the webpage that Dreamweaver is a major designs a tool, provided a lot of convenient, practical functions, make the implementation of a lot of webpage effects comes out from the disengagement in trival code before, want dub mouse to be able to come true only. Adding specially good effect for webpage image among them is one of functions that its have distinguishing feature, use it to be able to think image adds such as shadow, motion, wave, reach fade to fade wait for specially good effect. This kind of specially good effect won't increase the size of image, also won't affect its to download speed of course. Its specific implementation means is as follows:

1, in Dreamweaver editor window, click menu to command " Window/Css Styles " open modal float face plate, in right key menu is clicked in float face plate " New Style " option perhaps clicks right belt playing role " + " pushbutton, open add modal dialog box newly (the 1) that be like a graph, in " Name " the input in column adds name of specially good effect newly, choose the first option of Type: "Make Custom Style " , click next " OK " pushbutton, the name of file of the input in saving a dialog box that appearing saves modal file.

Graph 1 fill on name of specially good effect

2, in the dialog box of modal definition setting that appears in immediately, last in choosing Category list casing " Extensions " option (the 2) that be like a graph, open patulous window parameter to install the window, among them " Page Break " the position that option uses at setting modal application from beginning to end, need not grant to install, and " Visual Effect " below " Cursor " use at defining mouse index figure oneself, "Filter " the type that is used at choosing the effect, share 16 option. After the user selects good effect kind, change the place that has unsolved problem among them the parameter that hopes into oneself, click " OK " the definition that completes a form namely.

Graph 2 choices set parameter

3, click menu " Insert/Image " open a picture, choice dialog box inserts the image of hope application specially good effect, the pitch on in editing the window next this image, click the pattern that the style a moment ago established in float face plate, press " F12 " key, in the final result that can see specially good effect shows in the browser. If pursue 3 it is for Filter type namely " Wave " , parameter is: "Add=1, freq=6, lightStrength=20, phase=8, strength=15 " the style applies the following effect to contrast on the picture.

Graph 3 final results

4, if be opposite after user application if the result is very not satisfactory, quick menu can be clicked in modal float face plate in " Edit " option, open a style to define the window to undertake parameter is installed afresh, till satisfaction till.