DreamWeaver most one of functions of dazzle are OK with Macromedia other familial product collocation is used, produce the result that your expect is less than. With FireWorks collocation is used, dreamWeaver can offer complete function, two-way picture to edit a function, you also can make the animation that makes Flash and Flash button easily inside DreamWeaver.
The picture is moved rise
If you are installed at the same time,have DreamWeaver and FireWorks, the ideal level with these two kinds of tie-in products will make you are profuse in praise. Although you are not professional picture architect, also want to revise picture of a few GIF more or less when designing a webpage lifelike. Actually DreamWeaver can let yourself make an animation, and very simple, will start work!
1. In standard window the choice should have modification picture, be in next " Property Inspector " in the dot is chosen " editor " (Edit) pushbutton. If in the DreamWeaver of your installation with FireWorks, so FireWorks is the editor that DreamWeaver sets a picture beforehand, at this moment the picture can be record in FireWorks automatically. (If look carefully, the picture that can discover FireWorks certainly can appear " Editing From DreamWeaver " such character and design, it is OK to indicate you by undertake the picture edits in DreamWeaver. It is OK to indicate you by undertake the picture edits in DreamWeaver..
2. In FireWorks dot choosing wants editorial picture, choose " Modify Animate " → " Animate Selection " .
3. Finish next " Animate Dialog Box " the set in, the set that the direction with the frame number of animation of make choice of, mobile animation, diaphaneity waits a moment. You also can be nodded anthology " Frames " speed of shift of tool train set, choice " Object " face plate will change set. Should derive the dot wants to choose only when the file " Optimize " tool row, choose in the place of file type " Animated GIF " .
4. After finishing, FireWorks is met derive the picture automatically with maximize set, and update GIF picture automatically, still can be in DreamWeaver show has updated picture come.
5. The dot is chosen " File Preview In Browser " , can preview in the browser so just make finished lovely picture!
&n bsp;Blinked pushbutton
In DreamWeaver, need not Flash also can be made have the Flash pushbutton thing that blinks the effect. The buy inside DreamWeaver4.0 version has thing of several Flash pushbutton, can make the button of a lot of kinds of different forms.
1. The dot is chosen " Insert Interactive Images Flash Button " can see what to have inside buy pushbutton.
2. 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.
3. Use the finger of the mouse to choose the pushbutton form that should use, parameter of again ordinal input, for example the character on pushbutton, glyph, color, link, or it is to define file name oneself. Press " OK " .
4. Can have next " SWF " the file arises, in the webpage that can put you automatically. By this makes good file, can see " Property Inspector " (attribute detail) in the attribute that can show a file.
5. Show file attribute when coming, if expand appear in file attribute list " Play " (broadcast) button, those who open a browser to be able to preview pushbutton need not be use after the dot is chosen blink the effect.
Going from place to place character
The Flash pushbutton that increases character of going from place to place to seem to increase to just introduce in the webpage is euqally simple. Identical, need not install Flash software or plug-in unit, the new function that provides with DreamWeaver4.0 can come true easily. Grammar of commonly used HTML writes webpage and the fabricant that do not have experience of interactive type webpage to also can make the written language of going from place to place that makes 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, because this new function is OK,the webpage is to add below the condition that does not add compatibility a few browse on the interactive sex with the reader.
Have one situation only:
The dot is chosen " Insert Interactive Images Flash Text " , fill specific parameter to install again (color of the character that should change the effect for example, glyph, font and font size are waited a moment) OK. (Guangxi horse)
A lot of abecedarian are when the webpage that make, always like to search code of a few JavaScript to the net, among the webpage that inserts them to oneself next, move with what this will enhance a webpage feeling. Actually FrontPageXP itself took effect of trends of a few webpages oneself, want you to apply them neatly only, the result of cruel of favorable balance of trade can be done like. The webpage that lets you is moved commonly like 100 things rise more wonderful.
Tuesday, October 27, 2009
Achieve float photosphere specially good effect with Dreamweaver
Use Dreamweaver to be able to make a lot of specially good effect, although you won't Javascript is irrespective also, because Dreamweaver provided time axis and action for us two big tools. Use them to be able to make sundry result well, this exemple place does float photosphere specially good effect is a very good example. The concrete move that make is as follows:
The first pace: Prepare a piece of picture to regard setting as the graph, size is 240x180.
The 2nd pace: A Layer1 is built in the page, size and choose background picture are consistent, insert background picture next inside this layer.
The 3rd pace: Build Layer2 of a layer again, the photosphere that this layer floats the consummate that be made. The size of the layer is the size of the ball, positional jackknife is on layer Layer1, the layer attribute of the others all uses acquiescent value.
The 4th pace: Layer2 allowing a layer is moved rise. Reach layer Layer2 daggle time axis, choose in this right key menu next " record method " , with mouse daggle layer then the picture gives to shut with method, this method is the contrail that photosphere moves. Finally in time axis " broadcast automatically " and " circularly " before hit tick off, by F12 key is previewed, see rate appropriate, if dissatisfactory OK adjustment the gross of the frame in time axis or the frame number that every second broadcasts, until accord with a requirement till.
The 5th pace: Accuse those who make animation to broadcast. Open behavior face plate, choose a Layer1, in choosing incident " stopping time axis " , in reelection choose movement " OnMouseOver " , completed event of a group of movements so, namely the mouse moves to stop to broadcast to the animation when layer Layer1; Increase incident of a group of movements again next: Incident is " broadcast time axis " , the movement is " OnMouseOut " , move in the mo use namely when Layer1 giving a layer, animation is broadcasted then.
The 6th pace: Make the layer can procrastinate move. Open behavior face plate, in choosing incident " procrastinate eat a layer " , it is the layer that can be procrastinated to move Layer2 certainly, such layer Layer2 namely photosphere is OK procrastinate arbitrarily in the webpage moved.
The 7th pace: The photosphere that make. Open time axis, choose a frame, in its right key menu is chosen choose " add behavior " , opened behavior face plate at this moment, in choosing incident " change attribute " , appear at this moment " change attribute " dialog box, in " object type " next pulling menu is chosen criterion " Div " namely layer, "Name a target " choice " Layer2 " , "Attribute " choose " Style.filter " , in " new worth " following code inputs in casing: Mask(color=#ffffff) Alpha(opacity=100, style=2)
Here used two filter lens, can produce photosphere result, finally " affirmato ry " .
The 8th pace: Make photosphere becomes angry. Frame of few points key searchs in time axis, set behavioral event according to the method of the 7th pace, the color that the attention changes the Color value of Mask filter lens to like into you is OK.
The first pace: Prepare a piece of picture to regard setting as the graph, size is 240x180.
The 2nd pace: A Layer1 is built in the page, size and choose background picture are consistent, insert background picture next inside this layer.
The 3rd pace: Build Layer2 of a layer again, the photosphere that this layer floats the consummate that be made. The size of the layer is the size of the ball, positional jackknife is on layer Layer1, the layer attribute of the others all uses acquiescent value.
The 4th pace: Layer2 allowing a layer is moved rise. Reach layer Layer2 daggle time axis, choose in this right key menu next " record method " , with mouse daggle layer then the picture gives to shut with method, this method is the contrail that photosphere moves. Finally in time axis " broadcast automatically " and " circularly " before hit tick off, by F12 key is previewed, see rate appropriate, if dissatisfactory OK adjustment the gross of the frame in time axis or the frame number that every second broadcasts, until accord with a requirement till.
The 5th pace: Accuse those who make animation to broadcast. Open behavior face plate, choose a Layer1, in choosing incident " stopping time axis " , in reelection choose movement " OnMouseOver " , completed event of a group of movements so, namely the mouse moves to stop to broadcast to the animation when layer Layer1; Increase incident of a group of movements again next: Incident is " broadcast time axis " , the movement is " OnMouseOut " , move in the mo use namely when Layer1 giving a layer, animation is broadcasted then.
The 6th pace: Make the layer can procrastinate move. Open behavior face plate, in choosing incident " procrastinate eat a layer " , it is the layer that can be procrastinated to move Layer2 certainly, such layer Layer2 namely photosphere is OK procrastinate arbitrarily in the webpage moved.
The 7th pace: The photosphere that make. Open time axis, choose a frame, in its right key menu is chosen choose " add behavior " , opened behavior face plate at this moment, in choosing incident " change attribute " , appear at this moment " change attribute " dialog box, in " object type " next pulling menu is chosen criterion " Div " namely layer, "Name a target " choice " Layer2 " , "Attribute " choose " Style.filter " , in " new worth " following code inputs in casing: Mask(color=#ffffff) Alpha(opacity=100, style=2)
Here used two filter lens, can produce photosphere result, finally " affirmato ry " .
The 8th pace: Make photosphere becomes angry. Frame of few points key searchs in time axis, set behavioral event according to the method of the 7th pace, the color that the attention changes the Color value of Mask filter lens to like into you is OK.
Write the plug-in unit of video order programme below DW
When doing video order programme, the author wants to seek the plug-in unit of a Dreamweaver 3 all the time, period of time was searched to was not found on the net, be forced oneself are written. After the course undertakes serious analysis to DW3 plug-in unit and Realplay player, the author made up one plug-in unit with Javascript, it is normal to after checking for many times, be used, sum up existing writings now, share with everybody.
Plug-in unit composition
Plug-in unit includes 3 shares, introduce as follows respectively:
Realplay.gif: Use Photoshop is made, size is 18 × 18 like element. This image is show in the object face plate of DW3;
Realplay.htm: Have join Dw3 and Javascript interface effect;
Realplay.js: Javascrtipt statement, basically be to come true to write Realplay boy or girl friend to the webpage.
Program code
Realplay.htm source program is as follows:
＜ Html ＞
＜ Head ＞
＜ Title ＞ inserts Realplay ＜ / Title ＞
＜ of ＞ of ＜ Script Src="realplay.js" / Script ＞
＜ / Head ＞
＜ Body ＞
＜ / Body ＞
＜ / Html ＞
Realplay.js source program is as follows:
Function ObjectTag() {
Var BDialogState = Dw.getShowDialogsOnInsert();
Var TheMovie = Dw.doURLEncoding(browseForFileURL());
If ((theMovie=='') &&&& BDialogState) {Return ''; }
If (! TheMovie) TheMovie = '.rm';
Embed Height=240 Name=aa ' + ' Style="BORDER-BOTTOM:& of ＜ of ＞ of Div Align="center" of ＜ of ＞ of Div Align="center" of Return ' ＜Nbsp;#2a8a21 3px Solid; BORDER-LEFT:&Nbsp;#2a8a21 3px Solid; BORDER-RIGHT:&Nbsp;#2a8a21 3px Solid; BORDER-TOP:&＜ of '+ ' of ＞ of Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false " Autostart="false" Controls="controlpanel" of ＜ of ' + ' / ' + ' of ＞ of ＜ Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false" Controls="statusbar" Autostart=true of ' + ' of ＞ of Br of EMBED ＞ ＜
The program above, the Configuration/objects/common that is put below DW3 installation catalog directly can be used.
Plug-in unit composition
Plug-in unit includes 3 shares, introduce as follows respectively:
Realplay.gif: Use Photoshop is made, size is 18 × 18 like element. This image is show in the object face plate of DW3;
Realplay.htm: Have join Dw3 and Javascript interface effect;
Realplay.js: Javascrtipt statement, basically be to come true to write Realplay boy or girl friend to the webpage.
Program code
Realplay.htm source program is as follows:
＜ Html ＞
＜ Head ＞
＜ Title ＞ inserts Realplay ＜ / Title ＞
＜ of ＞ of ＜ Script Src="realplay.js" / Script ＞
＜ / Head ＞
＜ Body ＞
＜ / Body ＞
＜ / Html ＞
Realplay.js source program is as follows:
Function ObjectTag() {
Var BDialogState = Dw.getShowDialogsOnInsert();
Var TheMovie = Dw.doURLEncoding(browseForFileURL());
If ((theMovie=='') &&&& BDialogState) {Return ''; }
If (! TheMovie) TheMovie = '.rm';
Embed Height=240 Name=aa ' + ' Style="BORDER-BOTTOM:& of ＜ of ＞ of Div Align="center" of ＜ of ＞ of Div Align="center" of Return ' ＜Nbsp;#2a8a21 3px Solid; BORDER-LEFT:&Nbsp;#2a8a21 3px Solid; BORDER-RIGHT:&Nbsp;#2a8a21 3px Solid; BORDER-TOP:&＜ of '+ ' of ＞ of Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false " Autostart="false" Controls="controlpanel" of ＜ of ' + ' / ' + ' of ＞ of ＜ Embed Height=30 Type=audio/ X-pn-realaudio-plugin Width=320 Console="clip1" Reset="false" Controls="statusbar" Autostart=true of ' + ' of ＞ of Br of EMBED ＞ ＜
The program above, the Configuration/objects/common that is put below DW3 installation catalog directly can be used.
Update a website with DW4 file library opportunely
The pattern of deputy page frame that there often can be a lot of when we are building a relatively large website even a few small detail elements are identical, but of worry making a person is expend some of setbacks when updating them, the iteration that wants to all over updates the element in each page. We can say good-bye to that times now, because DW introduced " library " this concept. We can use it to come the in updating a website identical element of batch. Come greatly whole page frame, small to a character.
Of the library introduce very not perfect still in DW3, but in DW4 up to is perfect. We let look how to use a library to update a site below:
One, of library file build.
Build library file to have two kinds of methods, it is to editing the make choice of below condition an element, open library face plate next (F11 bolts - the label that chooses the book model that icon flies to break up in the Assets of f lick) press. So DW is met build a file that suffixal name is ＂ .LIB ＂ automatically to read this element this document in the center, can build folder of ＂ of Library of a ＂ in this locality site at the same time. It represented each library file is independent, when we upload this locality site to arrive in long-range server, want to upload this file along with all the others; The 2nd kind of method is to open library face plate, in white file record area clicks right key, the New Library Item in the list that chooses flick (new library project) , build file of a blank library, doubleclick next open have an edition. The first kind of method applies to the library file of the small element such as link of ＼ of text ＼ image to build. The 2nd kind of method applies to what make the library file of length large-scaly to build, below great majority circumstance, of extensive library file building cooperate to use with pattern plate.
2, the application of li brary file and editor.
See next pictures above all,
We built a few simple library documents, include form of ＼ of join ＼ image among them. They can be understood each times to be a single element to insert editor area to use, should procrastinate directly from inside library face plate only it is OK to drag them to reach the place of need. Those who need an attention is, insertion library file locks up calm condition. Their indication means is flaxen. File of a library examines make choice of code, this represented the ＂ of ＊ of ＊ of label ＂ ＊ that you can discover as follows a complete library file, have begin to have an end. You can change the position of label, but do not delete them, in that way word this library file is destroyed and return pure editor condition.
The method that compiles library document has two kinds, it is file of a certain library is doubleclicked to enter editor state in division of record of file of library face plate. 2 it is make choice of file of a library clicks right key to choose Open Library Item in the list of flick (open library project) enter editor state. After our editor is finished and saving library file, the page that is in an editor to using this document below condition can be updated automatically. If other blame edited the page of condition to also use this library document, so DW will be automatic play a draw a frame round of a clew (see a picture 2) ,
Enquire all uses this document pages inside site of whether synchronous newer this locality. This function namely the biggest advantage of library file. After we make the site that finish in uploading folder of library of all file along with long-range server along with all the others, so in join when us the condition of long-range site falls when altering document of a certain library, the similar hint that can get DW (see a picture 3) ,
The inquiry used all pages of this library file in whether synchronous newer entire site. Click Ok key, the file in long-range site got updating, the iteration that does not need little completely replaces each document.
Till here, we are right the makes in order to had a main idea understanding of the library. Use as to the adroitness of this function be about to rely on oneself to start work more. Believe this function can give your site to bring huge newlier to go to the lavatory.
Of the library introduce very not perfect still in DW3, but in DW4 up to is perfect. We let look how to use a library to update a site below:
One, of library file build.
Build library file to have two kinds of methods, it is to editing the make choice of below condition an element, open library face plate next (F11 bolts - the label that chooses the book model that icon flies to break up in the Assets of f lick) press. So DW is met build a file that suffixal name is ＂ .LIB ＂ automatically to read this element this document in the center, can build folder of ＂ of Library of a ＂ in this locality site at the same time. It represented each library file is independent, when we upload this locality site to arrive in long-range server, want to upload this file along with all the others; The 2nd kind of method is to open library face plate, in white file record area clicks right key, the New Library Item in the list that chooses flick (new library project) , build file of a blank library, doubleclick next open have an edition. The first kind of method applies to the library file of the small element such as link of ＼ of text ＼ image to build. The 2nd kind of method applies to what make the library file of length large-scaly to build, below great majority circumstance, of extensive library file building cooperate to use with pattern plate.
2, the application of li brary file and editor.
See next pictures above all,
We built a few simple library documents, include form of ＼ of join ＼ image among them. They can be understood each times to be a single element to insert editor area to use, should procrastinate directly from inside library face plate only it is OK to drag them to reach the place of need. Those who need an attention is, insertion library file locks up calm condition. Their indication means is flaxen. File of a library examines make choice of code, this represented the ＂ of ＊ of ＊ of label ＂ ＊ that you can discover as follows a complete library file, have begin to have an end. You can change the position of label, but do not delete them, in that way word this library file is destroyed and return pure editor condition.
The method that compiles library document has two kinds, it is file of a certain library is doubleclicked to enter editor state in division of record of file of library face plate. 2 it is make choice of file of a library clicks right key to choose Open Library Item in the list of flick (open library project) enter editor state. After our editor is finished and saving library file, the page that is in an editor to using this document below condition can be updated automatically. If other blame edited the page of condition to also use this library document, so DW will be automatic play a draw a frame round of a clew (see a picture 2) ,
Enquire all uses this document pages inside site of whether synchronous newer this locality. This function namely the biggest advantage of library file. After we make the site that finish in uploading folder of library of all file along with long-range server along with all the others, so in join when us the condition of long-range site falls when altering document of a certain library, the similar hint that can get DW (see a picture 3) ,
The inquiry used all pages of this library file in whether synchronous newer entire site. Click Ok key, the file in long-range site got updating, the iteration that does not need little completely replaces each document.
Till here, we are right the makes in order to had a main idea understanding of the library. Use as to the adroitness of this function be about to rely on oneself to start work more. Believe this function can give your site to bring huge newlier to go to the lavatory.
DW form uses experience to talk
These days the card that total somebody sends concerned form issue on BBS
Actually I wrote an article about form last year
The specially good effect that discusses form again today (still basically be that article)
Form plays whether to turn, the result that affects your composing directly and page make career, want to study a variety of issues of DW form thoroughly today.
Experience (one) : Why to say form is close friends than graph layer composing?
Learn the friend of DW at the beginning, prefer composing of the layer that use a figure, its are main the reason is the aleatoric position that graph layer can put the target to you to want to put, and need only procrastinate use a mouse, look very relaxed, but preview with F12 ulterly changed, regretted? Still use form composing. Of the orientation way of the layer and form different, the fixed position kind that the layer takes is dynamic orientation way (bring from <<Dreamweaver3 webpage to design >>) , what its fixed position leans is two parameter Left and Top, of the frame of frame of layer of setting of these two parameter and browser distance, no matter you are to be in the biggest change, still issue him to be in from beginning to end in different resolution a position, and form issues it to will change somewhat in different situation. Graph layer composing should be used again while you use form especially, such effect can make you painful a ll one's life. Is graph layer trashy? Useful of course, do a few specially good effect commonly with it, those who use is good
The homepage that can let you is perfected. This station has the tutorial that layer of graph of a DW applies, have fun at can look.
Experience (2) : How to eliminate the difference of resolution?
This is a setter topic, but total somebody asks. We present webpage is optimal the resolution that browse is 800*600 mostly, but those who not little brother is used is 640*480 or 1024*768, the webpage compatibility that how lets you is better, the width that you want a form only is set for 100% can this definitely this problem.
Experience (3) : Why does my form produce change when preview?
We finish via often can be in preview after form composing, the appearance that discovers form changed, not be some height lengthened, it is width broadened. Appear the reason of this circumstance is, you are in composing when, use mouse protraction or pull form height or length short over- , such DW can join a few wide length code or high code automatically in your webpage code. Because be in the process of composing, often meet such doing, so your webpage code was added a lot of these Gao Hekuan's code, when you are previewed the browser can press these code to show, with respect to conference occurrence table then appearance happening changes. Fortunately DW was offerred for you definitely method, form frame is clicked to come out with the mouse after pressing Ctrl+F3 form attribute face plate, nod attribute face plate (get rid of the Html statement of height of the definition in form) , and it (get rid of the Html statement that width defines in form) you had better be us ed less, with bad meeting outsmart oneself, if has cut picture is used in your webpage, eliminate the gap between the picture right now with it very effective.
Experience (4) : How to make form has stereo effect?
When I just was beginning to learn to do a homepage, to make menu has stereo effect, spent many idea not to get its to solve, become bill of fare finally with the picture. I already knew a few kinds of stereo effects now, share with everybody now, see the effect below first:
I tell you the parameter of these 4 form (did not draw up come do not fill, use system is acquiescent) , you are OK according to need, change appropriately
Change parameter in order to achieve optimal result, you need these parameter only in filling form attribute face plate:
Express A: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express B: Cellpad:0; Cellspace:2; Border:1; Bg:#A7D2ED
Express C: Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express D: Cellpad:0; Cellspace:0; Border:4; Light Brdr:#FFFFFF; Dark Brdr:666666; Bg:#A7D2ED
Express E: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#999999; Dark Brdr:000000; Bg:#A7D2ED
Experience (5) : About a skill of form context picture.
Everybody knows to put background picture in an older table, background picture can repeat fill till whole page. We can use this character of form to reduce the size of the picture in our webpage, for instance a gradual change below pursues, you look resembling is a piece of whole picture, what it uses actually is form context repeats fill character, and used picture is right that piece, size has 1.3k only, if should use the picture of one magnify,be here very not of be to one's profit. If you want to insert horizontal, with this method very effective also.
Experience (6) : Dang Lian deputy Li
Frame of picture form 1PIX has a lot of methods, it is very common method below:
1, a form is inserted in DW editor window.
2, press Ctrl+F3 or click Window | Properties command opens attribute float face plate.
3, choose whole form with the mouse, next settings are like in attribute float face plate: CellSpace:0;Border:0;Bg Color:#000000(
This color can change) according to need.
4, choose division of all form unit with the mouse, set the parameter Bg of attribute float face plate for #ffffff, this color sets the setting hue that is your page to answer to be the same as, if your setting color is yellow, this color also should be yellow, try knew.
Experience (7) : Line of the horizontal stroke in form and perpendicular line brushwork
Tell about below how to draw horizontal line, if horizontal line can be drawn, that sets upright a line with respect to No Promble!
1, a form of a many travel is inserted in DW editor window, open attribute float face plate at the same time
2, select group, in attribute float the setting visit sets the color that wants the line that draw a horizontal stroke for you, this exemple is set for Bg:#000000
3, set this height of unit case in attribute float face plate for 1, h: 1
4, the most crucial one step: Open source code editor, code of "<td Bgcolor="#000000" Height="1"> </td>" in
(blank space accord with) take out, do calm.
Experience (8) : Casing of form dotted line
My website has circle of form dotted line the article of this respect (in article skill column) , my implementation method is below, you can see material effect
Read the effect page of cruel page Ver 4.0.
1, 2 little pictures are made in preexistence Photoshop, the picture size of the dotted line that draw a horizontal stroke is wide 3 elephants element is tall 1 elephant element (file name: 1.gif) , fill element of the first elephant black (if draw black line circle) , when drawing, put the picture with magnifier the biggest, it is OK to be nodded with pencil that, the picture size of the line that draw vertical stroke is wide 1 elephant element is tall 3 elephants element, element of the first elephant fills black (file name: 2.gif) .
2, a 3 form that list 3 are inserted in DW editor window, the first unit case form is amalgamative, incorporate the 3rd unit case again
3, background picture 1.gif is filled through attribute float face plate in group, set the height of unit case for 1 elephant element, be sure to keep in mind to want to carry modification source code this unit division (blank space) take out. Handle the 3rd with same method. Of such dotted line casing above had been drawn with below
4, the 2nd have 3 all right now, two or so use measure respectively 3 insert 2.gif, emphasize again must take out.
Experience (9) : How to make the mouse points to form, does form context become angry?
See the effect of next graphs first, what this uses is form type watch, should achieve this result you need to be joined in <td> code only
Onmouseout="this.style.backgroundColor=''
"Onmouseover="this.style.backgroundColor='#FFcccc'" , exemple: <td
Onmouseout="this.style.backgroundColor='' "
Onmouseover="this.style.backgroundColor='#FFcccc'">, "#ffccc " it is your mouse points to the color that should change to form
, you change a color according to need. An example gives below:
Experience (10) : How to use form to realize the picture in the picture, namely effect of the page in the page?
The composing of the webpage uses form mostly, use to express an unit to be able to embed a webpage, do you know? Such doing have a lot of profit, for instance you differentiate the area that often updates a form is unit, embed in this form unit you want updated content next, newer henceforth homepage needs to upload this only by the page of nest OK, not was necessary to undertake updating to home page, it is very convenient. I write a the simplest exemple filial generation
Code:
<html>
<head>
<title> example </title>
<body>
<table Border="1" Width="100%">
<tr>
<td>
<IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>
</td>
</tr>
</table>
</body>
</html>
The crucial code that inserts page be embeddinged is: <IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>.
Example.htm is the page that is embedded, label <IFRAME> still has parameter of a few practicable to install as follows: Marginwidth: holds Ti of Dang of Yi of wild rice of heart a surname to also sigh caries of Ji of cerebral ち Meng shine Arginwidth="20" of Shu 簃, the unit is Pix, similarly hereinafter. Marginheight: holds caries of be favored with of mother of Lu of ち of throat of ゲ of Xi of Dang of Yi of wild rice of heart a surnameHspace: Cou of of Lin of dusk of male of chasm of administer of balance doubtVspace: Chasm of administer of balance doubt mires Feng CouFrameborder: Hui of neck of the allow that owe Lian carries anxiety?1" to state " is " , fill "0" to state " is denied "Scrolling: Owe thin You to stop?1" of anxiety of Tiao acyl states " is " , fill "0" to state " is denied "
Experience (11) : Should those problems note in use form?
1. whole form is not covered in a form, as far as possible fractionation becomes many form.
The nest administrative levels of 2. form wants as far as possible little, best nest form does not exceed 3.
The structure of 3. onefold form as far as possible orderly.
Actually I wrote an article about form last year
The specially good effect that discusses form again today (still basically be that article)
Form plays whether to turn, the result that affects your composing directly and page make career, want to study a variety of issues of DW form thoroughly today.
Experience (one) : Why to say form is close friends than graph layer composing?
Learn the friend of DW at the beginning, prefer composing of the layer that use a figure, its are main the reason is the aleatoric position that graph layer can put the target to you to want to put, and need only procrastinate use a mouse, look very relaxed, but preview with F12 ulterly changed, regretted? Still use form composing. Of the orientation way of the layer and form different, the fixed position kind that the layer takes is dynamic orientation way (bring from <<Dreamweaver3 webpage to design >>) , what its fixed position leans is two parameter Left and Top, of the frame of frame of layer of setting of these two parameter and browser distance, no matter you are to be in the biggest change, still issue him to be in from beginning to end in different resolution a position, and form issues it to will change somewhat in different situation. Graph layer composing should be used again while you use form especially, such effect can make you painful a ll one's life. Is graph layer trashy? Useful of course, do a few specially good effect commonly with it, those who use is good
The homepage that can let you is perfected. This station has the tutorial that layer of graph of a DW applies, have fun at can look.
Experience (2) : How to eliminate the difference of resolution?
This is a setter topic, but total somebody asks. We present webpage is optimal the resolution that browse is 800*600 mostly, but those who not little brother is used is 640*480 or 1024*768, the webpage compatibility that how lets you is better, the width that you want a form only is set for 100% can this definitely this problem.
Experience (3) : Why does my form produce change when preview?
We finish via often can be in preview after form composing, the appearance that discovers form changed, not be some height lengthened, it is width broadened. Appear the reason of this circumstance is, you are in composing when, use mouse protraction or pull form height or length short over- , such DW can join a few wide length code or high code automatically in your webpage code. Because be in the process of composing, often meet such doing, so your webpage code was added a lot of these Gao Hekuan's code, when you are previewed the browser can press these code to show, with respect to conference occurrence table then appearance happening changes. Fortunately DW was offerred for you definitely method, form frame is clicked to come out with the mouse after pressing Ctrl+F3 form attribute face plate, nod attribute face plate (get rid of the Html statement of height of the definition in form) , and it (get rid of the Html statement that width defines in form) you had better be us ed less, with bad meeting outsmart oneself, if has cut picture is used in your webpage, eliminate the gap between the picture right now with it very effective.
Experience (4) : How to make form has stereo effect?
When I just was beginning to learn to do a homepage, to make menu has stereo effect, spent many idea not to get its to solve, become bill of fare finally with the picture. I already knew a few kinds of stereo effects now, share with everybody now, see the effect below first:
I tell you the parameter of these 4 form (did not draw up come do not fill, use system is acquiescent) , you are OK according to need, change appropriately
Change parameter in order to achieve optimal result, you need these parameter only in filling form attribute face plate:
Express A: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express B: Cellpad:0; Cellspace:2; Border:1; Bg:#A7D2ED
Express C: Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express D: Cellpad:0; Cellspace:0; Border:4; Light Brdr:#FFFFFF; Dark Brdr:666666; Bg:#A7D2ED
Express E: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#999999; Dark Brdr:000000; Bg:#A7D2ED
Experience (5) : About a skill of form context picture.
Everybody knows to put background picture in an older table, background picture can repeat fill till whole page. We can use this character of form to reduce the size of the picture in our webpage, for instance a gradual change below pursues, you look resembling is a piece of whole picture, what it uses actually is form context repeats fill character, and used picture is right that piece, size has 1.3k only, if should use the picture of one magnify,be here very not of be to one's profit. If you want to insert horizontal, with this method very effective also.
Experience (6) : Dang Lian deputy Li
Frame of picture form 1PIX has a lot of methods, it is very common method below:
1, a form is inserted in DW editor window.
2, press Ctrl+F3 or click Window | Properties command opens attribute float face plate.
3, choose whole form with the mouse, next settings are like in attribute float face plate: CellSpace:0;Border:0;Bg Color:#000000(
This color can change) according to need.
4, choose division of all form unit with the mouse, set the parameter Bg of attribute float face plate for #ffffff, this color sets the setting hue that is your page to answer to be the same as, if your setting color is yellow, this color also should be yellow, try knew.
Experience (7) : Line of the horizontal stroke in form and perpendicular line brushwork
Tell about below how to draw horizontal line, if horizontal line can be drawn, that sets upright a line with respect to No Promble!
1, a form of a many travel is inserted in DW editor window, open attribute float face plate at the same time
2, select group, in attribute float the setting visit sets the color that wants the line that draw a horizontal stroke for you, this exemple is set for Bg:#000000
3, set this height of unit case in attribute float face plate for 1, h: 1
4, the most crucial one step: Open source code editor, code of "<td Bgcolor="#000000" Height="1"> </td>" in
(blank space accord with) take out, do calm.
Experience (8) : Casing of form dotted line
My website has circle of form dotted line the article of this respect (in article skill column) , my implementation method is below, you can see material effect
Read the effect page of cruel page Ver 4.0.
1, 2 little pictures are made in preexistence Photoshop, the picture size of the dotted line that draw a horizontal stroke is wide 3 elephants element is tall 1 elephant element (file name: 1.gif) , fill element of the first elephant black (if draw black line circle) , when drawing, put the picture with magnifier the biggest, it is OK to be nodded with pencil that, the picture size of the line that draw vertical stroke is wide 1 elephant element is tall 3 elephants element, element of the first elephant fills black (file name: 2.gif) .
2, a 3 form that list 3 are inserted in DW editor window, the first unit case form is amalgamative, incorporate the 3rd unit case again
3, background picture 1.gif is filled through attribute float face plate in group, set the height of unit case for 1 elephant element, be sure to keep in mind to want to carry modification source code this unit division (blank space) take out. Handle the 3rd with same method. Of such dotted line casing above had been drawn with below
4, the 2nd have 3 all right now, two or so use measure respectively 3 insert 2.gif, emphasize again must take out.
Experience (9) : How to make the mouse points to form, does form context become angry?
See the effect of next graphs first, what this uses is form type watch, should achieve this result you need to be joined in <td> code only
Onmouseout="this.style.backgroundColor=''
"Onmouseover="this.style.backgroundColor='#FFcccc'" , exemple: <td
Onmouseout="this.style.backgroundColor='' "
Onmouseover="this.style.backgroundColor='#FFcccc'">, "#ffccc " it is your mouse points to the color that should change to form
, you change a color according to need. An example gives below:
Experience (10) : How to use form to realize the picture in the picture, namely effect of the page in the page?
The composing of the webpage uses form mostly, use to express an unit to be able to embed a webpage, do you know? Such doing have a lot of profit, for instance you differentiate the area that often updates a form is unit, embed in this form unit you want updated content next, newer henceforth homepage needs to upload this only by the page of nest OK, not was necessary to undertake updating to home page, it is very convenient. I write a the simplest exemple filial generation
Code:
<html>
<head>
<title> example </title>
<body>
<table Border="1" Width="100%">
<tr>
<td>
<IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>
</td>
</tr>
</table>
</body>
</html>
The crucial code that inserts page be embeddinged is: <IFRAME Src="example.htm" Width="300" Heitht="100"></IFRAME>.
Example.htm is the page that is embedded, label <IFRAME> still has parameter of a few practicable to install as follows: Marginwidth: holds Ti of Dang of Yi of wild rice of heart a surname to also sigh caries of Ji of cerebral ち Meng shine Arginwidth="20" of Shu 簃, the unit is Pix, similarly hereinafter. Marginheight: holds caries of be favored with of mother of Lu of ち of throat of ゲ of Xi of Dang of Yi of wild rice of heart a surnameHspace: Cou of of Lin of dusk of male of chasm of administer of balance doubtVspace: Chasm of administer of balance doubt mires Feng CouFrameborder: Hui of neck of the allow that owe Lian carries anxiety?1" to state " is " , fill "0" to state " is denied "Scrolling: Owe thin You to stop?1" of anxiety of Tiao acyl states " is " , fill "0" to state " is denied "
Experience (11) : Should those problems note in use form?
1. whole form is not covered in a form, as far as possible fractionation becomes many form.
The nest administrative levels of 2. form wants as far as possible little, best nest form does not exceed 3.
The structure of 3. onefold form as far as possible orderly.
Dreamweaver is called to edit a webpage in IE
Did a webpage to often do not avoid to preview, the webpage element position that examines oneself to make has been decorated, the size of font has satisfaction, the picture shows whether correctly wait a moment etc. And when Dreamweaver3.0 is previewed, total meeting arises temporarily file, temporarily the file often also was not deleted automatically, bring not little trouble to the person that does a webpage. (in Dreamweaver4. In such phenomenon is a lot of less) because this author does a webpage to seldom use shortcut key " F12 " preview, install a PWS however (in Win98) or IIS (in Win200) , do an in-house net to check. And window of the switch when the test feels to compare a trouble sometimes, remember to a function that transfers webpage editor option directly is contained in IE.
The editor pushbutton in IE (IE version of the author is the 2nd 6 test version, be English so) :
Below acquiescent circumstance, dreamweaver was not joined automatically " editor " in pushbutton choice menu.
On the network have early report can revise revise register a watch to increase an editor pushbutton, but the safety that registers watch thing to involve whole system and stability, one may bring about big question carelessly. Here the author introduces the method of two simple convenient safety for everybody, solve this problem.
Method one:
Open random a file directory, in the choice in menu column: Tool (Tool)>> folder option (Folder Options) (the system is WIN2000, Ie6.0) . Pursue as follows:
(note: It is in Win98, IE5: Examine >> file directory >> folder option)
Click in playing the window that give " advanced " pushbutton (following graphs)
Playing the window that give to click " editor " pushbutton.
By " browse " pushbutton
Find the list that installs Dreamweaver installation, choose Dreamweaver program document, press affirmatory. Existent let us open IE, will see the list below editor pushbutton again.
Look, was the icon with familiar Dreamweaver shown? Did bright stay? !
If hope Dreamweaver regards the editor of first selection as software, so open browser IE please, choose the following order: Tool >> Internet option. Choose in playing the window that give " program " .
Dreamweaver chooses in HTML editor can.
Method 2:
Still have a kind of simpler idea, that is make choice of file of a Html, press Shift key, nod mouse right key, choose in playing the right key menu that go out " open way " , dreamweaver program document is found in shooting the dialog box that give, choose it to serve as the associated program that is used at opening Hmtl from beginning to end.
Two kinds of methods had checked above, it is normal to move!
The editor pushbutton in IE (IE version of the author is the 2nd 6 test version, be English so) :
Below acquiescent circumstance, dreamweaver was not joined automatically " editor " in pushbutton choice menu.
On the network have early report can revise revise register a watch to increase an editor pushbutton, but the safety that registers watch thing to involve whole system and stability, one may bring about big question carelessly. Here the author introduces the method of two simple convenient safety for everybody, solve this problem.
Method one:
Open random a file directory, in the choice in menu column: Tool (Tool)>> folder option (Folder Options) (the system is WIN2000, Ie6.0) . Pursue as follows:
(note: It is in Win98, IE5: Examine >> file directory >> folder option)
Click in playing the window that give " advanced " pushbutton (following graphs)
Playing the window that give to click " editor " pushbutton.
By " browse " pushbutton
Find the list that installs Dreamweaver installation, choose Dreamweaver program document, press affirmatory. Existent let us open IE, will see the list below editor pushbutton again.
Look, was the icon with familiar Dreamweaver shown? Did bright stay? !
If hope Dreamweaver regards the editor of first selection as software, so open browser IE please, choose the following order: Tool >> Internet option. Choose in playing the window that give " program " .
Dreamweaver chooses in HTML editor can.
Method 2:
Still have a kind of simpler idea, that is make choice of file of a Html, press Shift key, nod mouse right key, choose in playing the right key menu that go out " open way " , dreamweaver program document is found in shooting the dialog box that give, choose it to serve as the associated program that is used at opening Hmtl from beginning to end.
Two kinds of methods had checked above, it is normal to move!
Dreamweaver4.0 him shortcut key DIY
The adroitness of shortcut key is applied, the efficiency that often can make we work gets rising. Was used to DW3 (note: Dreamweaver3.0 abbreviate, similarly hereinafter) the friend of shortcut key, after upgrading to DW4, a lot of shortcut key resemble F8, f7 changed, feel very no-go. Fortunately DW4 thought of this for us, gave ourselves modification limits of authority. We can set the shortcut key of DW4 not only for DW3 plan, still can set for HomeSite plan, have more very person we still can are used to according to our come DIY shortcut key. Say this also is a window of DW4 objectively. How I change the shortcut key plan of DW4 for everybody introduction below, after hoping everybody looks, can him DIY plan of a shortcut key.
One, be familiar with the basic composition of menu.
Will open shortcut key to edit the window first, click menu Edit/Keyboard Shortcuts. . . Hind, come out to i ssue a graph to edit the window, attention: There can be a bit when Keyboard Shortcuts edits the window to come out slow, do not think dead machine.
Current Set option: It offerred the shortcut key program of 4 kinds of solidify, this does not allow you to change. Option is respectively: BBEdit, dreamweaver3, homeSite, macromedia Standard. Among them BBEdit, homeSite, and Dreamweaver3 is webpage design software.
: Copy a shortcut key plan that you choose.
: Name again, change the name of your case, can revise the name from what define program only.
: the shortcut key plan of your set, output a file, can be.txt file, also can be.htm file.
: Delete define program oneself, the plan scarcely that is deleted can be the program that current system is using, can delete the program that defines oneself only likewise.
Command (command) option: Can choose to want to change or set the order of shortcut key. Any commands can install shortcut key for it. Menu Commands (editor window menu commands) : Included all DW4 to edit the command of the window; Site Menu Commands (site management menu commands) : Included all DW4 site to administer the editor order of the window; Code Editing (code edits) : Included pair of code, all commands of the processing of text, be like: Ctrl+c (duplicate) , ctrl+v (stickup) wait; Document Editing (civil should edit) : Basically be a few commands related to the window, it and Site Editing (the site edits) medium major order repeated, this may be a of DW4 small Bug.
Shortcuts (shortcut key) : Show curre nt jussive shortcut key. Can delete current jussive shortcut key with minus sign, if want,increase shortcut key to click plus. Can install many shortcut key for a command. For instance: Duplicate jussive shortcut key is Ctrl+C, still also can install the shortcut key of an Alt+C for it, attention: Want to ensure Alt+C did not point to other command.
Press Key: Input key value. Change is clicked after be defeated (change) pushbutton.
2, let us come him DIY shortcut key plan. Here I install a shortcut key only, wanted to know a method only, everybody is OK do sth following a set pattern. How to set F7 key namely below to open Behavior (behavior) the implementation process that edits the window.
1. clicks menu Edit/Keyboard Shortcuts. . . Come out to edit the window, macromedia Standard chooses in Current Set, also can choose other program according to needing to come of course.
2. is clicked, Come out the following window, the name is inputted in the window, chinese is not supported. As a result of DW4 primitive option solidify, cannot revise, if want to revise,must duplicate first a plan, go up to revise in the foundation of this plan again.
Because 3. wants modification shortcut key to be in Menu Commands, choose Window of choose of Menu Commands reelection first so, behaviors Shift+F3 pitch on.
4.Shortcuts options can appear: Shift+F3, click Change after F7 is inputted in Press Key again.
5. the modification of a shortcut key is very simple, if still want to revise,repeat 3, 4 paces.
6.DW4 still offers the plan you to output file function, you need only click, reintroduce file name, can output the plan of yourself DIY to the file.
One, be familiar with the basic composition of menu.
Will open shortcut key to edit the window first, click menu Edit/Keyboard Shortcuts. . . Hind, come out to i ssue a graph to edit the window, attention: There can be a bit when Keyboard Shortcuts edits the window to come out slow, do not think dead machine.
Current Set option: It offerred the shortcut key program of 4 kinds of solidify, this does not allow you to change. Option is respectively: BBEdit, dreamweaver3, homeSite, macromedia Standard. Among them BBEdit, homeSite, and Dreamweaver3 is webpage design software.
: Copy a shortcut key plan that you choose.
: Name again, change the name of your case, can revise the name from what define program only.
: the shortcut key plan of your set, output a file, can be.txt file, also can be.htm file.
: Delete define program oneself, the plan scarcely that is deleted can be the program that current system is using, can delete the program that defines oneself only likewise.
Command (command) option: Can choose to want to change or set the order of shortcut key. Any commands can install shortcut key for it. Menu Commands (editor window menu commands) : Included all DW4 to edit the command of the window; Site Menu Commands (site management menu commands) : Included all DW4 site to administer the editor order of the window; Code Editing (code edits) : Included pair of code, all commands of the processing of text, be like: Ctrl+c (duplicate) , ctrl+v (stickup) wait; Document Editing (civil should edit) : Basically be a few commands related to the window, it and Site Editing (the site edits) medium major order repeated, this may be a of DW4 small Bug.
Shortcuts (shortcut key) : Show curre nt jussive shortcut key. Can delete current jussive shortcut key with minus sign, if want,increase shortcut key to click plus. Can install many shortcut key for a command. For instance: Duplicate jussive shortcut key is Ctrl+C, still also can install the shortcut key of an Alt+C for it, attention: Want to ensure Alt+C did not point to other command.
Press Key: Input key value. Change is clicked after be defeated (change) pushbutton.
2, let us come him DIY shortcut key plan. Here I install a shortcut key only, wanted to know a method only, everybody is OK do sth following a set pattern. How to set F7 key namely below to open Behavior (behavior) the implementation process that edits the window.
1. clicks menu Edit/Keyboard Shortcuts. . . Come out to edit the window, macromedia Standard chooses in Current Set, also can choose other program according to needing to come of course.
2. is clicked, Come out the following window, the name is inputted in the window, chinese is not supported. As a result of DW4 primitive option solidify, cannot revise, if want to revise,must duplicate first a plan, go up to revise in the foundation of this plan again.
Because 3. wants modification shortcut key to be in Menu Commands, choose Window of choose of Menu Commands reelection first so, behaviors Shift+F3 pitch on.
4.Shortcuts options can appear: Shift+F3, click Change after F7 is inputted in Press Key again.
5. the modification of a shortcut key is very simple, if still want to revise,repeat 3, 4 paces.
6.DW4 still offers the plan you to output file function, you need only click, reintroduce file name, can output the plan of yourself DIY to the file.
Shuang Jian of Fw, Dw adds up to a wall to create bill of fare
The big boss that designs the software that make with the graph - the Photoshop photograph of Adobe company is compared, abbreviation FW4) it may be said is dapper under the Fireworks 4(of Macromedia company, in the meantime, she supports formidably to what webpage graph makes, also make its got the accredit of large quantities of webpage stylist and follow easily. The DW4) of the following abbreviation of swordsman Dreamweaver 4(of another famous in cooperating Macromedia webpage to make 3 swordsman, the terribly in can making nowadays webpage easy to doly plays FW4 popularly a menu (also call next pulling menu) . If you are right DHTML webpage process designing is very not familiar, see code headaches, the person that be inferior to following essay experiences the glamour of FW4 is in personally together!
One, menu is made in FW4
1. Pushbutton of menu of the mother that make
Open FW4, choose the New below File menu, perhaps press Ctrl+N shortcut key, if the graph builds a file, dimension 200X30 resembles element, precision 72 resemble element / inch, setting is transparent.
The Tools below choice Window menu opens tool face plate, choose rectangular tool from tool face plate,
Draw a 100X30 to resemble the rectangle of element size, the Info below choice Window menu opens information face plate, direct input numerical value adjusts dimension and position accurately;
Pitch on this is rectangular, ctrl+C is duplicate, ctrl+V place is stickup, at that time two rectangle overlap, will above this rectangle procrastinates on the side, use fixed position of information face plate likewise;
Part next pitch on these two are rectangular, adjust their fill color and frame color, the method has two kinds, it is the Stroke in the Color tool area that uses tool face plate to go up and Fill pushbutton,
2 it is to choose the Stroke below Window menu and Fill to open line face plate and fill face plate respectively, in the choice on face plate, watchful is a line model should choose "Pencil à 1-Pixel Hard" or "Basic à Hard Line"(is like graph) ,
Fine frame result just can be made after such output; Choose literal tool from tool face plate, input character, the smoothness that notices to choose a written language is No Anti-Alias (shut instead toothed, if pursue) ,
Choose Chinese at the same time next word and among them a rectangle, from inside the Align below Modify menu individual choice Center Vertical and Center Horizontal are opposite neat character and rectangle, the effect is shown like plan institute.
One, menu is made in FW4
1. Pushbutton of menu of the mother that make
Open FW4, choose the New below File menu, perhaps press Ctrl+N shortcut key, if the graph builds a file, dimension 200X30 resembles element, precision 72 resemble element / inch, setting is transparent.
The Tools below choice Window menu opens tool face plate, choose rectangular tool from tool face plate,
Draw a 100X30 to resemble the rectangle of element size, the Info below choice Window menu opens information face plate, direct input numerical value adjusts dimension and position accurately;
Pitch on this is rectangular, ctrl+C is duplicate, ctrl+V place is stickup, at that time two rectangle overlap, will above this rectangle procrastinates on the side, use fixed position of information face plate likewise;
Part next pitch on these two are rectangular, adjust their fill color and frame color, the method has two kinds, it is the Stroke in the Color tool area that uses tool face plate to go up and Fill pushbutton,
2 it is to choose the Stroke below Window menu and Fill to open line face plate and fill face plate respectively, in the choice on face plate, watchful is a line model should choose "Pencil à 1-Pixel Hard" or "Basic à Hard Line"(is like graph) ,
Fine frame result just can be made after such output; Choose literal tool from tool face plate, input character, the smoothness that notices to choose a written language is No Anti-Alias (shut instead toothed, if pursue) ,
Choose Chinese at the same time next word and among them a rectangle, from inside the Align below Modify menu individual choice Center Vertical and Center Horizontal are opposite neat character and rectangle, the effect is shown like plan institute.
DW3 behavior experiences
Dreamweaver (DW of the following abbreviation) offerred a kind to call " Behavior " (behavior) mechanism, help your compose advocate the alternant action in the page. Behavior, have a series of actions in the webpage namely, what realize user and page through these movements is alternant. Use the act of DW, you do not need to write a code, can achieve rich dynamic page result, those who obtain user and page is alternant.
An act is constituted by incident and movement. Incident is the result that the movement is sparked, and the movement is the has written beforehand JavaScript code that is used at finishing special job, such as opens window of a browser, broadcast sound to wait.
When using act to element of a page, you can appoint movement and the incident that spark. Had provided a few affirmatory actions in DW, you can apply them in page element.
One, inside a few main action of buy
1. Call JavaScript (Call JavaScript) this behavior allows when your setting is sparked when certain incident, call corresponding JavaScript script, in order to realize corresponding movement. When this behavior is installed, you can input JavaScript script directly or function.
2. Change attribute (Change Property) this behavior allows you change object property dynamicly, for instance the setting color of the size of image, layer is waited a moment. Those who need an attention is, the setting of this behavior depends on the support of the browser.
3. Examination browser (Check Brower) the supportive ability of different browser has certain difference, use this act, we can check the version of the browser, turn in order to jump to different page.
4. Examine plug-in unit (Check Plugin) the support that the page that occasionally we make needs certain plug-in unit, use the webpage that Flash makes for instance, be necessary to undertake checking to the plug-in unit of user browser so, saw it whether install designation plug-in unit. This behavior can come true this.
5. Control Shockwave or Flash (Control Shockwave Or Flash) Shockwave and Flash are at present the webpage makes the target that often inserts, this behavior is used at controlling these targets namely. Broadcast with what it can control animation, stop, return, still can control jump directly turn to the a fewth frame.
6. Mobile and statified (Drag Layer) " mobile and statified " behavior can come true to move in the storied on the page, it is statified even the shift of content.
7. Jump turn to URL (Go To URL) you can make the frame window that current browser window perhaps appoints is record in designation page.
8. Jump turn the table is simple (Jump Menu) " jump turn the table is simple " if be used at the editor to jump,give priority to all right turn the table is simple.
9. Shoot an information dialog box (Popup Message) if you should show an information dialog box on the page, perhaps give an user information of a clew, can use this act.
2, simple example
We are with dynamic picture below exemple, introduce what one be issued to lower levels is to use. Above all the picture that you want to make photograph of two pieces of size be the same as 1 with the picture 2. Concrete step is below.
1. Open DW to found a page, the graph is inserted in this page 1.
2. In DW editor window chooses good plan 1.
3. In menu " Windows " in choice " Behaviors " perhaps open Behavior face plate by F8. Attention, in Events For in playing menu giving form, "3.0 And Later Browsers " should be chosen.
4. By " ＋ " date pushbutton adds a new act -- " Swap Image " (commutation picture) , can play at this moment piece " Swap Image " dialog box. In picture list, you will see the list of all pictures in the page, pitch on the picture that you should alternate 1, this is primitive picture, move when mouse finger above it when, the picture that it will be shown by a piece of Gao Liang is replaced 2 times.
5. Click Browse pushbutton, had chosen you to want to replace, pass " OnMouseOver " incident, the picture of the choice 2 replaced former picture 1.
6. The preliminary adjustments that chooses acquiescent setting to have a picture is used and store.
"Preload Images " when options expresses to download in whole page, put the picture that has alternating into the cache of the browser, when first time of the person that browse moves mouse finger to Our Story picture, he does not feel to Gao Liang the go outing of the picture has what delay almost. "Restore Images OnMouseOut " options expresses to become " OnMouseOut " (the mouse removeds) when incident happening, automatically the picture restorable. 7. After the setting is finished, click " OK " pushbutton is shut " Swap Image " dialog box, apply a moment ago setting.
At this moment the episode that Behavior face plate included you to a moment ago was installed for picture place and movement. "OnMouseOver " there is by incident " Swap Image " behavioral mark, it is above it still have " OnMouseOut " incident and corresponding " Swap Image Restore " movement (this Behavior is accept in Swap Image dialog box when you default option and be defined) .
8. Shut Behavior face plate. Preview a page by F12. Move mouse finger to the picture respectively when you 1 on, your meeting discovery has been replaced 2 times by the picture.
The example of above is example of a of the Behavior of DW simple application only. Utility still has a lot of, do not make here explained one by one. In addition, DW still allows an user to use patulous act, the homepage that is in Macromedia company can download.
An act is constituted by incident and movement. Incident is the result that the movement is sparked, and the movement is the has written beforehand JavaScript code that is used at finishing special job, such as opens window of a browser, broadcast sound to wait.
When using act to element of a page, you can appoint movement and the incident that spark. Had provided a few affirmatory actions in DW, you can apply them in page element.
One, inside a few main action of buy
1. Call JavaScript (Call JavaScript) this behavior allows when your setting is sparked when certain incident, call corresponding JavaScript script, in order to realize corresponding movement. When this behavior is installed, you can input JavaScript script directly or function.
2. Change attribute (Change Property) this behavior allows you change object property dynamicly, for instance the setting color of the size of image, layer is waited a moment. Those who need an attention is, the setting of this behavior depends on the support of the browser.
3. Examination browser (Check Brower) the supportive ability of different browser has certain difference, use this act, we can check the version of the browser, turn in order to jump to different page.
4. Examine plug-in unit (Check Plugin) the support that the page that occasionally we make needs certain plug-in unit, use the webpage that Flash makes for instance, be necessary to undertake checking to the plug-in unit of user browser so, saw it whether install designation plug-in unit. This behavior can come true this.
5. Control Shockwave or Flash (Control Shockwave Or Flash) Shockwave and Flash are at present the webpage makes the target that often inserts, this behavior is used at controlling these targets namely. Broadcast with what it can control animation, stop, return, still can control jump directly turn to the a fewth frame.
6. Mobile and statified (Drag Layer) " mobile and statified " behavior can come true to move in the storied on the page, it is statified even the shift of content.
7. Jump turn to URL (Go To URL) you can make the frame window that current browser window perhaps appoints is record in designation page.
8. Jump turn the table is simple (Jump Menu) " jump turn the table is simple " if be used at the editor to jump,give priority to all right turn the table is simple.
9. Shoot an information dialog box (Popup Message) if you should show an information dialog box on the page, perhaps give an user information of a clew, can use this act.
2, simple example
We are with dynamic picture below exemple, introduce what one be issued to lower levels is to use. Above all the picture that you want to make photograph of two pieces of size be the same as 1 with the picture 2. Concrete step is below.
1. Open DW to found a page, the graph is inserted in this page 1.
2. In DW editor window chooses good plan 1.
3. In menu " Windows " in choice " Behaviors " perhaps open Behavior face plate by F8. Attention, in Events For in playing menu giving form, "3.0 And Later Browsers " should be chosen.
4. By " ＋ " date pushbutton adds a new act -- " Swap Image " (commutation picture) , can play at this moment piece " Swap Image " dialog box. In picture list, you will see the list of all pictures in the page, pitch on the picture that you should alternate 1, this is primitive picture, move when mouse finger above it when, the picture that it will be shown by a piece of Gao Liang is replaced 2 times.
5. Click Browse pushbutton, had chosen you to want to replace, pass " OnMouseOver " incident, the picture of the choice 2 replaced former picture 1.
6. The preliminary adjustments that chooses acquiescent setting to have a picture is used and store.
"Preload Images " when options expresses to download in whole page, put the picture that has alternating into the cache of the browser, when first time of the person that browse moves mouse finger to Our Story picture, he does not feel to Gao Liang the go outing of the picture has what delay almost. "Restore Images OnMouseOut " options expresses to become " OnMouseOut " (the mouse removeds) when incident happening, automatically the picture restorable. 7. After the setting is finished, click " OK " pushbutton is shut " Swap Image " dialog box, apply a moment ago setting.
At this moment the episode that Behavior face plate included you to a moment ago was installed for picture place and movement. "OnMouseOver " there is by incident " Swap Image " behavioral mark, it is above it still have " OnMouseOut " incident and corresponding " Swap Image Restore " movement (this Behavior is accept in Swap Image dialog box when you default option and be defined) .
8. Shut Behavior face plate. Preview a page by F12. Move mouse finger to the picture respectively when you 1 on, your meeting discovery has been replaced 2 times by the picture.
The example of above is example of a of the Behavior of DW simple application only. Utility still has a lot of, do not make here explained one by one. In addition, DW still allows an user to use patulous act, the homepage that is in Macromedia company can download.
The behavioral function of DW is preliminary analysis
Do simple a bit better: Ah breathe out the Call Js action that provides with DW to be an analysis
This is Call Js.htm I also take it here put together good-looking: )
<SCRIPT LANGUAGE="javascript" SRC="Call JavaScript.js"></SCRIPT>// need not say this to include our Call Js.js namely
<SCRIPT LANGUAGE="JavaScript" SRC=" . . / . . / li of transfers DW to offer string processing function of Shared/MM/Scripts/CMN/string.js"></SCRIPT>//
<SCRIPT SRC=" . . / . . / the help page that Shared/MM/Scripts/CMN/displayHelp.js"></SCRIPT>// calls this movement
<SCRIPT LANGUAGE="javascript">
Var MSG_NoMsg = "Please Enter A JavaScript Command Or Click Cancel. ";
Noticing the JS above to call is not same write disparate movements to will be used move different Js (also need not use) these east east below the Shared/MM/Scripts that is put in DW.
/ / ****************************************************************
The JS function that you will write in Head head
/ / ***************************************************************Function MM_callJS(jsStr) {//v2.0Return Eval(jsStr)
}
It is API function below namely the systematic function that DW provides
/ / **********************************************************************************
What can accept this motion without the element, exchange function of picture Swap Imag to only picture ability is received for example, the movement that we see has in face plate
Because used this function,why be gray is, because current this is nonexistent to resembling.
For example:
Function CanAcceptBehavior(){Var NameArray = GetObjectRefs("NS 4.0" , "Document" , "IMG"); Var RetVal = (nameArray.length>0) ? "OnMouseOut, (OnMouseOut)" :&Nbsp;false;Return RetVal;
}
Accept behavioral function: This function used GetobjectRefs() to obtain IMG to be opposite picture, only ability of picture of current webpage existence uses this act, the Onmouseout from the back is the movement that be short of caustic.
/ / *************************************************************************************Function CanAcceptBehavior(){Return True;
}
/ / *************************************************************************************
Behavioral function: Ability is the function that should write you into Head head truly here, the name that notices MM_calljs changes the first function before beard and you homonymic, make mistake otherwise.
/ / *************************************************************************************Function BehaviorFunction(){Return "MM_callJS";
}
/ / *************************************************************************************
Handle behavioral function: Namely the function that you will add in label to be in. Be like: OThe Test part of Nmouseover="test(ARGS)" and Args part. Args is the parameter that you want to transfer Head head function.
/ / *************************************************************************************Function ApplyBehavior() {The Message in face plate is being obtained here is worth namely you input the value in text casingIf (jsStr==If you did not input information to will play the admonitory information that give,judge here, this information is in Call Js.htm is a face had defined. Return MSG_NoMsg;
} Else {Return "MM_callJS('" + JsStr + "')";// writes function successfully
}
}
/ / *************************************************************************************
This function rises to obtain the value that you input to be saved, the value that you input last already can see when you are being revised next time, do not talk to go up otherwise revised.
/ / *************************************************************************************Function InspectBehavior(jsStr){Var StartPos = JsStr.indexOf("(")+2;Var EndPos = JsStr.lastIndexOf(")" , jsStr.length)-1;Document.theForm.message.value = UnescQuotes(jsStr.substring(startPos, endPos));// obtains the value between ")" of "(" peaceful coexistence, namely the value that we input.
}
/ / ***************** LOCAL FUNCTIONS ******************
/ / *************************************************************************************
Here is this locality function, not possible also, the meaning of this function is opened namely let text casing get together look.
Function InitializeUI(){Document.theForm.message.focus(); //set Focus On TextboxDocument.theForm.message.select(); //set Insertion Point Into Textbox
}
This is the analytic result of my individual only, may wrong hope everybody is corrected. Recently our company net fast surprised not to go up slow so at a loose end manages the network, write?
This is Call Js.htm I also take it here put together good-looking: )
<SCRIPT LANGUAGE="javascript" SRC="Call JavaScript.js"></SCRIPT>// need not say this to include our Call Js.js namely
<SCRIPT LANGUAGE="JavaScript" SRC=" . . / . . / li of transfers DW to offer string processing function of Shared/MM/Scripts/CMN/string.js"></SCRIPT>//
<SCRIPT SRC=" . . / . . / the help page that Shared/MM/Scripts/CMN/displayHelp.js"></SCRIPT>// calls this movement
<SCRIPT LANGUAGE="javascript">
Var MSG_NoMsg = "Please Enter A JavaScript Command Or Click Cancel. ";
Noticing the JS above to call is not same write disparate movements to will be used move different Js (also need not use) these east east below the Shared/MM/Scripts that is put in DW.
/ / ****************************************************************
The JS function that you will write in Head head
/ / ***************************************************************Function MM_callJS(jsStr) {//v2.0Return Eval(jsStr)
}
It is API function below namely the systematic function that DW provides
/ / **********************************************************************************
What can accept this motion without the element, exchange function of picture Swap Imag to only picture ability is received for example, the movement that we see has in face plate
Because used this function,why be gray is, because current this is nonexistent to resembling.
For example:
Function CanAcceptBehavior(){Var NameArray = GetObjectRefs("NS 4.0" , "Document" , "IMG"); Var RetVal = (nameArray.length>0) ? "OnMouseOut, (OnMouseOut)" :&Nbsp;false;Return RetVal;
}
Accept behavioral function: This function used GetobjectRefs() to obtain IMG to be opposite picture, only ability of picture of current webpage existence uses this act, the Onmouseout from the back is the movement that be short of caustic.
/ / *************************************************************************************Function CanAcceptBehavior(){Return True;
}
/ / *************************************************************************************
Behavioral function: Ability is the function that should write you into Head head truly here, the name that notices MM_calljs changes the first function before beard and you homonymic, make mistake otherwise.
/ / *************************************************************************************Function BehaviorFunction(){Return "MM_callJS";
}
/ / *************************************************************************************
Handle behavioral function: Namely the function that you will add in label to be in. Be like: OThe Test part of Nmouseover="test(ARGS)" and Args part. Args is the parameter that you want to transfer Head head function.
/ / *************************************************************************************Function ApplyBehavior() {The Message in face plate is being obtained here is worth namely you input the value in text casingIf (jsStr==If you did not input information to will play the admonitory information that give,judge here, this information is in Call Js.htm is a face had defined. Return MSG_NoMsg;
} Else {Return "MM_callJS('" + JsStr + "')";// writes function successfully
}
}
/ / *************************************************************************************
This function rises to obtain the value that you input to be saved, the value that you input last already can see when you are being revised next time, do not talk to go up otherwise revised.
/ / *************************************************************************************Function InspectBehavior(jsStr){Var StartPos = JsStr.indexOf("(")+2;Var EndPos = JsStr.lastIndexOf(")" , jsStr.length)-1;Document.theForm.message.value = UnescQuotes(jsStr.substring(startPos, endPos));// obtains the value between ")" of "(" peaceful coexistence, namely the value that we input.
}
/ / ***************** LOCAL FUNCTIONS ******************
/ / *************************************************************************************
Here is this locality function, not possible also, the meaning of this function is opened namely let text casing get together look.
Function InitializeUI(){Document.theForm.message.focus(); //set Focus On TextboxDocument.theForm.message.select(); //set Insertion Point Into Textbox
}
This is the analytic result of my individual only, may wrong hope everybody is corrected. Recently our company net fast surprised not to go up slow so at a loose end manages the network, write?
Law of ability of Dreamweaver filament form uncovers secret
Form is the most element that uses in webpage design, use form organizes most webpage. Use form to organize webpage content, can devise an overall arrangement the webpage with reasonable, beautiful and harmonious, well-balanced structure. What we should tell today is not the application that form is controlling page element, however the law of a few ability of form frame. Set form frame reasonably, the result that can get your expect is less than sometimes! The content that the article tells about is filament frame form make, involved knowledge compares a foundation, offer novice reference only.
One. Form foundation:
<table> : The identifier of form, with the limits that will limit form. The attribute of <table> label:
Border: The check the number resembling element that place of form frame width holds.
Width and Height: Specify the size of form. "Width " the width that sets table, "Height " the height that appoints fo rm.
Align: Form and the position of character of its photograph adjacent. Parameter value is resided for Left(left) , Center(be placed in the middle) , reside right) with Right(.
Cellspacing: Appoint form each space between unit case.
Cellpadding: Specify the size of the blank distance between unit case content and unit case border.
<TR> : Travel label. The attribute of <TR> label:
Align: In expressing to should go, each unit case content is left-justify (be placed in the middle of Left) , level (of Center) and right-justify <right> .
Valign: In expressing to should go, each unit case content is to rely on closely to go up along (Top) , perpendicular be placed in the middle (Middle) and rely on closely to issue an edge (Bottom) .
<TH> and <TD> : Border cowardly beauty hangs down the content of element of head of watch of regulation of?TH> of model of You of a surname of patch up of of Suo ǖ ピ (first when the element that express a head is located in every to list commonly, using the specific data that the specification should arrange is about which the) of the object. <TD> provides this content of unit case. All attribute of <TH> and <TD> label and corresponding attribute function are just the same.
Rowspan: Express the linage that this unit case place crosses.
Colspan: The kind that states this unit case place is crossed is counted.
Align, Valign: Usage is Alexandrine. Appoint the position of unit case content.
2. Make with form cross a filament:
It is occasionally when webpage composing, we need a filament, take greetings and gifts to the troops a bit it seems that with the picture move numerous, actually, this small issue can be done with form calm.
The process that make:
1, thrust a group form.
2, form " Cellpadding " " Cellspacing " install for " 0 " .
3, of will unit case " Bgcolor " the setting is " #000000 " (of course you also can be installed for other facial expression, basically depend on the filament that you need what color) " Height " the setting is " 1 " .
4, examine source code, <td></td> medium " " take out with respect to Ok.
Principle: Effect of this kind of filament is actually it is high " 1pix " form.
3. Filament form
We often encounter the situation of the content that adds form frame to differ in order to distinguish, but form frame width " Border " the setting is " 1 " when, frame appears too outstanding again, so, can you make filament rim?
The principle that make:
1, thrust a group form.
2, form " Border " , " Cellpadding " the setting is " 0 " , "Cellspacing " the setting is " 1 " .
3, form " Bgcolor " = " #000000 " .
4, of will unit case " Bgcolor " the setting is " #FFFFFF " (of course you also can be installed for other facial expression, basically depend on the frame that you need what color) .
5, preview a page.
Principle: Attribute has been told in front " Cellspacing " denotive the distance that is unit case and unit case. We also included the blank between this distance when the backdrop that sets whole table is lubricious (what we install is " 1pix " ) , and the blank between this distance is not included however when the backdrop that sets unit standard is lubricious, such since, what the distance that the form frame line that you see in the browser is unit case and unit case actually shows.
4. Lie between be apart from form:
This kind of effect used the nest of form. It is namely in every unit case of a case of a 5 list nest the form that 5 one-way sheet list.
The making process that he sees below: &Nbsp;
1, thrust a group 5 form.
2, the attribute of form the setting is: WIdth="400" Border="0" Cellspacing="2" Cellpadding="1" .
3, all set the setting scene of 5 unit case for: Bgcolor="#FFFFFF" .
4, insert a form again inside every unit case, the attribute of insertion form installs on attribute face plate: Width="100%" Border="0" Cellspacing="0" Cellpadding="0" Height="100%" .
5, the setting color setting of every unit case of the form that will insert is white: Bgcolor="#FFFFFF" .
6, preview a page
Principle: Attribute has been told in front " Cellpadding " denotive it is the content inside unit case and unit case border (all around) distance. Contrast the principle above, the form frame line that sees in the browser actually is the content inside unit case actually (it is to point to here inside embedded table) what show with the distance of unit case. Knew this, not fathomless also why should make when the attribute that sets unit standard inside the setting Width="100%" , Height="100%" . Such doing is to let inlaid table control direction to go up to t ake case of the unit that be embedded in fluctuation full, but because had installed the Cellpadding="1" of the form that be embedded, although the form that embeds so is 100% , still can stay in 4 edges " 1pix " room, this " 1pix " room shows in the browser namely " frame line " !
We also can pass the bright dark frame of modification form to come true, but because with the net Jing Liu is seen implement (NC) compatible problem, arrived after DW4, this function is cancelled. Herein is absent to be told more.
The principle that adopts the form of 3 kinds of filament above learns, the property that not difficult hair is taking important place inside this now is " Cellspacing " and " Cellpadding " . Hope everybody carries out the change that will know these two kinds of property to be able to bring what kind of change in the browser through starting work!
One. Form foundation:
<table> : The identifier of form, with the limits that will limit form. The attribute of <table> label:
Border: The check the number resembling element that place of form frame width holds.
Width and Height: Specify the size of form. "Width " the width that sets table, "Height " the height that appoints fo rm.
Align: Form and the position of character of its photograph adjacent. Parameter value is resided for Left(left) , Center(be placed in the middle) , reside right) with Right(.
Cellspacing: Appoint form each space between unit case.
Cellpadding: Specify the size of the blank distance between unit case content and unit case border.
<TR> : Travel label. The attribute of <TR> label:
Align: In expressing to should go, each unit case content is left-justify (be placed in the middle of Left) , level (of Center) and right-justify <right> .
Valign: In expressing to should go, each unit case content is to rely on closely to go up along (Top) , perpendicular be placed in the middle (Middle) and rely on closely to issue an edge (Bottom) .
<TH> and <TD> : Border cowardly beauty hangs down the content of element of head of watch of regulation of?TH> of model of You of a surname of patch up of of Suo ǖ ピ (first when the element that express a head is located in every to list commonly, using the specific data that the specification should arrange is about which the) of the object. <TD> provides this content of unit case. All attribute of <TH> and <TD> label and corresponding attribute function are just the same.
Rowspan: Express the linage that this unit case place crosses.
Colspan: The kind that states this unit case place is crossed is counted.
Align, Valign: Usage is Alexandrine. Appoint the position of unit case content.
2. Make with form cross a filament:
It is occasionally when webpage composing, we need a filament, take greetings and gifts to the troops a bit it seems that with the picture move numerous, actually, this small issue can be done with form calm.
The process that make:
1, thrust a group form.
2, form " Cellpadding " " Cellspacing " install for " 0 " .
3, of will unit case " Bgcolor " the setting is " #000000 " (of course you also can be installed for other facial expression, basically depend on the filament that you need what color) " Height " the setting is " 1 " .
4, examine source code, <td></td> medium " " take out with respect to Ok.
Principle: Effect of this kind of filament is actually it is high " 1pix " form.
3. Filament form
We often encounter the situation of the content that adds form frame to differ in order to distinguish, but form frame width " Border " the setting is " 1 " when, frame appears too outstanding again, so, can you make filament rim?
The principle that make:
1, thrust a group form.
2, form " Border " , " Cellpadding " the setting is " 0 " , "Cellspacing " the setting is " 1 " .
3, form " Bgcolor " = " #000000 " .
4, of will unit case " Bgcolor " the setting is " #FFFFFF " (of course you also can be installed for other facial expression, basically depend on the frame that you need what color) .
5, preview a page.
Principle: Attribute has been told in front " Cellspacing " denotive the distance that is unit case and unit case. We also included the blank between this distance when the backdrop that sets whole table is lubricious (what we install is " 1pix " ) , and the blank between this distance is not included however when the backdrop that sets unit standard is lubricious, such since, what the distance that the form frame line that you see in the browser is unit case and unit case actually shows.
4. Lie between be apart from form:
This kind of effect used the nest of form. It is namely in every unit case of a case of a 5 list nest the form that 5 one-way sheet list.
The making process that he sees below: &Nbsp;
1, thrust a group 5 form.
2, the attribute of form the setting is: WIdth="400" Border="0" Cellspacing="2" Cellpadding="1" .
3, all set the setting scene of 5 unit case for: Bgcolor="#FFFFFF" .
4, insert a form again inside every unit case, the attribute of insertion form installs on attribute face plate: Width="100%" Border="0" Cellspacing="0" Cellpadding="0" Height="100%" .
5, the setting color setting of every unit case of the form that will insert is white: Bgcolor="#FFFFFF" .
6, preview a page
Principle: Attribute has been told in front " Cellpadding " denotive it is the content inside unit case and unit case border (all around) distance. Contrast the principle above, the form frame line that sees in the browser actually is the content inside unit case actually (it is to point to here inside embedded table) what show with the distance of unit case. Knew this, not fathomless also why should make when the attribute that sets unit standard inside the setting Width="100%" , Height="100%" . Such doing is to let inlaid table control direction to go up to t ake case of the unit that be embedded in fluctuation full, but because had installed the Cellpadding="1" of the form that be embedded, although the form that embeds so is 100% , still can stay in 4 edges " 1pix " room, this " 1pix " room shows in the browser namely " frame line " !
We also can pass the bright dark frame of modification form to come true, but because with the net Jing Liu is seen implement (NC) compatible problem, arrived after DW4, this function is cancelled. Herein is absent to be told more.
The principle that adopts the form of 3 kinds of filament above learns, the property that not difficult hair is taking important place inside this now is " Cellspacing " and " Cellpadding " . Hope everybody carries out the change that will know these two kinds of property to be able to bring what kind of change in the browser through starting work!
Many picture shows the webpage clever way - Dreamweaver skill
Some homepages include the picture that shows a gender in great quantities, and should show be in specific locally. When designing a homepage, if every pieces the picture is put in new crosshatching, the person that browse often needs to shut new the window that open, such very no-go; Conceal in the different layer that also can put all pictures in same window, need to who show, but the time that this kind of practice can make open this webpage again jumps (even if when hidden picture also should be opened, read in along with all the others) . The author ever designed a webpage that has 20 pictures, use this method, below the join rate of 28.8KB/s, show open time to have 208 seconds actually. Later, the author discovers inadvertently, the setting is statified text can solve this problem. Use " behavior " face plate, OK and dynamic setting some medium text or the content in replacing a layer, the content of new setting can be the HTML of aleator ic type, accordingly, use this " movement " can show all sorts of information dynamicly, include a picture of course. Most crucial is, use this one skill, can accomplish need to show which picture, in can loading its v specific layer, use namely read namely, avoid to load, take up a large number of time. The 208 seconds webpage that mentions above the author, after the course is handled so, open need 18 seconds only. Particular way is as follows:
1. Build a layer, name for: ImgeLayer, this shows those who serve as a picture the window;
2. The picture that will show makes skeletonize pursue respectively, put go up in the page, so that click this delineation, show in ImgeLayer the source pursues accordingly. Assume delineation is: SImge1, SImge2, SImge3... , part corresponding source graph: Imge1, Imge2, Imge3...
3. Pitch on SImge1, open " behavior " face plate, ensure to pushbutton is pulled to show below Events For for IE 4.0 (or IE 5.0) , click " + " pushbutton, playing go out " movement " in choosing sheet, choose " setting character " below " character of setting graph layer " , open dialog box of character of setting graph layer, list is pulled to be chosen below graph layer ImgeLayer, the input in casing inputs in new HTML: < Img Src="imge1.jpg" Width="300" Height="200" > (reader but according to actual condition, adjust file method and graphical dimension) .
4. The setting method of other picture is Alexandrine.
Those who need an attention is, the design method that mentions above needs support of browser of IE 4.0 above.
1. Build a layer, name for: ImgeLayer, this shows those who serve as a picture the window;
2. The picture that will show makes skeletonize pursue respectively, put go up in the page, so that click this delineation, show in ImgeLayer the source pursues accordingly. Assume delineation is: SImge1, SImge2, SImge3... , part corresponding source graph: Imge1, Imge2, Imge3...
3. Pitch on SImge1, open " behavior " face plate, ensure to pushbutton is pulled to show below Events For for IE 4.0 (or IE 5.0) , click " + " pushbutton, playing go out " movement " in choosing sheet, choose " setting character " below " character of setting graph layer " , open dialog box of character of setting graph layer, list is pulled to be chosen below graph layer ImgeLayer, the input in casing inputs in new HTML: < Img Src="imge1.jpg" Width="300" Height="200" > (reader but according to actual condition, adjust file method and graphical dimension) .
4. The setting method of other picture is Alexandrine.
Those who need an attention is, the design method that mentions above needs support of browser of IE 4.0 above.
Magical function Dreamweaver3 guides into travel data with sort
DreamWeaver is the very practical, efficient webpage that Micro company makes makes a tool, the 3 edition that publish recently, more good function is great. Among them, data guides with form sort function, can be in not below the circumstance of process designing, went to the lavatory greatly Web promulgator.
Release on my website recently " Shenzhen partner maintains a circumstance schedule " , address Http://top.he.cninfo.net/gwok/stk199912.htm, use the function above to come true namely. Detailed introduction makes the move of this file to everybody below:
1. Download data source, make intermediate interim text file
(1) build file of a text, for instance the name calls C:\Temp\stk199912.txt.
(2) visit Www.cninfo.com.cn, click on the right side of column " partner is held distributing " , appear partner of Shenzhen of the first page runs a page.
(3) with the mouse Zun Jian clicks this page the first code is left, mobile and bottom transverse scroll with on the right side of fore-and-aft scroll, show the last code most right information.
(4) press " Shift " key, with the mouse Zun Jian clicks the last code most the right place of right information, chose current page so the form information of all code.
(5) press " Ctrl+C " , duplicate currently the information of choice piece, turn to Stk199912.txt to edit the window again, press " Ctrl+V " stickup.
(6) return browser window, click " below one page " , appear partner of Shenzhen of the 2nd page runs a page.
(7) repeat (3) to (6) measure, will all information guides entirely in Stk199912.txt text file. Finally, gotten Stk199912.txt file form is as follows:
A 1070902476 705446 484448 16.39 191658 31.54 17164 10.25 10718 17.04 775 4.72 683 20.06 of 0001 deep development
0002 deep A 312767648 217691 140279 17.97 68839 40.17 5487 11.50 2784 14.82 176 3.68 126 11.86 of 10 thousand divisions
A 191642605 141287 79256 16.51 55772 48.69 4054 13.34 2116 17.29 71 2.41 18 1.77 of 0003 deep Jin Tian
How does 0004 ST amount to 41657228 16660 10150 8.05 5274 22.43 621 9.66 512 23.19 59 9.08 44 27.60 greatly
. . . . .
Can see, depart undertakes with blank space between every line item.
2. In DreamWeaver3.0, guide text file data
(1) open DreamWeaver3.0, choice menu " file / build " found file of a blank Htm.
(2) choice menu " insert / list data " , appear " Insert Tabular Data " the window, click " Browse. . . " pushbutton, the choice deposits the text file C:\ of dataTemp\stk199912.txt.
(3) be in " Delimiter " next choices in drawing list " Other " , the text that appears subsequently in right inputs a blank space in casing.
(4) click " OK "
Come here, many form that made include text file data. In form group is thrust before group, correspondence inputs caption every respectively: Code name is mandatory and current a 1000 partner of <1 of several partner gross several <1 1000 maintain a rate 5 1000 partner count 1 1000 ～ 1 1000 ～ 5 1000 maintain a rate 10 thousand partner of 5 1000 ～ counts 5 1000 ～ 10 thousand maintain a rate 50 thousand partner of 10 thousand ～ counts 10 thousand ～ 50 thousand
3. In DreamWeaver3.0, to form sort
Choose form, click menu " command / classified form " , appear " Sort Table " the window, be in " Sort By " next choices in pulling menu last, "Order " next choices in pulling menu " Numerically " , choose in sort means " Descending " , click " OK " .
Good, it is OK that complete work comes here knock off! Your look, need the function that work out program realizes so, above the course simple a few paces, do easily calm!
Welcome Lai Yimei: GWok@yeah.net, more welcome you to come inn of my snack of green apple computer samples all sorts of technology beautiful eat, the address is H
Release on my website recently " Shenzhen partner maintains a circumstance schedule " , address Http://top.he.cninfo.net/gwok/stk199912.htm, use the function above to come true namely. Detailed introduction makes the move of this file to everybody below:
1. Download data source, make intermediate interim text file
(1) build file of a text, for instance the name calls C:\Temp\stk199912.txt.
(2) visit Www.cninfo.com.cn, click on the right side of column " partner is held distributing " , appear partner of Shenzhen of the first page runs a page.
(3) with the mouse Zun Jian clicks this page the first code is left, mobile and bottom transverse scroll with on the right side of fore-and-aft scroll, show the last code most right information.
(4) press " Shift " key, with the mouse Zun Jian clicks the last code most the right place of right information, chose current page so the form information of all code.
(5) press " Ctrl+C " , duplicate currently the information of choice piece, turn to Stk199912.txt to edit the window again, press " Ctrl+V " stickup.
(6) return browser window, click " below one page " , appear partner of Shenzhen of the 2nd page runs a page.
(7) repeat (3) to (6) measure, will all information guides entirely in Stk199912.txt text file. Finally, gotten Stk199912.txt file form is as follows:
A 1070902476 705446 484448 16.39 191658 31.54 17164 10.25 10718 17.04 775 4.72 683 20.06 of 0001 deep development
0002 deep A 312767648 217691 140279 17.97 68839 40.17 5487 11.50 2784 14.82 176 3.68 126 11.86 of 10 thousand divisions
A 191642605 141287 79256 16.51 55772 48.69 4054 13.34 2116 17.29 71 2.41 18 1.77 of 0003 deep Jin Tian
How does 0004 ST amount to 41657228 16660 10150 8.05 5274 22.43 621 9.66 512 23.19 59 9.08 44 27.60 greatly
. . . . .
Can see, depart undertakes with blank space between every line item.
2. In DreamWeaver3.0, guide text file data
(1) open DreamWeaver3.0, choice menu " file / build " found file of a blank Htm.
(2) choice menu " insert / list data " , appear " Insert Tabular Data " the window, click " Browse. . . " pushbutton, the choice deposits the text file C:\ of dataTemp\stk199912.txt.
(3) be in " Delimiter " next choices in drawing list " Other " , the text that appears subsequently in right inputs a blank space in casing.
(4) click " OK "
Come here, many form that made include text file data. In form group is thrust before group, correspondence inputs caption every respectively: Code name is mandatory and current a 1000 partner of <1 of several partner gross several <1 1000 maintain a rate 5 1000 partner count 1 1000 ～ 1 1000 ～ 5 1000 maintain a rate 10 thousand partner of 5 1000 ～ counts 5 1000 ～ 10 thousand maintain a rate 50 thousand partner of 10 thousand ～ counts 10 thousand ～ 50 thousand
3. In DreamWeaver3.0, to form sort
Choose form, click menu " command / classified form " , appear " Sort Table " the window, be in " Sort By " next choices in pulling menu last, "Order " next choices in pulling menu " Numerically " , choose in sort means " Descending " , click " OK " .
Good, it is OK that complete work comes here knock off! Your look, need the function that work out program realizes so, above the course simple a few paces, do easily calm!
Welcome Lai Yimei: GWok@yeah.net, more welcome you to come inn of my snack of green apple computer samples all sorts of technology beautiful eat, the address is H
Use DW plug-in unit to change IE browser to roll (on)
When doing a webpage, often feel the scroll of IE browser the webpage with the design is abhorrent, what affected webpage whole badly is beautiful. Consider reason of method place to go, fare badly however, use for instance play a window, be unavoidable to cause browse the trouble that clicks enlarge pushbutton, scroll take out, but it is unwell,use the webpage that Yu Yibing cannot show.
Good now, 5.5 above version has allowed IE browser watch of people setting style will change scroll the exterior. The effect sees in light of
We look now step by step is how produce this kind of result:
Had said before the principle, embedded inside IE5.5 above version namely express with the style (Css) the move about that will control it function, want to add CSS code to be able to be finished for the webpage only. Some people hear code to headache, everybody is at ease, somebody has used the patulous interface of Dreamweaver to had beco me MXP plug-in unit, everybody should download installation about the website only. What we should do is numerical value of choice facial expression only.
Gibberish says less, let me come now without preamble, begin by installation.
V plug-in unit manages implement - Manage Extensions, open a method: Command- - > Manage Extensions
The interface pursues as follows:
Click pushbutton, plug-in unit chooses in the catalog that deposits plug-in unit, doubleclick a file, when occurrence clew window, press OK can. Shut Dreamweaver, start afresh. Open kit by shortcut key Ctrl + F2, can see Common many lis a triangle up icon (place of arrowhead laying a plan is shown) .
Good now, 5.5 above version has allowed IE browser watch of people setting style will change scroll the exterior. The effect sees in light of
We look now step by step is how produce this kind of result:
Had said before the principle, embedded inside IE5.5 above version namely express with the style (Css) the move about that will control it function, want to add CSS code to be able to be finished for the webpage only. Some people hear code to headache, everybody is at ease, somebody has used the patulous interface of Dreamweaver to had beco me MXP plug-in unit, everybody should download installation about the website only. What we should do is numerical value of choice facial expression only.
Gibberish says less, let me come now without preamble, begin by installation.
V plug-in unit manages implement - Manage Extensions, open a method: Command- - > Manage Extensions
The interface pursues as follows:
Click pushbutton, plug-in unit chooses in the catalog that deposits plug-in unit, doubleclick a file, when occurrence clew window, press OK can. Shut Dreamweaver, start afresh. Open kit by shortcut key Ctrl + F2, can see Common many lis a triangle up icon (place of arrowhead laying a plan is shown) .
The website of Dreamweaver manages
Dreamweaver makes software as the webpage composing of new generation, beyond the compatibility that edits function and height besides superexcellent DHTML, still provided powerful website management function, update those who exceed catenary, pattern plate and library among them automatically to use, the function such as built-in FTP need not say oneself, a bit the most important, it provided the administrative function of website of much person cooperation.
Should make government a large website, the power that leans a person only is far insufficient, need much person cooperation to be finished jointly. General division of labor may be: Certain person is in charge of (or many) column, other does not have modification attributive to this column. But below most circumstance, home page, second home page and there all is authority to revise related its, below this kind of circumstance, if temporarily unwary or cooperate with bad, appear very ea sily two (or more) the condition that the person alters same page at the same time, when updating, enclothe each other, cause the disorder of the page, the working Fu Zhidong that makes someone possibly even long flows.
Below this kind of circumstance, if use the Check In/Out function of Dreamweaver, the webpage in the editor the lock is decided, can avoid needless loss.
Above all, when the site is defined in Dreamweaver, want to start Check In/Out function. The method is: Option of pitch on Check In/Out, tick off in Options choose Enable File Check In And Check Out to start this function namely; Tick off choose Check Out Files When Opening this file of Out of of automatic when opening a file Check; Editor ID is inputted in column of Check Out Name, so that other is examined,go to the lavatory.
After set is finished, edit some when need when public document, in SITE window, pitch on this file, click Check Out to press twist (or doubleclick this file, enter editor state automatically, start Check Out automatically) , far in the SITE window of editor end and mouth of this locality end window are right now medium the √ that a green will follow at the back of this file icon, show this file already by Check Out, the ID of this editor shows in the meeting in column of Check Out By.
And in the SITE window in other co-worker, will see a gules √ , state this file has been edited, the same ID that can examine editor.
After the editor is finished, upload the file newer, click Check In to press twist, remove to be decided to the lock of this file, lock up record label in what a gray appears at the back of this file icon right now. (this kind of label of individual feeling Dreamweaver has violate convention, lock up normally time should be lock shape, green √ should is when solution is locked up)
To make sure the job of all person that cooperate with is not obliterated, when suggesting every editor is compiling public document, come down this file GET above all, can make sure what you want editorial file to be newest version so, the new version file that avoids to use the old version that this locality carries to enclothe other to update.
Why to suggest to use GET function? If use DOWN of other FTP software not OK?
We know, when replacing a document, besides this file itself, probable embroil has other image file or text version, and use FTP software is unwarrantable can obtain all and relevant document, use GET function does not have the worry of this problem.
Same, after the editor is finished, use PUT function can reach the page his relevant file uploads along with all the others.
Special attention: After be being finished editor, newlier, be sure to keep in mind to solve file Check In the lock, although you exit Dreamweaver,shut the computer even otherwise, other still cannot alter this file!
A bit clew: After you are compiling some document discovery cannot save file to disk, open SITE window please, examine this document whether by Check Out, because will be gifted by the file of Check Out read-only attribute.
Above uses the experience earnings of Dreamweaver for the individual, greeting everybody criticizes point out mistakes so that they can be corrected.
Should make government a large website, the power that leans a person only is far insufficient, need much person cooperation to be finished jointly. General division of labor may be: Certain person is in charge of (or many) column, other does not have modification attributive to this column. But below most circumstance, home page, second home page and there all is authority to revise related its, below this kind of circumstance, if temporarily unwary or cooperate with bad, appear very ea sily two (or more) the condition that the person alters same page at the same time, when updating, enclothe each other, cause the disorder of the page, the working Fu Zhidong that makes someone possibly even long flows.
Below this kind of circumstance, if use the Check In/Out function of Dreamweaver, the webpage in the editor the lock is decided, can avoid needless loss.
Above all, when the site is defined in Dreamweaver, want to start Check In/Out function. The method is: Option of pitch on Check In/Out, tick off in Options choose Enable File Check In And Check Out to start this function namely; Tick off choose Check Out Files When Opening this file of Out of of automatic when opening a file Check; Editor ID is inputted in column of Check Out Name, so that other is examined,go to the lavatory.
After set is finished, edit some when need when public document, in SITE window, pitch on this file, click Check Out to press twist (or doubleclick this file, enter editor state automatically, start Check Out automatically) , far in the SITE window of editor end and mouth of this locality end window are right now medium the √ that a green will follow at the back of this file icon, show this file already by Check Out, the ID of this editor shows in the meeting in column of Check Out By.
And in the SITE window in other co-worker, will see a gules √ , state this file has been edited, the same ID that can examine editor.
After the editor is finished, upload the file newer, click Check In to press twist, remove to be decided to the lock of this file, lock up record label in what a gray appears at the back of this file icon right now. (this kind of label of individual feeling Dreamweaver has violate convention, lock up normally time should be lock shape, green √ should is when solution is locked up)
To make sure the job of all person that cooperate with is not obliterated, when suggesting every editor is compiling public document, come down this file GET above all, can make sure what you want editorial file to be newest version so, the new version file that avoids to use the old version that this locality carries to enclothe other to update.
Why to suggest to use GET function? If use DOWN of other FTP software not OK?
We know, when replacing a document, besides this file itself, probable embroil has other image file or text version, and use FTP software is unwarrantable can obtain all and relevant document, use GET function does not have the worry of this problem.
Same, after the editor is finished, use PUT function can reach the page his relevant file uploads along with all the others.
Special attention: After be being finished editor, newlier, be sure to keep in mind to solve file Check In the lock, although you exit Dreamweaver,shut the computer even otherwise, other still cannot alter this file!
A bit clew: After you are compiling some document discovery cannot save file to disk, open SITE window please, examine this document whether by Check Out, because will be gifted by the file of Check Out read-only attribute.
Above uses the experience earnings of Dreamweaver for the individual, greeting everybody criticizes point out mistakes so that they can be corrected.
Dreamweaver
Dreamweaver is the place that manufactures by Macromedia company sees namely editor of earnings pattern webpage, the Frontpage that it manufactures with Microsoft is called together the two big sharp weapon that the webpage designs. As to say of low quality of what of actor of what of these two kinds of software, that is benevolence person see benevolence, wisdom person see wisdom, I am here to also be not talked reputably. But the observation according to me, what the professional webpage staff that make appears to use Dreamweaver is a few morer, everybody understood my meaning: )
Now the newest version of Dreamweaver is 3. Compare with the version photograph previously, dreamweaver 3.0 increased a lot of brand-new functions, wait like History, MetaNotes, HTML Style, Quick Tag Editor. In addition, dreamweaver 3.0 is like DHTML to a few new technologies, JAVA also had better support. Handle each function of Dreamweave neatly, we can create a dynamic webpage that makes a person dazzling. Below, my general is made through an example, guide everybody to be familiar with each function of Dreamweaver.
Above all, the webpage that lets us make a common graph Wen Bingmao (have a character namely actually, the picture went) . Think everybody still can be done at this o'clock, I was not told. What? You won't! Actually very simple, follow make Word same, direct upgrade knocked a word to go, stuck a picture to go with Insert -> Image.
Now, we had a the simplest webpage. Although it still is very pallet, but the first pace that we had walked out of a webpage to design. The first webpage that everybody does also should mix this about the same. Next, we will add the content of other on the foundation of this webpage, make it looks a few more beautiful.
When we are doing a webpage, feel composing very bother? To be opposite neat an article perhaps pursues, we often should be adjusted a lot of times. Actually we use form, OK and relaxed composing. Choose Insert -> Table, play give a dialog box. (the １ that be like a graph)
Input the form linage that you want and row number. The most important is to want to be filled in Border place 0, the frame width of such form will is 0, in other words, the frame that is form is to conceal sightless. Such, dreamweaver made the form of size of a default. We adjust the width of form and height, incorporate one part unit, make form gets used to our requirement. (if pursue 2)
Then, we can be filled in form on the thing that we mean, and their position was in by demarcate in form unit. Accordingly, the difficulty of composing also with respect to be readily solved. Yield the result after we see composing, be more good-looking? (if pursue 3)
However, although use form to undertake composing goes to the lavatory quite, but it still has certain discomfort: We should come out whole page design picture beforehand, pair of form positions that consolidate next undertake arranging; In addition, when we are dissatisfactory to page layout, undertake adjustment the job that also is a special trouble. We know use layer can locate accurately page element. So, we can use a layer to undertake composing. To supporting the browser of the inferior version of use layer, we can use the changeover tool that Dreamweaver provides, establish complex page position quickly first with the layer, change layer position into form layout again next. When need, also can make a round trip between layer and form changeover, with adjusting layout is mixed optimize page design.
Let us redesign our page with the layer. Choice Insert ->Layer founds 3 layers, pull them proper place next, and amid inserts corresponding content. Additional, because form unit cannot overlap, so, dreamweaver cannot be the layer changeover of jackknife form. If plan a layer changeover in a documentation to be form, so that with low version (3 reach its the following version) the browser is compatible, be about to be being built, mobile layer and layer happening prevents to overlap when adjusting a volume. We can choose View -> Prevent Layer Overlaps to prevent the jackknife of the layer. But occasionally this one option also is in charge of not quite with, the layer that still needs our hand to move a jackknife is apart. This may be the small Bug of Dreamweaver. (if pursue 4)
Institute of as above plan is shown, we design position of good a page with the layer. Then we are its changeover form. Choose Modify -> Layout Mode -> Convert Layers To Table, play give a dialog box. (if pursue 5)
The action of each option in the dialog box explains as follows:
Most Accurate (the most accurate) : Build unit of a form for each, and to maintain the interval between layer and layer must add and unit case.
Smallest:&Nbsp;Collapse Empty Cells (the smallest: Brown of of scar of of ピ of the small cup that consider sprain pays brightness Shi of joyous ㄎ of huang3hu1 of haze of father of ㄈ Quan to pay ㄏ Ge astounded of ┎ of Wu of of grave of faint Ω of the cleanse that seek Hui addiction of ≡ of cloud Ge Q brings up ruthenium is foolish camphor tree of small ⒖ of action of eye of the Song that seek Dang is fierce
Use Transparent GIFs (use transparent GIF image) : Last when use form of fill of transparent GIF image. Can ensure the form indication in all browsers is identical so. If choose this, come to the row of the form that makes impossibly through daggle change the size of form. Not anthology when, transparent GIF picture is not included in the form that changes, but in different browser, its exterior may have a bit different.
Center On Page (in the be placed in the middle on the page) : The form that makes generate is opposite in the be placed in the middle on the page neat. If not anthology, form left-justify.
Prevent Layer Overlaps(prevents a jackknife) : Choice this can prevent a jackknife.
Show Layer Palette (indication layer face plate) : Choose this, a face plate shows after changeover is finished.
Show Grid (indication reseau) : Choose this, reseau shows after changeover is finished.
Snap To Grid (adsorption arrives reseau) : Choose this, enable adsorption to arrive reseau function.
Click OK, we change layer layout page to express layout page. Generally speaking, dreamweaver changes the form that give to have a few errors, still need ourselves hand to move adjust. (if pursue 6)
How, the result is right still. If you need a form changeover to be a layer, choose Modify -> Layout Mode -> Convert Tables To Layers, the procedure is very simple, said no longer here.
We use the character of the layer, still can make various dynamic webpage specially good effect. My general explains to use a layer to make the webpage specially good effect that come to everybody below: Let image move rise. We are when the webpage that browse, the graph on the webpage that discovers via regular meeting is met move along a method. This is the simplest DHTML specially good effect actually, it is OK that we use Dreamweaver easily make this kind of result. Below, we let that lovely lionet on the webpage move rise.
Found Layer1 of a layer, move it to proper place, pull lionet head into the layer next inside. Then, we found Layer2 of a layer again, a few words are written inside the layer, it is the setting color of the layer surely next white. (if pursue 7)
Choose the first layer, choose Modify -> Timeline -> Add Object To Timeline next, pluck a time line face plate. Time line face plate expresses an attribute on time. Procrastinate touch mark of frame of time on-line key, can change the position of crucial frame. We put the position that ends frame to place of the 20th frame. To another layer we also undertake same processing. (if pursue 8)
Be issued by the circumstance of make choice of in the time line of Layer1 certainly, frame number is indicated move to be in to the 15th frame, choose Modify -> Timeline -> Add Keyframe, a crucial frame increases in this position. Same, also make same processing to Layer2. (if pursue 9)
Now, we established time line for two layers, there are 3 crucial frames on every time line. Next, we can define a position in crucial frame. In the time line of Layer1 the position of the first frame is nodded, pull the handle of the top left corner that eat a layer next, put it in your satisfactory position. To additionally two crucial frame of Layer1, we also make same processing, put the layer in proper place. To Layer2, we make it overlaps with Layer1 from beginning to end. After been do when these, we can see a mobile way in the window. (if pursue 10)
Then, the choice is in the Layer2 of position of the first frame, can inspect it attribute instead Hidden (the Vis option in attribute face plate) . Of the layer that acquiesces because of the browser can inspecting property is visible, so we need not define the attribute of the layer of other position. Such, we make Layer2 is in the 1st to conceal when 14 frame, in the 15th to show when 20 frame come.
Good, we had built the case of a dynamic webpage now. We can press time line face plate to go up broadcast pushbutton, preview the animation effect of the page. If want the effect that sees in the browser you are done, the Autoplay that had better get on time line face plate and Loop option pitch on, so dynamic effect can begin automatically when the page is called to be broadcasted circularly. How, the dynamic result that ourselves does has a look in the browser by F12. Can the lionet that can this talk only love?
Now, although our lionet can talk, but just also be to show a paragraph of character just. Do you want not to think the mouth that makes it true talks? Want to use the Behaviors function that Dreamweaver provides only, we are OK easily achieve this result.
A Behaviors is actual it is element of a JavaScript, it makes the object can undertake alternant. Behaviors is the combination of incident and movement. When you add a Behaviors, an action that you want to decide link up with to go up in an incident.
Above all, let us be familiar with behavior face plate. Choose Window -> Behaviors, open behavior face plate. Among them plus and minus sign pushbutton are used at increase and deleting behavior; Casing of Event For list allows us to choose different browser, dreamweaver will choose the incident that the browser that from the eliminate in behavior list you choose from this list cannot identify according to ours. The Event below and Action list listed what you define the incident on current target and conduct. (if pursue 11)
Click plus pushbutton to be able to play a list of a behavior, the act that can use currently shows with black font, the act that cannot use shows with gray font. I am the function that everybody introduces these behavior simply below. (if pursue 12)
Call JavaScript: The JavaScript function that transfers to had been written or statement of a JavaScript
Change Property: Change the property of the object
Check Browser: Examine the browser type of the person that visit, show different page according to returned result
Check Plugin: Whether did the person that the examination is visited install appointed plug-in unit, show different page according to returned result
Control Shockwave Or Flash: Control Shockwave or of Flash file broadcast a state
Drag Layer: The person that make visit can move layer, use at founding portable page element
Go To URL: New page is opened in current window or designation frame, it still can change two at the same time or the content Jump Menu of the frame of two above: Founded to jump when your use Insert -> Form Object -> Jump Menu turn when list casing, of of of Dreamweaver automatic gives this object to appoint Jump Menu behavior for you.
Jump Menu Go: One is built to jump in you turn after list casing, jump Menu Go can jump to this turn list casing adds to jump turn pushbutton. (the content in casing of list of direct selection of use Jump Menu of of of can jump turn to corresponding URL, and after of needed to choosing content, use Jump Menu Go is in jump by turn pushbutton just can jump turn to corresponding URL)
Open Browser Window: A page is opened in a new window
Play Sound: Broadcast sound file
Popup Message: Shoot a dialog box of a message
Preload Images: Read beforehand take file of a graph
Set Nav Bar Image: graph deformation is the figure that contains a link
Set Text: Trends changes literal content
Show-Hide Layers: Show, conceal a layer
Swap Image: File of will current figure is changed for another graph file
Swap Image Restore: Changing the graphical file after changing for original document
Go To Timeline Frame: The shift designation to time line frame number
Play Timeline And Stop Timeline: Begin to move with what end time string
Validate Form: The content that the person that the examination is browsed is filling in is effective
We can see, the action that Dreamweaver provides can complete the work of great majority for us. E.g. , we can use Swap Image to make dynamic button, use Jump Menu or the friendship link that Jump Menu Go makes our homepage go up. Below, we talk with respect to the lionet mouth that uses Play Sound function to let us.
Choose middle-level Layer1 above all, click the plus pushbutton in behavior face plate next, issueing Play Sound of the choice in pulling menu. Fill in shooting the dialog box that give on the name of the sound document that you want to broadcast. Here has a bit to want to notice, it is file name cannot use Chinese, the meeting when be being browsed with the browser otherwise signs up for a fault. Such behavior that we added a movement to be Play Sound, but of this behavior spark the Onclick that incident is Dreamweaver acquiesce, we want the event that needs its instead ourselves. (if pursue 13)
Click next that arrowhead on OnClick edge, play an an incident menu. Choose OnMouseOver, namely the mouse is over the object when can spark this behavior. Always share tens of planting about the type of incident, introduce me completely here also introduces to come nevertheless, still collect a few to say commonly usedly. OnClick: Produce incident OnDblClick when click: Produce incident OnError when doubleclick: Produce incident OnKeyPress when browser happening browses a mistake: Produce incident OnLoad when pressing aleatoric key-press releases: Be record in OnMouseOver of incident of the generation when ending when whole page: Be in an object when the mouse over when generation incident OnUnload: Produce incident OnScroll when leaving a page: Produce event when scroll page issues on the person that browse
Good, let us see our gain. Our work is browsed in the browser by F12. Had delimited the mouse it can talk when that lionet when you?
Now the newest version of Dreamweaver is 3. Compare with the version photograph previously, dreamweaver 3.0 increased a lot of brand-new functions, wait like History, MetaNotes, HTML Style, Quick Tag Editor. In addition, dreamweaver 3.0 is like DHTML to a few new technologies, JAVA also had better support. Handle each function of Dreamweave neatly, we can create a dynamic webpage that makes a person dazzling. Below, my general is made through an example, guide everybody to be familiar with each function of Dreamweaver.
Above all, the webpage that lets us make a common graph Wen Bingmao (have a character namely actually, the picture went) . Think everybody still can be done at this o'clock, I was not told. What? You won't! Actually very simple, follow make Word same, direct upgrade knocked a word to go, stuck a picture to go with Insert -> Image.
Now, we had a the simplest webpage. Although it still is very pallet, but the first pace that we had walked out of a webpage to design. The first webpage that everybody does also should mix this about the same. Next, we will add the content of other on the foundation of this webpage, make it looks a few more beautiful.
When we are doing a webpage, feel composing very bother? To be opposite neat an article perhaps pursues, we often should be adjusted a lot of times. Actually we use form, OK and relaxed composing. Choose Insert -> Table, play give a dialog box. (the １ that be like a graph)
Input the form linage that you want and row number. The most important is to want to be filled in Border place 0, the frame width of such form will is 0, in other words, the frame that is form is to conceal sightless. Such, dreamweaver made the form of size of a default. We adjust the width of form and height, incorporate one part unit, make form gets used to our requirement. (if pursue 2)
Then, we can be filled in form on the thing that we mean, and their position was in by demarcate in form unit. Accordingly, the difficulty of composing also with respect to be readily solved. Yield the result after we see composing, be more good-looking? (if pursue 3)
However, although use form to undertake composing goes to the lavatory quite, but it still has certain discomfort: We should come out whole page design picture beforehand, pair of form positions that consolidate next undertake arranging; In addition, when we are dissatisfactory to page layout, undertake adjustment the job that also is a special trouble. We know use layer can locate accurately page element. So, we can use a layer to undertake composing. To supporting the browser of the inferior version of use layer, we can use the changeover tool that Dreamweaver provides, establish complex page position quickly first with the layer, change layer position into form layout again next. When need, also can make a round trip between layer and form changeover, with adjusting layout is mixed optimize page design.
Let us redesign our page with the layer. Choice Insert ->Layer founds 3 layers, pull them proper place next, and amid inserts corresponding content. Additional, because form unit cannot overlap, so, dreamweaver cannot be the layer changeover of jackknife form. If plan a layer changeover in a documentation to be form, so that with low version (3 reach its the following version) the browser is compatible, be about to be being built, mobile layer and layer happening prevents to overlap when adjusting a volume. We can choose View -> Prevent Layer Overlaps to prevent the jackknife of the layer. But occasionally this one option also is in charge of not quite with, the layer that still needs our hand to move a jackknife is apart. This may be the small Bug of Dreamweaver. (if pursue 4)
Institute of as above plan is shown, we design position of good a page with the layer. Then we are its changeover form. Choose Modify -> Layout Mode -> Convert Layers To Table, play give a dialog box. (if pursue 5)
The action of each option in the dialog box explains as follows:
Most Accurate (the most accurate) : Build unit of a form for each, and to maintain the interval between layer and layer must add and unit case.
Smallest:&Nbsp;Collapse Empty Cells (the smallest: Brown of of scar of of ピ of the small cup that consider sprain pays brightness Shi of joyous ㄎ of huang3hu1 of haze of father of ㄈ Quan to pay ㄏ Ge astounded of ┎ of Wu of of grave of faint Ω of the cleanse that seek Hui addiction of ≡ of cloud Ge Q brings up ruthenium is foolish camphor tree of small ⒖ of action of eye of the Song that seek Dang is fierce
Use Transparent GIFs (use transparent GIF image) : Last when use form of fill of transparent GIF image. Can ensure the form indication in all browsers is identical so. If choose this, come to the row of the form that makes impossibly through daggle change the size of form. Not anthology when, transparent GIF picture is not included in the form that changes, but in different browser, its exterior may have a bit different.
Center On Page (in the be placed in the middle on the page) : The form that makes generate is opposite in the be placed in the middle on the page neat. If not anthology, form left-justify.
Prevent Layer Overlaps(prevents a jackknife) : Choice this can prevent a jackknife.
Show Layer Palette (indication layer face plate) : Choose this, a face plate shows after changeover is finished.
Show Grid (indication reseau) : Choose this, reseau shows after changeover is finished.
Snap To Grid (adsorption arrives reseau) : Choose this, enable adsorption to arrive reseau function.
Click OK, we change layer layout page to express layout page. Generally speaking, dreamweaver changes the form that give to have a few errors, still need ourselves hand to move adjust. (if pursue 6)
How, the result is right still. If you need a form changeover to be a layer, choose Modify -> Layout Mode -> Convert Tables To Layers, the procedure is very simple, said no longer here.
We use the character of the layer, still can make various dynamic webpage specially good effect. My general explains to use a layer to make the webpage specially good effect that come to everybody below: Let image move rise. We are when the webpage that browse, the graph on the webpage that discovers via regular meeting is met move along a method. This is the simplest DHTML specially good effect actually, it is OK that we use Dreamweaver easily make this kind of result. Below, we let that lovely lionet on the webpage move rise.
Found Layer1 of a layer, move it to proper place, pull lionet head into the layer next inside. Then, we found Layer2 of a layer again, a few words are written inside the layer, it is the setting color of the layer surely next white. (if pursue 7)
Choose the first layer, choose Modify -> Timeline -> Add Object To Timeline next, pluck a time line face plate. Time line face plate expresses an attribute on time. Procrastinate touch mark of frame of time on-line key, can change the position of crucial frame. We put the position that ends frame to place of the 20th frame. To another layer we also undertake same processing. (if pursue 8)
Be issued by the circumstance of make choice of in the time line of Layer1 certainly, frame number is indicated move to be in to the 15th frame, choose Modify -> Timeline -> Add Keyframe, a crucial frame increases in this position. Same, also make same processing to Layer2. (if pursue 9)
Now, we established time line for two layers, there are 3 crucial frames on every time line. Next, we can define a position in crucial frame. In the time line of Layer1 the position of the first frame is nodded, pull the handle of the top left corner that eat a layer next, put it in your satisfactory position. To additionally two crucial frame of Layer1, we also make same processing, put the layer in proper place. To Layer2, we make it overlaps with Layer1 from beginning to end. After been do when these, we can see a mobile way in the window. (if pursue 10)
Then, the choice is in the Layer2 of position of the first frame, can inspect it attribute instead Hidden (the Vis option in attribute face plate) . Of the layer that acquiesces because of the browser can inspecting property is visible, so we need not define the attribute of the layer of other position. Such, we make Layer2 is in the 1st to conceal when 14 frame, in the 15th to show when 20 frame come.
Good, we had built the case of a dynamic webpage now. We can press time line face plate to go up broadcast pushbutton, preview the animation effect of the page. If want the effect that sees in the browser you are done, the Autoplay that had better get on time line face plate and Loop option pitch on, so dynamic effect can begin automatically when the page is called to be broadcasted circularly. How, the dynamic result that ourselves does has a look in the browser by F12. Can the lionet that can this talk only love?
Now, although our lionet can talk, but just also be to show a paragraph of character just. Do you want not to think the mouth that makes it true talks? Want to use the Behaviors function that Dreamweaver provides only, we are OK easily achieve this result.
A Behaviors is actual it is element of a JavaScript, it makes the object can undertake alternant. Behaviors is the combination of incident and movement. When you add a Behaviors, an action that you want to decide link up with to go up in an incident.
Above all, let us be familiar with behavior face plate. Choose Window -> Behaviors, open behavior face plate. Among them plus and minus sign pushbutton are used at increase and deleting behavior; Casing of Event For list allows us to choose different browser, dreamweaver will choose the incident that the browser that from the eliminate in behavior list you choose from this list cannot identify according to ours. The Event below and Action list listed what you define the incident on current target and conduct. (if pursue 11)
Click plus pushbutton to be able to play a list of a behavior, the act that can use currently shows with black font, the act that cannot use shows with gray font. I am the function that everybody introduces these behavior simply below. (if pursue 12)
Call JavaScript: The JavaScript function that transfers to had been written or statement of a JavaScript
Change Property: Change the property of the object
Check Browser: Examine the browser type of the person that visit, show different page according to returned result
Check Plugin: Whether did the person that the examination is visited install appointed plug-in unit, show different page according to returned result
Control Shockwave Or Flash: Control Shockwave or of Flash file broadcast a state
Drag Layer: The person that make visit can move layer, use at founding portable page element
Go To URL: New page is opened in current window or designation frame, it still can change two at the same time or the content Jump Menu of the frame of two above: Founded to jump when your use Insert -> Form Object -> Jump Menu turn when list casing, of of of Dreamweaver automatic gives this object to appoint Jump Menu behavior for you.
Jump Menu Go: One is built to jump in you turn after list casing, jump Menu Go can jump to this turn list casing adds to jump turn pushbutton. (the content in casing of list of direct selection of use Jump Menu of of of can jump turn to corresponding URL, and after of needed to choosing content, use Jump Menu Go is in jump by turn pushbutton just can jump turn to corresponding URL)
Open Browser Window: A page is opened in a new window
Play Sound: Broadcast sound file
Popup Message: Shoot a dialog box of a message
Preload Images: Read beforehand take file of a graph
Set Nav Bar Image: graph deformation is the figure that contains a link
Set Text: Trends changes literal content
Show-Hide Layers: Show, conceal a layer
Swap Image: File of will current figure is changed for another graph file
Swap Image Restore: Changing the graphical file after changing for original document
Go To Timeline Frame: The shift designation to time line frame number
Play Timeline And Stop Timeline: Begin to move with what end time string
Validate Form: The content that the person that the examination is browsed is filling in is effective
We can see, the action that Dreamweaver provides can complete the work of great majority for us. E.g. , we can use Swap Image to make dynamic button, use Jump Menu or the friendship link that Jump Menu Go makes our homepage go up. Below, we talk with respect to the lionet mouth that uses Play Sound function to let us.
Choose middle-level Layer1 above all, click the plus pushbutton in behavior face plate next, issueing Play Sound of the choice in pulling menu. Fill in shooting the dialog box that give on the name of the sound document that you want to broadcast. Here has a bit to want to notice, it is file name cannot use Chinese, the meeting when be being browsed with the browser otherwise signs up for a fault. Such behavior that we added a movement to be Play Sound, but of this behavior spark the Onclick that incident is Dreamweaver acquiesce, we want the event that needs its instead ourselves. (if pursue 13)
Click next that arrowhead on OnClick edge, play an an incident menu. Choose OnMouseOver, namely the mouse is over the object when can spark this behavior. Always share tens of planting about the type of incident, introduce me completely here also introduces to come nevertheless, still collect a few to say commonly usedly. OnClick: Produce incident OnDblClick when click: Produce incident OnError when doubleclick: Produce incident OnKeyPress when browser happening browses a mistake: Produce incident OnLoad when pressing aleatoric key-press releases: Be record in OnMouseOver of incident of the generation when ending when whole page: Be in an object when the mouse over when generation incident OnUnload: Produce incident OnScroll when leaving a page: Produce event when scroll page issues on the person that browse
Good, let us see our gain. Our work is browsed in the browser by F12. Had delimited the mouse it can talk when that lionet when you?
With CSS style in DW 4 the watch comes beautification webpage
The style expresses odd occurrence, make webpage stylist people the job feels greatly relaxed, because use a style to express sheet can very relaxed a lot of results achieve on the webpage, for example the color that catenary writtens guarantee, the style of pushbutton, the frame that expresses sheet. Make be the font with invariable use acquiescent software no longer in the webpage.
Above all we will set style. The size of the 9pt volume that Chinese character font has system of the Song Dynasty only and 10.5pt is it is the most comfortable it seems that. The word of 9pt is the style that Chinese Windows system uses, perhaps everybody looks was used to, so this is planted font by the extensive Chinese site that uses at great majority in, and as computer change, 17 inches monitor more and more families that walk into an user, what the font of 9pt looks small is much, then the word of 10.5pt is applied extensively again. These two kinds of s tyle are used in the webpage, it is very beautiful it seems that.
Had modal list, we do not need one by one to define color of size of each paragraphs font, font, font, inside Dreamweaver4, right key is clicked on the page, find CSS Style, choose New Style, if the graph is shown 1 times,play a window of a face plate.
Redefine HTML Tag chooses in Type place, can appear in Name place a few option, it is important to be compared among them have Body, td, tr. OK is pressed after pitch on Body, can jump out a window comes out to let you save this CSS documentation, take the name that you retain, abc.css is taken here, press next affirmatory, appear a face plate, this installs the face plate of CSS attribute namely, among them the concerned setting that Type is font. It is Font choosing " body of the Song Dynasty " (also need not choose actually, because acquiescent is body of the Song Dynasty) , fill over there the Si ze below next 9, the Points of the choice that choose casing from the back, (also can write into 12px) , other need not choose. Color is the color of font, can install according to him be fond of. Press next affirmatory. Come so, you are again in the webpage editorial character is the size of 9pt of body of the Song Dynasty entirely, be much more beautiful it seems that?
But, a color is entirely in the webpage, the font of a size, it is the feeling that does not have how many beauty really. Yes! We need to define the attribute of sheet of a few styles more, will make a webpage beautiful rise. Css Style chooses by right key on the webpage, choose Edit Style Sheet again, that Css documentation that a moment ago you put pitch on, press Edit next, appear a new face plate, press New, if pursue,appeared again the face plate of 1, still choose Redefine Html Tag, can define Td, a kind font size mixes Tr color, after the definition, the font color in the Td in the webpage and Tr form is met and original different.
Is the definition bad still in Td and Tr to control? Such our need will define a new modal sheet, the measure before pressing opened a picture 1 later, choose the first Make Custom Style(class) , a name is written in the place of Name, for instance.abc, a before the attention decimally must not forget. Press affirmatory, after defining color of good style size, you mean seed selection the word of the change, press right key, choose Css Styles, find Abc, click on Abc, you can discover font is like you foregoing settings were changed.
When some users are designing a webpage, classics regular meeting uses the background of different color, and what the catenary of the webpage writtens guarantee color acquiesces is orchid color, although can be changed, but the colour that a kind of catenary writtens guarantee still on the webpage that very won't clear indication differs in setting color, and Css style sheet is OK very relaxed settlement this problem, let the catenary knot color that there is a variety of differring in a webpage.
The measure before pressing reachs a figure when 1 measure, choose Use Css Selector, menu is pulled below Name place, discovery can have A:lInk, a:hOver, a:vIsited, a:aCtive4 option, represent catenary knot attribute respectively, the attribute that the mouse moves to go up to catenary knot, the attribute after catenary knot is visited and the attribute that catenary writtens guarantee focal condition falls. If choose A:lInk is acquiescent choice. All catenary knots can abide by the webpage the setting of these 4 option. If want to realize different catenary knot attribute, need to increase modal sheet. A.abc:l is filled in Name placeInk, press affirmatory, the color that differs with acquiescent setting is filled in face plate, press affirmatory. Next ordinal setting A.abc:hOver, a.abc:vIsited, a.abc:aThe attribute of Ctive. After the setting ends, in t he source code of the webpage, find the catenary form that need changes, in < A Href= " Class= is joined inside ***.html> " Abc " , such, this catenary writtens guarantee those who show is the property that you had changed. Can realize the colour that a variety of catenary knots appear in a webpage. It is colour not just of course, return what can set the style of Hover to compare Link a little a bit bigger, move to experience greatening effect to the word on catenary knot with respect to meeting occurrence mouse so.
The style expressing sheet with a lot of webpage editor acquiescent software is not very beautiful, when designing a webpage occasionally, wait to cooperate setting, the hope will express the form of a written or printed character in sheet, setting is lubricious, frame degree of finish makes a few change, it is euqally OK that these use CSS style sheet very relaxed implementation.
Above all we will set style. The size of the 9pt volume that Chinese character font has system of the Song Dynasty only and 10.5pt is it is the most comfortable it seems that. The word of 9pt is the style that Chinese Windows system uses, perhaps everybody looks was used to, so this is planted font by the extensive Chinese site that uses at great majority in, and as computer change, 17 inches monitor more and more families that walk into an user, what the font of 9pt looks small is much, then the word of 10.5pt is applied extensively again. These two kinds of s tyle are used in the webpage, it is very beautiful it seems that.
Had modal list, we do not need one by one to define color of size of each paragraphs font, font, font, inside Dreamweaver4, right key is clicked on the page, find CSS Style, choose New Style, if the graph is shown 1 times,play a window of a face plate.
Redefine HTML Tag chooses in Type place, can appear in Name place a few option, it is important to be compared among them have Body, td, tr. OK is pressed after pitch on Body, can jump out a window comes out to let you save this CSS documentation, take the name that you retain, abc.css is taken here, press next affirmatory, appear a face plate, this installs the face plate of CSS attribute namely, among them the concerned setting that Type is font. It is Font choosing " body of the Song Dynasty " (also need not choose actually, because acquiescent is body of the Song Dynasty) , fill over there the Si ze below next 9, the Points of the choice that choose casing from the back, (also can write into 12px) , other need not choose. Color is the color of font, can install according to him be fond of. Press next affirmatory. Come so, you are again in the webpage editorial character is the size of 9pt of body of the Song Dynasty entirely, be much more beautiful it seems that?
But, a color is entirely in the webpage, the font of a size, it is the feeling that does not have how many beauty really. Yes! We need to define the attribute of sheet of a few styles more, will make a webpage beautiful rise. Css Style chooses by right key on the webpage, choose Edit Style Sheet again, that Css documentation that a moment ago you put pitch on, press Edit next, appear a new face plate, press New, if pursue,appeared again the face plate of 1, still choose Redefine Html Tag, can define Td, a kind font size mixes Tr color, after the definition, the font color in the Td in the webpage and Tr form is met and original different.
Is the definition bad still in Td and Tr to control? Such our need will define a new modal sheet, the measure before pressing opened a picture 1 later, choose the first Make Custom Style(class) , a name is written in the place of Name, for instance.abc, a before the attention decimally must not forget. Press affirmatory, after defining color of good style size, you mean seed selection the word of the change, press right key, choose Css Styles, find Abc, click on Abc, you can discover font is like you foregoing settings were changed.
When some users are designing a webpage, classics regular meeting uses the background of different color, and what the catenary of the webpage writtens guarantee color acquiesces is orchid color, although can be changed, but the colour that a kind of catenary writtens guarantee still on the webpage that very won't clear indication differs in setting color, and Css style sheet is OK very relaxed settlement this problem, let the catenary knot color that there is a variety of differring in a webpage.
The measure before pressing reachs a figure when 1 measure, choose Use Css Selector, menu is pulled below Name place, discovery can have A:lInk, a:hOver, a:vIsited, a:aCtive4 option, represent catenary knot attribute respectively, the attribute that the mouse moves to go up to catenary knot, the attribute after catenary knot is visited and the attribute that catenary writtens guarantee focal condition falls. If choose A:lInk is acquiescent choice. All catenary knots can abide by the webpage the setting of these 4 option. If want to realize different catenary knot attribute, need to increase modal sheet. A.abc:l is filled in Name placeInk, press affirmatory, the color that differs with acquiescent setting is filled in face plate, press affirmatory. Next ordinal setting A.abc:hOver, a.abc:vIsited, a.abc:aThe attribute of Ctive. After the setting ends, in t he source code of the webpage, find the catenary form that need changes, in < A Href= " Class= is joined inside ***.html> " Abc " , such, this catenary writtens guarantee those who show is the property that you had changed. Can realize the colour that a variety of catenary knots appear in a webpage. It is colour not just of course, return what can set the style of Hover to compare Link a little a bit bigger, move to experience greatening effect to the word on catenary knot with respect to meeting occurrence mouse so.
The style expressing sheet with a lot of webpage editor acquiescent software is not very beautiful, when designing a webpage occasionally, wait to cooperate setting, the hope will express the form of a written or printed character in sheet, setting is lubricious, frame degree of finish makes a few change, it is euqally OK that these use CSS style sheet very relaxed implementation.
Dreamweaver skill is pithy
1. solves form the problem of clingy wrong upper part
Method one: Ctrl+J, play a Page Properties, left, top, margin Width, margin Height is all
Set for 0.
Method 2: Below the Topmargin="0" Leftmargin="0 in the <body> that a paragraph of code adds you "
Method 3: Method 2 in apply to IE only, if make its applicable also,NETSCAPE is joined below code
<body Topmargin="0" Leftmargin="0" Marginheight="0" Marginwidth="0" >
2. sets in graph of DW lieutenant general for exemple of transparent Alpha setting:
<html>
<head>
<title>css</title>
<meta Http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<style Type=text/css>
.pic{filter:aLpha(opacity=50)}
</style>
</head>
<body Bgcolor="#FFFF00" Text="#000000">
<img Src="0008.jpg" Width="303" Height="385" Class="pic">
</body>
</html>
3. sets form dotted line
Method one: Make the plan of a 1X2. Half black fifty, recycle form makes thread.
Method 2: Set inside Css
In the New in Css face plate a Style, choose "redefine HTML Tag" , be in next pulling again in menu first " Table "
Be in next in face plate, border chooses in Category
In Border, top, left, right, bottom is set into 1px, color is set into the color of the frame that you want in the future
The Ravi below Style chooses Dashed
All Ok. Be all form can use dotted line to do frame only
Method 3: Set in Html (the word that if you want to let certain form frame only,is dotted line)
This adds in the Html of form:
Style="BORDER-LEFT:&Nbsp;#000000 1PX DASHED; BORDER-RIGHT:&Nbsp;#000000 1PX DASHED; BORDER-TOP:&Nbsp;#000000 1PX DASHED; BORDER-BOTTOM:&Nbsp;#000000 1PX DASHED "
Color is 16 code, you yourself can be set. Method 2, 3, can use in Ie only, arrived in Netscape a bit good is done not have, unless you are used,do good base map stuff. But the proposal is done with the picture want IE5. 5 ability support this kind of result
4. is mixed about the row spacing in form paragraph be apart from
If be the word in a form, can adjust with modal watch:
.td{line-height:120%}
Shift+enter line feed
How does 5. make setting solid emplacement changeless
Ctrl+Shift+E is pressed in Draemweaver, build one CSS pattern (New) , in Background label, can each option of set setting:
Background:&Nbsp; setting is lubricious
Background Image: ∪ ∧ astounded plans dust cling to
Reapeat:&Whether does Nbsp; background picture repeat, choose No-repeat to be among them do not repeat, repeat is attached most importance to answer, repeat-x and Repeat-y are respectively repeat in X and Y direction only.
Attachment:&Position of Nbsp; background picture, fix pursues for setting the position is changeless, scroll rolls together along with the page for background picture
Horizontal:&The graph when Nbsp; pursues to secure setting makes the same score the position that directional place occupies in water, can choose be placed in the middle, house is different, house right or him set is apart from left distance.
Vertical:&The position that the graph when Nbsp; pursues to secure setting occupies in upend direction place, can choose be placed in the middle, house coping, house bottom or him set are apart from very distance.
The option that notices to take * wants to see the effect in the ability in the browser.
Set ends, different to Dreamweaver point playing role chooses <body> to applied this CSS style to go
------------------------------------------------
Not only it is <body> label, some elements in the page can choose over, can very convenient choose applied target.
To all Onload spark incident, also can choose <body> to add Behavior again, for instance Drag Layer or a window is played to wait a moment after opening a page
-----------------------Background-attachment attribute controls background picture to whether follow content to roll together, take a value to be Scroll and Fixed. Acquiescent value is Scroll (scroll) ; Fixed is dormant.
Will the following code is added in <head>. . . Between </head>:
<style>Body{background-attachment:fIxed}
</style>
If why 6. dominates a list in DW4 in sheet east
Try this code:
<form Name="form1" >
<select Class="text9_blue" Name="mlink "OnChange="javascript:wIndow.open(mlink.options[mlink.selectedIndex].value)" Size="1">
<option> chooses </option> please
</option> of ｘ of ｘ of ｘ of ｘ of ｘ of <option Value="http://www.tianying.daokedao.com"> ｘ
</select>
</form>
--------------------------------------------------------------------------------
Inserting jump turn menu from time to tome " Open Urls In " , the window name that chooses you to think of here, went.
--------------------------------------------------------------------------------
How does 7. make insertion FLASH transparent in DW
Pitch on Swf, open former code window, in the input before </object>
<param Name="wmode" Value="transparent">
Form bright frame and dark frame are set in 8.DW4
Make a colored like element width form line
1, form frame Border the setting is setting of 0 Cell Space to be installed for 0 Cell Padding for 0
2, open modal face plate to build a pattern. Choice Border installs frame attribute.
3, pieces of pitch on is whole form uses this type can.
Method one: Ctrl+J, play a Page Properties, left, top, margin Width, margin Height is all
Set for 0.
Method 2: Below the Topmargin="0" Leftmargin="0 in the <body> that a paragraph of code adds you "
Method 3: Method 2 in apply to IE only, if make its applicable also,NETSCAPE is joined below code
<body Topmargin="0" Leftmargin="0" Marginheight="0" Marginwidth="0" >
2. sets in graph of DW lieutenant general for exemple of transparent Alpha setting:
<html>
<head>
<title>css</title>
<meta Http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<style Type=text/css>
.pic{filter:aLpha(opacity=50)}
</style>
</head>
<body Bgcolor="#FFFF00" Text="#000000">
<img Src="0008.jpg" Width="303" Height="385" Class="pic">
</body>
</html>
3. sets form dotted line
Method one: Make the plan of a 1X2. Half black fifty, recycle form makes thread.
Method 2: Set inside Css
In the New in Css face plate a Style, choose "redefine HTML Tag" , be in next pulling again in menu first " Table "
Be in next in face plate, border chooses in Category
In Border, top, left, right, bottom is set into 1px, color is set into the color of the frame that you want in the future
The Ravi below Style chooses Dashed
All Ok. Be all form can use dotted line to do frame only
Method 3: Set in Html (the word that if you want to let certain form frame only,is dotted line)
This adds in the Html of form:
Style="BORDER-LEFT:&Nbsp;#000000 1PX DASHED; BORDER-RIGHT:&Nbsp;#000000 1PX DASHED; BORDER-TOP:&Nbsp;#000000 1PX DASHED; BORDER-BOTTOM:&Nbsp;#000000 1PX DASHED "
Color is 16 code, you yourself can be set. Method 2, 3, can use in Ie only, arrived in Netscape a bit good is done not have, unless you are used,do good base map stuff. But the proposal is done with the picture want IE5. 5 ability support this kind of result
4. is mixed about the row spacing in form paragraph be apart from
If be the word in a form, can adjust with modal watch:
.td{line-height:120%}
Shift+enter line feed
How does 5. make setting solid emplacement changeless
Ctrl+Shift+E is pressed in Draemweaver, build one CSS pattern (New) , in Background label, can each option of set setting:
Background:&Nbsp; setting is lubricious
Background Image: ∪ ∧ astounded plans dust cling to
Reapeat:&Whether does Nbsp; background picture repeat, choose No-repeat to be among them do not repeat, repeat is attached most importance to answer, repeat-x and Repeat-y are respectively repeat in X and Y direction only.
Attachment:&Position of Nbsp; background picture, fix pursues for setting the position is changeless, scroll rolls together along with the page for background picture
Horizontal:&The graph when Nbsp; pursues to secure setting makes the same score the position that directional place occupies in water, can choose be placed in the middle, house is different, house right or him set is apart from left distance.
Vertical:&The position that the graph when Nbsp; pursues to secure setting occupies in upend direction place, can choose be placed in the middle, house coping, house bottom or him set are apart from very distance.
The option that notices to take * wants to see the effect in the ability in the browser.
Set ends, different to Dreamweaver point playing role chooses <body> to applied this CSS style to go
------------------------------------------------
Not only it is <body> label, some elements in the page can choose over, can very convenient choose applied target.
To all Onload spark incident, also can choose <body> to add Behavior again, for instance Drag Layer or a window is played to wait a moment after opening a page
-----------------------Background-attachment attribute controls background picture to whether follow content to roll together, take a value to be Scroll and Fixed. Acquiescent value is Scroll (scroll) ; Fixed is dormant.
Will the following code is added in <head>. . . Between </head>:
<style>Body{background-attachment:fIxed}
</style>
If why 6. dominates a list in DW4 in sheet east
Try this code:
<form Name="form1" >
<select Class="text9_blue" Name="mlink "OnChange="javascript:wIndow.open(mlink.options[mlink.selectedIndex].value)" Size="1">
<option> chooses </option> please
</option> of ｘ of ｘ of ｘ of ｘ of ｘ of <option Value="http://www.tianying.daokedao.com"> ｘ
</select>
</form>
--------------------------------------------------------------------------------
Inserting jump turn menu from time to tome " Open Urls In " , the window name that chooses you to think of here, went.
--------------------------------------------------------------------------------
How does 7. make insertion FLASH transparent in DW
Pitch on Swf, open former code window, in the input before </object>
<param Name="wmode" Value="transparent">
Form bright frame and dark frame are set in 8.DW4
Make a colored like element width form line
1, form frame Border the setting is setting of 0 Cell Space to be installed for 0 Cell Padding for 0
2, open modal face plate to build a pattern. Choice Border installs frame attribute.
3, pieces of pitch on is whole form uses this type can.
About the edits window font complete solution of DW4
Does the arrival of DreamWeaver 4 make everybody excited? But is everybody set of size of the font inside DreamWeaver4, character certainly (cannot be Edit-Preferences-Font/Encoding) saved big nerve-racking?
Follow the research of SNOOPY through me, found a settlement method eventually!
Back up first please register a watch, the DreamWeaver in and exit moving (if have)
1 moving Regedit.exe.
2 find HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES
Have 2 plan next,
Simple plan:
Doubleclick Number Encodings, change numeric B into C(decimal 11 change 12)
Exit Regedit, enter DreamWeaver, you choose PROPOTIOANL with respect to OK and optional ground now, FIXED FONT, the font of CODE INSPECTOR and literal size 囖 !
Perfect plan:
Why is simple plan insufficient still? Because do afore-mentioned altering only,that is, can choose Chinese style only, and below some circumstances, experience of word of a few English is more interesting than Chinese font (for instance I choose ARIAL style inside CODE INSPECTOR, the body that compare the Song Dynasty, imitation Song-Dynasty-style typeface of what want much more good-looking) , and also can show correctly to Chinese part.
The method is as follows:
Below HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES,
Doubleclick Number Encodings, change numeric B into C(decimal 11 change 12)
Enter CharEncoding_11, undertake modification to in-house numerical value:
The attention had better alter only the following value:
Fixed Name: Font name
Fixed Size: Font size
HTML Inspector Font: Font name
HTML Inspector Font Size: Font size
Proportional Name: Font name
Proportional Size: Font size
If feel dissatisfactory, also can try
Fixed CharSet
Proportional CharSet
Windows Character Set
From 86 (134 decimal, express Chinese) change 00 (delegate English)
× to simple plan, here still has a simpler implementation method, duplicate the following code come down, save become suffixal the file that is.reg (should notice to must be simple text means) , carry out this Reg file next, revise can finish automatically (also back up first please register a watch) .
REGEDIT4
[HKEY_CURRENT_USER\Software\Macromedia\Dreamweaver 4\Font Preferences]
"Number Encodings"=dword:0000000c
"Default Encoding"=dword:00000005
[Compensatory]
Do not know to calculate the big BUG that does not calculate DW4.
DW4 moves actually as follows:
Read the HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES in registering a watch
Among them DEFAULT ENCODING is everybody 5? Right, of 5 correspondence is the 6th SIMPLIFIED CHINESE in menu.
In the numeric and corresponding PREFERENCE dialog box here, DEFAULT ENDOING issues the element in drawing circle.
Among them NUMBER ENCODING just is true grand opera. It chooses help DW4 setting of some kind of encode.
As a result of the reason of super and strange mystery, DW4 did not read the CHARENCODING_11 that corresponding Chinese installs.
However according to it is the most default the form a complete set that Chinese codes is installed and begin to move, although we are in menu,changed the setting of Chinese font that is to say
The CHARENCODING_11 in registering a watch produced synchronous change automatically really also, but DW4 pays no attention to it.
And making laugh solution is, let DW4 read CHARENCODING_12, because do not have this 12 region originally.
DW4 can read on one its adorably, namely 11. Such content that it read 11 lis with respect to real ground.
Accordingly, the setting that we revise, in also meeting what be mirrorred successfully in this start.
In addition, move to the hand of 11 revise, if hope to see the English form of a written or printed character such as the ARIAL that loves to use in HTML INSPECTOR,I think
Still need a HTML INSPECTOR CHARACTERSET also instead 0, this is English district code.
What see otherwise is not real ARIAL form of a written or printed character, it is the English letter of the font of imitation Song-Dynasty-style typeface with automatic and corresponding WINDOWS it seems that.
After changing here at least, just I want the ARIAL that see.
Everybody is such, oneself try look oh ～ ～ ～
Follow the research of SNOOPY through me, found a settlement method eventually!
Back up first please register a watch, the DreamWeaver in and exit moving (if have)
1 moving Regedit.exe.
2 find HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES
Have 2 plan next,
Simple plan:
Doubleclick Number Encodings, change numeric B into C(decimal 11 change 12)
Exit Regedit, enter DreamWeaver, you choose PROPOTIOANL with respect to OK and optional ground now, FIXED FONT, the font of CODE INSPECTOR and literal size 囖 !
Perfect plan:
Why is simple plan insufficient still? Because do afore-mentioned altering only,that is, can choose Chinese style only, and below some circumstances, experience of word of a few English is more interesting than Chinese font (for instance I choose ARIAL style inside CODE INSPECTOR, the body that compare the Song Dynasty, imitation Song-Dynasty-style typeface of what want much more good-looking) , and also can show correctly to Chinese part.
The method is as follows:
Below HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES,
Doubleclick Number Encodings, change numeric B into C(decimal 11 change 12)
Enter CharEncoding_11, undertake modification to in-house numerical value:
The attention had better alter only the following value:
Fixed Name: Font name
Fixed Size: Font size
HTML Inspector Font: Font name
HTML Inspector Font Size: Font size
Proportional Name: Font name
Proportional Size: Font size
If feel dissatisfactory, also can try
Fixed CharSet
Proportional CharSet
Windows Character Set
From 86 (134 decimal, express Chinese) change 00 (delegate English)
× to simple plan, here still has a simpler implementation method, duplicate the following code come down, save become suffixal the file that is.reg (should notice to must be simple text means) , carry out this Reg file next, revise can finish automatically (also back up first please register a watch) .
REGEDIT4
[HKEY_CURRENT_USER\Software\Macromedia\Dreamweaver 4\Font Preferences]
"Number Encodings"=dword:0000000c
"Default Encoding"=dword:00000005
[Compensatory]
Do not know to calculate the big BUG that does not calculate DW4.
DW4 moves actually as follows:
Read the HKEY_CURRENT_USER/SOFTWARE/MACROMEDIA/DREAMWEAVER 4/FONT PREFERENCES in registering a watch
Among them DEFAULT ENCODING is everybody 5? Right, of 5 correspondence is the 6th SIMPLIFIED CHINESE in menu.
In the numeric and corresponding PREFERENCE dialog box here, DEFAULT ENDOING issues the element in drawing circle.
Among them NUMBER ENCODING just is true grand opera. It chooses help DW4 setting of some kind of encode.
As a result of the reason of super and strange mystery, DW4 did not read the CHARENCODING_11 that corresponding Chinese installs.
However according to it is the most default the form a complete set that Chinese codes is installed and begin to move, although we are in menu,changed the setting of Chinese font that is to say
The CHARENCODING_11 in registering a watch produced synchronous change automatically really also, but DW4 pays no attention to it.
And making laugh solution is, let DW4 read CHARENCODING_12, because do not have this 12 region originally.
DW4 can read on one its adorably, namely 11. Such content that it read 11 lis with respect to real ground.
Accordingly, the setting that we revise, in also meeting what be mirrorred successfully in this start.
In addition, move to the hand of 11 revise, if hope to see the English form of a written or printed character such as the ARIAL that loves to use in HTML INSPECTOR,I think
Still need a HTML INSPECTOR CHARACTERSET also instead 0, this is English district code.
What see otherwise is not real ARIAL form of a written or printed character, it is the English letter of the font of imitation Song-Dynasty-style typeface with automatic and corresponding WINDOWS it seems that.
After changing here at least, just I want the ARIAL that see.
Everybody is such, oneself try look oh ～ ～ ～
Subscribe to:
Posts (Atom)
Posts
