Read the headline of the article, you can think I am in be deliberately mystifying, open a webpage to use super link, who to still have won't? ! Return find sth useful only civil tell? Fasten urgent! Read the article you understood. We are in the webpage design of use frame structure, the frame that needs to differ in two at the same time sometimes opens a webpage in the window. For example: A bag contains the page of 3 windows, 3 windows are respectively " Banner " (coping window) , " Contents " (bottom left window) , " Main " (bottom right window) , the requirement is in at the same time now " Contents " open in the window " Leftpage.htm " page; In " Main " open in the window " Mainpage2.htm " page. Such effect light uses general super link cannot come true, but had Dreamweaver3 need not much would you mind, the movement of Go To URL of its Behaviors resolves this kind of difficulty for us namely. Specific operation method is as follows:
1, become a super link first, the link is pointed to in " Main " open in the window " Mainpage2.htm " webpage, this are accomplished very easily in Dreamweaver3, want to choose on the attribute face plate of the link only " Target " parameter went;
2, open in the editor window of Dreamweaver3 " Mainpage2.htm " webpage, be in in the blank of the webpage (the blank place that must be a webpage, is not form or graph layer the blank place that wait) nod with the mouse, press face plate of F8 v Behaviors next, press on face plate " + " icon, choose in the behavioral list that draws " Go To URL " movement, the dialog box that shoots a following plan institute to show instantly:
Graph 1 " Go To URL " behavioral dialog box
3, going up of the graph " Go To URL " in behavioral dialog box:
"Open In: Shelter closely question of cough of Juan of humorous of of school of Mou of basement of Yi Xian difficult ≡ is nose cling to car is to write fly Ain Window of 癿 of body of grave school washing with watercolors " be a browser advocate the window; "Frame "banner" " be current frame page " coping window " ; "Frame "contents" " be current frame page " bottom left window " ; "Frame "main" " be current frame page " bottom right window " . In this exemple we choose " Frame "contents" " ;
URL: Be the file name that opens a page for the input (contain opposite way) . Input in this exemple " Leftpage.htm " , you also can click its right " Browse. . . " the webpage that pushbutton will come to open folder to choose to want to open. Return Behaviors face plate by OK pushbutton next;
4, click in the behavioral list of Behaviors face plate " Go To URL " the movement is left that triangle pushbutton, onLoad incident chooses in the incident list that draws, if OnLoad incident did not discover in incident list, so the blank place that those who explain you operate midpoint in the 2nd pace is not a webpage, if you feel affirmatory to the blank place of th e webpage has difficulty really, can consult so of this special subject " detect with Behaviors opportunely browser " the alternative of carry on of one article intermediary will handle. Also can decide the blank of the webpage is in so: Open window of source code postmortem, find<Body>Mark, enduring closely nod with the mouse ever since (one of blank place that here is a webpage for certain) , press action of to load of face plate of F8 v Behaviors next.
"Go To URL " behavioral action opens a webpage namely, it can spark with a lot of incident, OK also to load arrives on a lot of HTML mark, this also is to tell us to want to open a webpage to be not must use super link, with " Go To URL " the movement will open a webpage also is very convenient and very agile, and the underline that exists to be fed up with then far from. Also have its advantage with super link of course, be like: Use convenient and need not add any Javascript programs.
Wednesday, October 21, 2009
Open a webpage with Behaviors opportunely
Control condition column with Behaviors opportunely
The friend that often gets online can notice surely, the webpage of a lot of websites moves to go up to super link when the mouse when, the brief specification of the link shows in the meeting in the condition column of the browser, move to go up to a piece of picture when the mouse, can show the brief specification of the picture again in condition column, wait a moment so, condition column became hurdle of an information clew, make limited space got making full use of. If can use Javascript program, realize this kind of effect to be no problem of course. The Behaviors that won't have Dreamweaver3 with Javascript program achieves this kind of result as much relaxed, this called the movement of Set Text Of Status Bar of Behaviors to stop namely actually, every bits of bit mouse was finished. The making method of this kind of effect explains below through a few example.
One, the hint that shows common text in condition column
1, input a paragraph of text, choose this paragraph of text version, define a kind of font or color or other to it of what, its purpose is to make this paragraph of text has mark of a HTML to rise its casing, so that movement of to load Set Text Of Status Bar, this movement is almost OK to load arrives on all HTML mark, use so very convenient;
2, face plate of Behaviors of the v that press F8 (must press F8 after choosing that paragraph of text version, otherwise the movement goes on the mark of possible to load to other) , go up by face plate " + " icon, in the list that draws, be in the mouse " Set Text " go up bit, pull in its child movement of Set Text Of Status Bar of the choice in list, shoot the dialog box that gives following plan institute to show instantly:
Graph 1 Set Text Of Status Bar touchs oppose word draw a frame round
3, above dialog box of movement of this Set Text Of Status Bar may be the simplest in dialog box of place Behaviors movement, it has only " Massage " input casi ng, above the information content that the input should show in condition column, return Behaviors face plate by OK pushbutton next, spark the event that you need incident instead, use OnMouseOver incident commonly. Everything is done so easily decided.
4, press F12, lower his head to see condition column again, showed what information resembles anticipating in condition column in that way, observe again carefully, removed the mouse try, alas! How still showing that information, this but not quite good! Solve this problem very simple, return a webpage to edit a window, go up in that paragraph of text again to load movement of a Set Text Of Status Bar, the what in making a dialog box just moving this to be not written, return Behaviors face plate by OK directly, of the movement of Set Text Of Status Bar this to load spark incident instead OnMouseOut, look by F12 again, can make you satisfactory surely.
2, the clew that demonstrates super link in condition column1, choose a super link;
2, with to load of Behaviors face plate movement of two Set Text Of Status Bar, one has clew news, spark incident is: OnMouseOver; One does not have clew information, spark incident is: OnMouseOut.
3, the hint that shows a picture in condition column
1, choose a piece of picture;
2, with to load of Behaviors face plate movement of two Set Text Of Status Bar, one has clew news, spark the thing is: OnMouseOver; One does not have clew information, spark incident is: OnMouseOut.
With similar method, you also can show the clew information of the pushbutton that express sheet in condition column, the clew news that you like anyhow to show that part content in condition column is over there movement of to load Set Text Of Status Bar, condition column is complete in your control, it is so convenient!
Make dynamic caption with Behaviors opportunely
In the process that we develop in the website, need to make the webpage of picture collect sometimes, can deserve to explain with the character again to every pieces of picture of course, that is the thing that perfect truly. But if a paragraph of character matchs below a picture,explain, so the page appears certainly very allow is long. If can make all caption show in a place, and move between the picture as the mouse, demonstrative character changes dynamicly also subsequently, so page with respect to Jian Lian much. The movement of Set Text Of Layer of Behaviors can help us achieve this kind of dynamic result. Ask the effect figure below.
Graph 1 mouse is not on the picture
Graph 2 mouses are on the first piece of picture
Saw! Go up in the first piece of picture when the mouse when, the demonstrative character of the picture also revised the specification of the first piece of picture. Is the result right still? This kind of result is done with Jav ascript so, another act that uses Behaviors " Show-Hide Layers " also can come true, I am in " the vivid layer that use a figure " ever had introduced in concerned article, but the operation wants a bit some more complex. Good, let us read the specific means that make.
1, because movement of Set Text Of Layer is actually,write text version toward layer of a graph, because this wants to insert layer of a graph first, the name that the attention wants to write down graph layer (go up in the attribute face plate of graph layer) , write on graph layer commonly a few about the picture lumped specification, lest at the beginning when a blank. If want to make graph layer a bit markedder, add setting color to it, note the relative position of graph layer and picture appropriately additionally;
2, insert a piece of picture, choose it next, press face plate of F8 v Behaviors again, press on face plate " + " icon, in the list that draws, be in the mouse " Set Text " go up bit, pull in its child movement of Set Text Of Layer of the choice in list, shoot the dialog box that gives following plan institute to show instantly:
Graph 3 Set Text Of Layer touchs oppose word draw a frame round
3, go up in dialog box of movement of graph Set Text Of Layer, "Layer " the choice casing of the right side is name of option plan layer, choose you to want to keep information toward that graph layer namely, this is the purpose seat that why I want you to remember graph layer name in the first pace. In the webpage of this exemple, wanting the graph layer that keeps information is " Layer6 " , so I chose it, you should choose proper graph layer name when make (also can choose the right side that triangle pushbutton, the list of the name of all graph layer that it will draw current page to go up chooses for you) ; That big circle keeps information for you below, but Dreamweaver3 has here small " Bug " , it supports English only, do not support Chinese, i f you are written,go up Chinese, when writing normal, random code is however when browsing. The question is not big nevertheless, you are here whats are written, wrote actually also no use. The pushbutton that press OK returns Behaviors face plate;
4, go up in Behaviors face plate spark incident instead OnMouseOver, make its effect is namely: Go up to graph layer when the mouse moves to go up to this picture keep information;
5, open window of source code postmortem, write in the last only quote in the code of movement of Set Text Of Layer be duped when the mouse moves to go up to this picture, should be on graph layer indication information, if you are not quite clear still,write over, so read this paragraph of next source code, the movement that is the first piece of picture in this exemple then calls the code of Javascript program:
<Img Src="image/cssp1.jpg" Width="200" Height="134" OnMouseOver="MM_setTextOfLayer('Layer6' , '' , ' this is the photograph tha t a piece of celestial being points to a road, you see that celestial being thousand all ages comes, not the scaler that demit gives each Huang Shan careladenly points to a road, its spirit is how to be worth admire! ')" >
After keeping this information, the operation of this piece of picture ended, the demonstrative information of other picture wants copy only this operation can. All and finishing hind browse by F12, can see expect the result, do not want nevertheless with joy too early, the position of graph layer (namely the position that caption information indicates) likelihood not very is ideal, a blemish that this is graph layer (the measure that avoids this kind of fixed position to forbid an appearance is to use child layer, this I am in " the vivid layer that use a figure " already had introduced in series article) , you are compiling the position that graph layer adjusts in the window according to browsing the circumstance when.
Movement of Set Text Of Layer almost but to load arrives on all mark, this provides larger creation space to us, if to load arrives on super link, move to show the specification of a paragraph of link to the link when the mouse, the person that make browse is right before the webpage that did not open a link this webpage has roughly understanding; Explain to a few more complex operations, if go to this movement to load on mark, a paragraph of more detailed help information will show when the person that should browse moves the mouse to this paragraph of character, the person that make browse feels kinder. Did not tell more, actuate your cerebra, the creativity that produces you!
Change object property with Behaviors opportunely (one)
用Behaviors的Change Property动作功能，可以动态地改变文本的所有属性，如文字的背景色、大小、字体、加粗等等，甚至可以加上滤镜或替换一段文本；对于图象的则可以动态地替换。下面我们通过几个例子来说明其使用方法。
一、改变文字的背景
我们先看下面的效图，它的实际效果是这样的，当点击左边那个改变背色的按钮后，文本的背景色换一种颜色，当点击右边的按钮后，文本又换一种背景色。总之当你点击不同的换色按钮后，文本的背景色也随之改变。
图1 原来的背景色
图2 点击左边的按钮后背景色改变了
图3 点击右边的按钮后背景色又改变了
制作方法：
1、插入一个层（或利用现有的层），并在该层上写点文字或其它什么东西均可，主要是让人知道该区域的存在；
2、在 页页上写上这样的文字"点击这里改变上面文字的颜色"（当然你也可以输入别的文字），选取这段文字，并把它做成空链接，也就是在属性面板的"Link"输入 框中输入一个"#"。用鼠标点一下这个空超级连接后，按F8键调出Behaviors面板，点击面板上的"+"图标，在弹出的菜单中选择Change Propty动作，将弹出一个如下图所示的对话框：
图4 Change Property动作对话框
在上图所示的对话框中：Type of Object的输入窗是供我们选择控制对象，也就是讲我们想要改变那一个对象的属性，在本例中，我们按右边的倒三角按钮，然后在下拉出的列表中选择"Layer"；
Number Object的输入窗是供选择对象的代号的，因为Behaviors实际上插入一段Javascript程序，而Javascript程序要对对象施加动作，首先必须知道对象是谁，对象的代号（也可理解为� �是对象的名字）是唯一能识别对象的标识。在本例中，我们点击输入框右边的倒三角按钮，在下拉出的"层代号"列表中选择刚插入层的代号，如："Layer1"；
Property中有两种可选输入，我们在这里选择要改变的具体属性，在Select选择框右边的倒三角按钮上点一下，在下拉出的菜单中选择择"Style.backgroundcolor"；
在New Values右边的输入窗中输入背景颜色代码（如#ccffff）；按"OK"按钮返回到Behaviors面板，你看到了吧！在面板下部的窗口中增加了一行代码：onClick Change Property，这就是告诉你，对那个空超级链接加载了一个动作，动作的触发事件是onClick（单击鼠标），动作内容是改变对象属性。若你用鼠标点击这行代码，将看到中间有一个倒三角按钮，你点一下那个按钮，将下拉出一个触发事件的列表，那上面有许多触发事件供� �择，如：onClick（单击鼠标）、onDbClick（双击鼠标）、onMouseDown（按下鼠标）、onMouseOut（鼠标移开）、onMouseOver（鼠标称到对象上）等等，你看Dreamweaver想得都周到（若你把Behaviors面板上的"Event for"设置为IE5.0将会有更多的触发事件）！按F12，再把鼠标在那个空超级链接上单击一下，你看那段文本的背景色改变了是不是！。你再打开源代码检视窗看看，Behaviors都干了些什么？它在那个空超级链接的标记中加了这样一行代码： onClick="MM_changeProp('Layer7','','style.backgroundColor','#ccffff','LAYER')"；在< head >与< /head >这间加了这样一段Javascript程序：
< script language="JavaScript" >
< !--
function MM_changeProp(objName,x,theProp,theValue) { //v3.0
var obj = MM_findObj(objName);
if (obj && (theProp.indexOf("style.")==-1 || obj.style)) eval("obj."+theProp+"='"+theValue+"'");
}//-- >
< /script >
你看Behaviors多么能干！上面讲得这么详细，主要是怕你被那一大堆参数弄得手忙脚乱。把背景改变成另一种颜色的那个超级链接我不讲你也会做了吧？关于改变对象属性的深一层技巧，请看下篇。我想你也累了，休息一下吧！
Change object property with Behaviors opportunely (2)
Go up a case that we made pass the setting that changes graph layer to change text setting, the advantage of the layer that use a figure is Dreamweaver can give each graph layer automatically to add code name (or make name a word) , because this is used,go to the lavatory quite, but the result when mixing composing with form as a result of the layer is bad, use of course child the layer can be solved, I am in its method about " the vivid layer that use a figure " already had introduced in the article, repeat no longer here. What introduce below is to need not pursue layer and go up in text directly the example of movement of to load Behaviors.
One, size of dynamic change character
Graph 1 textual word
Graph 2 mouses move to go up to this paragraph of character, the character will be magnified, the mouse removeds, the character restores original size
Graph 3 when clicking a mouse, setting color of the character was changed.
This is pla nted above the effect, added kind touch with not quite good to a few eyesight on the webpage caller? ! The specific method that make explains below:
1, a paragraph of text is inputted on the page, because Dreamweaver3 does not support Behaviors to text, so our flexible, increase number of a "span" to text, particular operation: Open window of source code postmortem, such code adds in the beginning of text: <Span Id="mytext1" > adds when text ends: </ Span > ;
2, choose a few characters to become an empty link arbitrarily on text, behaviors face plate is opened on the link, to load changes the action of literal size. Particular operation: Go up by Behaviors face plate " + " icon, choose on menu " Change Property " , choose in the Type Of Object of the dialog box " Span " ; Choose in Number Object " Span "mytext1" " ; Choose in Property " Font-size " ; Input in New Value " 16pt " . By " OK " return Behaviors face plate;
3, because Behaviors sp arks acquiescently,incident is the mouse is clicked (OnClick) , we will change, spark incident instead mouse moves to happen to the object (OnMouseOver) particular operation: The behavioral code in the window is nodded on Behaviors face plate, click code next among that pours trigonometry to receive button, choose in the list that issues those who pull " OnMouseOver " can, come here the movement that makes the character greatens is finished basically already;
4, the effect that restores original size to win the written language when proper mouse removeds, duplicate operation of the 2nd pace, the volume that just inputs original character in the New Value of the dialog box went. Next, like the 3rd pace in that way spark incident instead " OnMouseOut " .
There still is an action in this exemple is the setting color that changes a character, I think this already had been told in getting on, should be you met? ! Did not repeat here.
5, because the movement above is t o load,go up in that super link, we move it " Span " go up. Particular operation: Open window of source code postmortem, after choosing those behavioral code, procrastinate " Span " go in mark. Additional, dreamweaver3 has a "Bug" here, it did not add the name of operand, that is obliged ourselves started work, the name of operand adds in the first only quote in the bracket of each movement namely: Mytext1. Next cancel of that super link, all OK. This paragraph of source code with final webpage is such:
<Span Id="mytext1" Style=" Line-height:20pt;" OnClick="MM_changeProp('mytext1' , '' , 'style.backgroundColor' , '#ffffcc' , 'SPAN')" OnMouseOver="MM_changeProp('mytext1' , '' , 'style.fontSize' , '16pt' , 'SPAN')" OnMouseOut="MM_changeProp('mytext1' , '' , 'style.fontSize' , '9pt' , 'SPAN')" >
The mouse moves to go up to this paragraph of character, the character will be magnified; When clicking a mouse, the setting color that changes this paragraph of chara cter.
</ Span >
You may see a code still increases in above code: Style=" Line-height:20pt;" this is to also answer to increase accordingly considering the row spacing after the character increases setting. Can see expectant result by F12.
2, become angry pushbutton
Graph of of 4 stereo pushbutton pursues 5 mouses move to change to the color on pushbutton
Above this stereo pushbutton, you do not think is made with the picture, it presses a root to did not use a picture. It is to go up actually the actual application that text setting color changes in the exemple. But super link needs as a result of pushbutton itself in this exemple, because this saved many jobs to us. Additionally I am done not have in this exemple with " Span " mark, used however " Div " mark, this is not my be deliberately mystifying, consider however firstly, we can produce when the literal be placed in the middle that goes up to pushbutton " Div " mark; S econdly, tell you to be in all number that can increase code name, it is OK to should increase previous generation number only bring to bear on to its movement. The specific making means of the pushbutton that we see this meeting become angry below.
1, the form that inserts a 1*1, if want to make many pushbutton can insert a many travel the form of much line;
2, it is the back scenery setting of form: #CCFFCC; The back scenery setting of unit case is: #CCCCFF; Boder setting is " 1 " ; Light Brdr: #00000; Dark Brdr: #FFFFFF. The end that such doing is to make pushbutton produces stereo move;
3, the name that inputs pushbutton in form, and its be placed in the middle (generation a "div" labels) , in webpage source code " Div " add a name to it: Mybottun.
4, the name make it pushbutton is super link, go up in super link the change of two Behaviors carries to load on the back the movement of the scenery, spark incident is " OnMouseOver " ; Another spark incident is " OnMouseOut " . Of the movement bring to bear on the object is " Div " " Mybottun " . Specific operation method and go up the routine is same, repeat no longer. Final pushbutton code is such
<Table Width="10%" Border="1" Bordercolorlight="#000000" Bordercolordark="#FFFFFF" Bgcolor="#CCFFCC" >
<Tr Bgcolor="#CCCCFF" >
<Td>
<Div Id="mybottun" Align="center" ><A Href="#" OnMouseOver="MM_changeProp('mybottun' , '' , 'style.backgroundColor' , '#ffffcc' , 'DIV')" OnMouseOut="MM_changeProp('mybottun' , '' , 'style.backgroundColor' , '#ccccff' , 'DIV')"> becomes angry pushbutton</ A ></ Div >
</ Td >
</ Tr >
</ Table >
How? Not difficult! Below retell the example of an image.
3, commutation picture
Graph of of of of of of 6 original intents pursues 7 mouses moved to change a piece of picture to the picture
The result that chart shows on is when moving the mouse to the picture when you, changed a piece of picture; Removed the mouse when you when the picture, it restored original photograph again. This kind of dynamic effect is the implementation of function of Change Property movement that uses Behaviors likewise. Specific method explains below:
1, insert a piece of picture, and entitle: Myimage (why to want to name, I think you should understand! ) ;
2, the Change Property action that sums two Behaviors to the picture, because Dremweaver3 supports image to sum an action, the operation rises can go to the lavatory much. Operate measure: Choose a picture, press face plate of F8 v Behaviors, click face plate to go up " + " icon, choose in the menu that pulls " Change Property " to load movement, choose in the Type Of Object of the dialog box " Img " ; Choose in Number Object " Image "myimage" " ; Choose in Property " Src " ; Input in New Value " the file name of the picture (contain opposite way) " , be on my website " Image/cssp2.jpg " . By " OK " return Behaviors face plate, spark incident instead: OnMouseOver;
3, duplicate operation of on one pace, the method that just inputs current picture in the New Value of the dialog box can, again spark incident instead: OnMouseOut. Come here all and finishing, press F12, you will see with me here similar result. We read the source code of the webpage again, the code that the Img of final picture labels is shown as follows:
<A Href="#" OnMouseOver="MM_changeProp('myimage' , '' , 'src' , 'image/cssp2.jpg' , 'IMG')" OnMouseOut="MM_changeProp('myimage' , '' , 'src' , 'image/cssp1.jpg' , 'IMG')" ><Img Src="image/cssp1.jpg" Width="200" Height="134" Name="myimage" Border="0" Align="left" ></ A >
Ha! Original Behaviors added picture automatically to be linked for no thing, be in of course<Head > and</ the program of a paragraph of Javascript with the Alexandrine still similar example that uses between Head > . This young slippery fellow! ^_^
The act that uses DW MX to be taken oneself is made play a menu
1. I am this to use a picture, a page is built in preexistence DWMX, insert a picture. Choose a picture, open behavior window, click + date, choose " show play menu giving form " option, at that time DWMX opens a window to pursue as follows:
Everybody can see have 4 option, it is respectively: "Content, exterior, advanced, position "
2. Write in text casing on your menu name, through clicking + number will increase your place to need menu amount to pursue as follows:
If your menu still has inferior menu, choose its menu, click again retractive, pursue as follows:
3. Click " the exterior " option, here can set your menu exterior, can choose perpendicular menu or horizontal bill of fare, the size of font, whether be placed in the middle, with the style of the general position of menu and mouse glide. Pursue as follows:
4. Click " advanced " option, what didn't I do to alter here, the instead of menu defer time that is an acquiesce only 500, pursue as follows:
5. Click " the position " option, here has 4 kinds of choices, also can come from personal set through X.Y coordinate value of course. I chose lower part place here, pursue as follows:
Good, nod again finished certainly, at this moment DWMX can generate file of a Js to be in your folder, did not forget to also pass it when the webpage that uploads you.
16 DW use fast ability method (on)
1, use a type neatly
The netizen that familiar webpage designs knows, the method that calls Style is very much, we can click mouse right key to choose Custon Style to call Style level, right key also can be clicked to call Style on the elemental list in condition column. Although different method is achieved the effect looks like be like, but the HTML code that generates actually differs completely. Call Style level for instance with Custon Style, generate in webpage code < Span > label, such label more than 1 can make file very overstaffed and the analytic rate that affects a browser, so we should use the elemental list in condition column to call Style as far as possible.
2, command with Format Table alive
In complex webpage design, the application of form is most, the specific place that because use form to be able to dominate text and picture freely,appears on the webpage, make whole webpage looks thereby compact and unified. Dreamweaver also unwi llings to lag behind in this respect, we can be used among them " Format Table " (the format turns table) the command comes the form that apace has designed beforehand to form application. Want to use the type that has devised beforehand, first the random cursor park form inside an unit case, reelection choose " Command " → " Format Table " command, in the dialog box that appears subsequently, from inside left list the choice devises plan. By " Apply " key will examine the effect, if dissatisfactory word, still can be installed afresh or revise the cost of partial parameter, be like attrib border degree of finish, setting color is waited a moment.
3, at the same time catenary receives two webpages
We know super link can connect a page only. If we want to open documentation in different frame page, can use " Go To URL " JavaScript behavior. Open a webpage that has frame, choose character or picture, choose from inside behavior face plate next " Go To URL " . We can notice Dreamweaver can be in " Go To URL " all practicable frame shows in the dialog box. After a framework that we consider to link inputs corresponding URL, the choice chooses another frame again among them and input another URL.
4, do not have Chinese name to the file
Everybody is in after making a webpage, connect regular meeting to remove have representative Chinese name to the webpage, will can make the person looks file name to be able to understand the content that file place contains probably, 2 will can go to the lavatory the photograph intermodulation between each super links is used. But if you are in such doing in Dreamweaver, can discovering Dreamweaver supports Chinese file name is not too good, happen via often can the page calls incorrect phenomenon, the webpage is saved in Dreamweaver after us so when, use English as far as possible or the number regards a file as the name, can avoid so above make mistake phenomenon.
5, resolution of clever setting font
We are in the webpage that make when, often have this kind of experience, the webpage that has made namely then is very normal when be browsed on this locality computer, but discover when be browsed on a computer originally beautiful webpage becomes askew, is this why? So the resolution of each computers should make your homepage falls to be able to show normally in different resolution, better settlement got in Dreamweaver. In documentation window right next horn, dreamweaver shows the resolution size that current documentation is become by the design. Click which number, the page that can feel current in playing menu giving form appoints indication resolution, can make through revising your homepage provides flexibility more. Make differ the monitor of resolution can better land shows.
6, clever conceal label
When if be in the webpage,inserting sightless element, dreamweaver can add automatically on the page to it corresponding elemental label, in order to facilitate we choose sightless element. But this is not a favour completely, for instance we have the group in very multilayer page to insert a form in, arranged too much layer element label as a result of first with respect to meeting discovery and make form automatic fall back on the 2nd of the page, although do not affect the result when browse, but this is met really block up our job. Feel when us label of a certain element is hinderous so when, simply will screen is dropped. The method is to press Ctrl+U to open Preferences face plate, in Invisibel Elements of the pitch on in Category, will appear in the right of face plate all elemental label. Want to drop the scratch out before the elemental label that does not need only, it is met with respect to guarantee against after reappear.
7, be apt to is used procrastinate put skill
When we are using Dreamweaver to edit a webpage, often need to insert a few image o f what, the image that should insert suppose is very much, will operate according to groovy method appear very troublesome. We can be used procrastinate put skill to solve this problem well. Above all we turn the operation window of Dreamweaver into mobile window, will in order to vacate a space show Explorer window, after finding the image document that should insert, pull them with the mouse one by one the proper position that uses a webpage, dreamweaver will be automatic in the HTML code that adds the Url of these image to the file, of course the file that the image file that here asks to be procrastinated to move must be the Web image format such as Gif, Jpg. To been in the image in the webpage also is same, procrastinate directly it is OK to come over. But there is super link on the image that if be pulled,uses, cannot procrastinate with reuse use a technology, what because procrastinate in those days,come over is super link address merely.
16 DW use fast ability method (below)
8, automatic setting updates time
We know a webpage wants to obtain more turning round that lead, one very important should be updated ceaselessly namely. But to us for these individual webpages, should be afraid newlier in time every day is not very easy thing. Accordingly, we hope the webpage can be updated automatically, the author offers a source code that can update modification time automatically below, we should add this paragraph of source code only...</ the goal that replaces time can achieve between BODY> :
<Script Language="JavaScript "></ Style> ; 2 it is to use a mouse ordinal the Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag in clicking Dreamweaver, choose A from which, it is next in Decoration pitch on None, click finally succeeded certainly.
12, clever and duplicate character
The character duplicates each other among the applied process that differs in a few, it is the thing that we want possibly in r eal work to often be done. But, when if we duplicate from inside Dreamweaver,editing the character in the area to use a program to another, HTML code and character will be duplicated to go together, so we this how does ability duplicate the character in editing an area only come down? We know, when duplicating normally, be operated with shortcut key Ctrl - C, if we press key of a C more when duplicate, so Dreamweaver will be met only the character of duplicate pitch on.
13, be apt to uses shortcut key
To improve the efficiency of the operation, we can use shortcut key in Dreamweaver, use Ctrl-B or Ctrl-I to be literal application boldface or inclined constitution type for example, the text that also can make shortcut key of below in order to a few clavier will be pitch on uses HTML form: Ctrl-0: Without Ctrl-T of format : Ctrl-1 of paragraph : Ctrl-2 of of caption 1: Caption 2 Ctrl-3: Ctrl-4 of of of caption 3: Ctrl-5 of of of caption 4: Ctrl-6 of of of caption 5: Caption 6
14, shut a webpage automatically
If we hope our webpage can be shut automatically inside designation time, might as well following code join at the back of the label in webpage source code: <Script LANGUAGE="JavaScript "></ Script>
Among them in code 3000 express 3 seconds, it is an unit with millisecond.
15, name of clever setting object
When we are using Dreamweaver to ma ke very mixed effect, possible need often uses certain repeatedly or many objects, for example we often need fixed position a certain specific form, image, if if we do not have certain webpage,medium many objects name, so in repeat when using these targets, the likelihood is very troublesome make mistake easily perhaps. Call these boy or girl friends to can go to the lavatory, we should establish a new target in every when, remember taking to have the name of representative and easier memory to it. When naming to these objects, we can pass a boy or girl friend " attribute " face plate will operate went.
16, for image the link adds dynamic effect
Sometimes we achieve a kind of clear result to want, when hope mouse shift arrives on a certain link, can have use feeling generation. Use Dreamweaver can achieve this kind of result very easily. When the design, we need to prepare two image above all, the first is primitive image, the 2nd is the image after mouse shi ft goes up. Click the first graph with the mouse then, the link in attribute face plate is filled in column on the document that wants a link, click the F8 on clavier to bolt next, click in playing the Behaviors window that give " + " date, choose subsequently " Swap Image " , the 2nd picture chooses in the window that appears then, click finally it is OK to decide.
The parameter detailed that Flash inserts in DW is solved
Note: Have " ＊ " is OK have when insert and some parameter in the FLASH attribute face plate in DW, true is effective False disables namely.
SRC: *.swf (flash file name) ＊
Move: *.swf (flash file) ＊
CLASSID: Clsid: D27CDB6E-AE6D-11cf-96B8-444553540000(ActiveX marks must accurate) ＊
WIDTH: N or N% (flash width is installed) ＊
HEIGH: N or N% (flash height spends a setting, can suit a browser automatically with per cent) ＊
CODEBASEhttp://active.macromedia.com/flash4/cabs/swflash.cab#version=4, 0, 0, 0
(Leave the address of plug-in unit, if you use DW2.01,the code that its FLASH inserts has by accident, want the OBJECT plug-in unit of the FLASH4 with newest the next, go searching to native place, give an issue very easily otherwise, after all 3 with the difference of 4 bit bigger) ＊
PLUGINSPAGE: Http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash
(Alexandrine, but took care of NS) ＊ only
SWLIVECONNECT: True | False (NS is special, requisition JAVA)
PLAY: True | Whether does False (broadcast FLASH) ＊ at the beginning
LOOP: True | False (true= circulates, false= is broadcasted) ＊
QUALITY: Low | High | Autolow | Autohigh | Best (animation character, did not say more) ＊
BGCOLOR: #RRGGBB (sets setting scene, the setting in oversight FLASH is installed) ＊
SCALE: Showall | Noborder | If Exactfit (defined the Gao Hekuan Flash of Flash how to show) ＊
ALIGN: L | R | T | B (with IMG right neat about the same, but DW became much by absolutely be placed in the middle and absolutely house) ＊
SALIGN: L | R | T | B | TL | TR | BL | If BR (defined the Gao Hekuan Flash of Flash how right neat)
BASE: Base Directory Or URL (can help site of your area of Flash file fixed position)
MENU: True | False (controls menu of mouse right key, use a bit, do not cross FLASH4 from already FSCOMMAND also can be controlled)
WMODE: Window | Opaque | Transparent (key is the 3rd, it is setting transparent, like seeming GIF file, can use at the IE of Windows edition only, the window mode ｝ with the first acquiescent ｛ and it doesn't matter of the 2nd ｛ opaque ｝ are distinguished, who knows, tell me please)
Devicefont: True | False (true= uses systematic style, false= does not use systematic style
13 DW use fast ability method
The netizen that familiar webpage designs knows, the method that calls Style is very much, we can click mouse right key to choose Custon Style to call Style level, right key also can be clicked to call Style on the elemental list in condition column. Although different method is achieved the effect looks like be like, but the HTML code that generates actually differs completely. Call Style level for instance with Custon Style, generate in webpage code < Span > label, such label more than 1 can make file very overstaffed and the analytic rate that affects a browser, so we should use the elemental list in condition column to call Style as far as possible.
2, command with Format Table alive
In complex webpage design, the application of form is most, the specific place that because use form to be able to dominate text and picture freely,appears on the webpage, make whole webpage looks thereby compact and unified. Dreamweaver also unwillings to lag behind in this respect, we can be used among them " Format Table " (the format turns table) the command comes the form that apace has designed beforehand to form application. Want to use the type that has devised beforehand, first the random cursor park form inside an unit case, reelection choose " Command " → " Format Table " command, in the dialog box that appears subsequently, from inside left list the choice devises plan. By " Apply " key will examine the effect, if dissatisfactory word, still can be installed afresh or revise the cost of partial parameter, be like attrib border degree of finish, setting color is waited a moment.
3, at the same time catenary receives two webpages
We know super link can connect a page only. If we want to open documentation in different frame page, can use " Go To URL " JavaScript behavior. Open a webpage that has frame, choose character or picture, choose from inside behavior face plate next " Go To URL " . We can notice Dreamweaver can be in " Go To URL " all practicable frame shows in the dialog box. After a framework that we consider to link inputs corresponding URL, the choice chooses another frame again among them and input another URL.
4, do not have Chinese name to the file
Everybody is in after making a webpage, connect regular meeting to remove have representative Chinese name to the webpage, will can make the person looks file name to be able to understand the content that file place contains probably, 2 will can go to the lavatory the photograph intermodulation between each super links is used. But if you are in such doing in Dreamweaver, can discovering Dreamweaver supports Chinese file name is not too good, happen via often can the page calls incorrect phenomenon, the webpage is saved in Dreamweaver after us so when, use English as far as possible or the number regards a file as the name, can avoid so above make mistake phenomenon.
5, resolution of clever setting font
We are in the webpage that make when, often have this kind of experience, the webpage that has made namely then is very normal when be browsed on this locality computer, but discover when be browsed on a computer originally beautiful webpage becomes askew, is this why? So the resolution of each computers should make your homepage falls to be able to show normally in different resolution, better settlement got in Dreamweaver. In documentation window right next horn, dreamweaver shows the resolution size that current documentation is become by the design. Click which number, the page that can feel current in playing menu giving form appoints indication resolution, can make through revising your homepage provides flexibility more. Make differ the monitor of resolution can better land shows.
6, clever conceal label
When if be in the webpage,inserting sightless element, dreamweaver can add automatically on the page to it corresponding elemental label, in order to facilitate we choose sightless element. But this is not a favour completely, for instance we have the group in very multilayer page to insert a form in, arranged too much layer element label as a result of first with respect to meeting discovery and make form automatic fall back on the 2nd of the page, although do not affect the result when browse, but this is met really block up our job. Feel when us label of a certain element is hinderous so when, simply will screen is dropped. The method is to press Ctrl+U to open Preferences face plate, in Invisibel Elements of the pitch on in Category, will appear in the right of face plate all elemental label. Want to drop the scratch out before the elemental label that does not need only, it is met with respect to guarantee against after reappear.
7, be apt to is used procrastinate put skill
When we are using Dreamweaver to edit a webpage, often need to insert a few image of what, the image that should insert suppose is very much, will operate according to groovy method appear very troublesome. We can be used procrastinate put skill to solve this problem well. Above all we turn the operation window of Dreamweaver into mobile window, will in order to vacate a space show Explorer window, after finding the image document that should insert, pull them with the mouse one by one the proper position that uses a webpage, dreamweaver will be automatic in the HTML code that adds the Url of these image to the file, of course the file that the image file that here asks to be procrastinated to move must be the Web image format such as Gif, Jpg. To been in the image in the webpage also is same, procrastinate directly it is OK to come over. But there is super link on the image that if be pulled,uses, cannot procrastinate with reuse use a technology, what because procrastinat e in those days,come over is super link address merely.
8, automatic setting updates time
We know a webpage wants to obtain more turning round that lead, one very important should be updated ceaselessly namely. But to us for these individual webpages, should be afraid newlier in time every day is not very easy thing. Accordingly, we hope the webpage can be updated automatically, the author offers a source code that can update modification time automatically below, we should add this paragraph of source code only...</ the goal that replaces time can achieve between BODY> :
<Script Language="JavaScript "></ Style> ; 2 it is to use a mouse ordinal the Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag in clicking Dreamweaver, choose A from which, it is next in Decoration pitch on None, click finally succeeded certainly.
9, clever and duplicate character
The character duplicates each other among the applied process that differs in a few, it is the thing that we want possibly in real work to often be done. But, when if we duplicate from inside Dreamweaver,editing the character in the area to use a program to another, HTML code and character will be duplicated to go together, so we this how does ability duplicate the character in editing an area only come down? We know, when duplicating normally, be operated with shortcut key Ctrl - C, if we press key of a C more when duplicate, so Dreamweaver will be met only the character of duplicate pitch on.
10, be apt to uses shortcut key
To improve the efficiency of the operation, we can use shortcut key in Dreamweaver, use Ctrl-B or Ctrl-I to be literal application boldface or inclined constitution type for example, the text that also can make shortcut key of below in order to a few clavier will be pitch on uses HTML form: Ctrl-0: Without Ctrl-T of format : Ctrl-1 of paragraph : Ctrl-2 of of caption 1: Caption 2 Ctrl-3: Ctrl-4 of of of caption 3: Ctrl-5 of of of caption 4: Ctrl-6 of of of caption 5: Caption 6
11, shut a webpage automatically
If we hope our webpage can be shut automatically inside designation time, might as well following code join at the back of the label in webpage source code: <Script LANGUAGE="JavaScript "></ Script>
Among them in code 3000 express 3 seconds, it is an unit with millisecond.
12, name of clever setting object
When we are using Dreamweaver to make very mixed effect, possible need often uses certain repeatedly or many objects, for example we often need fixed position a certain specific form, image, if if we do not have certain webpage,medium many objects name, so in repeat when using these targets, the likelihood is very troublesome make mistake easily perhaps. Call these boy or girl friends to can go to the lavatory, we should establish a new target in every when, remember taking to have the name of representative and easier memory to it. When naming to these objects, we can pass a boy or girl friend " attribute " face plate will operate went.
13, for image the link adds dynamic effect
Sometimes we achieve a kind of clear result to want, when hope mouse shift arrives on a certain link, can have use feeling generation. Use Dreamweaver can achieve this kind of result very easily. When the design, we need to prepare two image above all, the first is primitive image, the 2nd is the image after mouse shift goes up. Click the first graph with the mouse then, the link in attribute face plate is filled in column on the document that wants a link, click the F8 on clavier to bolt next, click in playing the Behaviors window that give " + " date, choose subsequently " Swap Image " , the 2nd picture chooses in the window that appears then, click finally it is OK to decide.
Use DW writes catalog tree with ASP+ACCESS
Data table: ListTable
Data field: ListId ListName ListInfo ParentId
Join method:
| <%Dim SConn, SConnStr, SSqlSConnStr="DRIVER={Microsoft Access Driver (*.mdb)};dbq=" & Server.mappath("listBase.mdb" )Set SConn=server.createobject("adodb.connection" )SConn.open SConnStr %> |
Save above code into the file: Initialize.asp
Code of this paragraph of program uses indication catalog tree below, save a file: Inc.asp
| < ! - - #include File="initialize.asp "- - >
|
This is to call page code below, save Index.asp
| <%@LANGUAGE='VBSCRIPT' CODEPAGE='936'%> / / the content with simple table of processing of this function setting Function ShowForm(disp, parentId){AddNodeDiv.style.display="";Document.all.addNodeForm.disp.value=disp;Document.all.addNodeForm.parentId.value=parentId;If(disp=="Edit"){Document.all.addNodeForm.listInfo.value=eval("img"+parentId+".alt");Document.all.addNodeForm.listName.value=eval("listName"+parentId+".innerText");InfoValue.innerText=" edits ["+eval("listName"+parentId+".innerText")+"] node ";
Function MM_dragLayer(objName, x, HL, HT, HW, HH, toFront, dropBack, CU, CD, CL, CR, targL, targT, tol, dropJS, et, dragJS) {//v4.01 <body Bgcolor="#4A8CCE" Leftmargin="0" Topmargin="0" Marginwidth="0" Marginheight="0"> |
The code that submits information processing page is below, save for Disp.asp
| < ! - - #include File="initialize.asp "- - > <%Function Checkstr(str)Str=replace(str, "'" , "''" , 1, - 1, 1)Checkstr=strEnd Function Dim Disp, parentId, listName, listInfoDisp=request.QueryString("disp" )ParentId=request.QueryString("parentId" )Select Case DispCase "add "ListName=checkstr(left(request.QueryString("listName") , 10) )ListInfo=checkstr(left(request.QueryString("listInfo") , 50) )Blank node of If ListName="" Then ListName=" "This node of If ListInfo="" Then ListInfo=" is being added join did not fill in content "SSql="insert Into ListTable (listName, listInfo, parentId) Values(' "&ListName&"' , ' "&ListInfo&"' , "' ,, &parentId&") "Case "edit "ListName=checkstr(left(request.QueryString("listName") , 10) )ListInfo=checkstr(left(request.QueryString("listInfo") , 50) )Blank node of If ListName="" Then ListName=" "This node of If ListInfo="" Then ListInfo=" is being added join did not fill in co ntent "SSql="update ListTable Set ListName=' "&ListName&"' , listInfo=' "&ListInfo&"' Where ListId= "&ParentIdCase "del "SSql="delete From ListTable Where ListId= "&ParentId&"Or ParentId= "&ParentIdEnd SelectSConn.execute SSql, , 1Response.redirect("index.asp" ) %> |
The file that above code saves is put below same catalog (here we call a list) .
List of a CSS is built below root catalog.
CSS definition is below, save Css.css file, put below CSS catalog. Note: Having 9 types do not want, I do not have cutout
.menuPro {Border-top:&Nbsp;1px Dotted #A5BBE0;Border-right:&Nbsp;1px Dotted #31548E;Border-bottom:&Nbsp;1px Dotted #31548E;Border-left:&Nbsp;1px Dotted #A5BBE0;Overflow:&Nbsp;visible;Font-family:&Nbsp;"Verdana" , "Arial" , "Helvetica" , "Sans-serif";Font-size:&Nbsp;12px;
}
.menuGro {Border-top:&Nbsp;2px Outset #31548E;Border-right:&Nbsp;2px Outset #A5BBE0;Border-bottom:&Nbsp;2px Outset #A5BBE0;Border-left:&Nbsp;2px Outset #31548E;Overflow:&Nbsp;visible;Font-family:&Nbsp;"Verdana" , "Arial" , "Helvetica" , "Sans-serif";Font-size:&Nbsp;12px;
}
.menuFont {Font-family:&Nbsp;"Verdana" , "Arial" , "Helvetica" , "Sans-serif";Font-size:&Nbsp;12px;
}
.showDiv {Display:'';
}
.hiddenDiv {Display:nOne;
}
.treeDiv {Background-color:&Nbsp;#A8D5EA;Height:&Nbsp;100%;Width:&Nbsp;100%;Border-top-width:&Nbsp;2px;Border-right-width:&Nbsp;2px;Border-bottom-width:&Nbsp;2px;Border-left-width:&Nbsp;2px;Border-top-style:&Nbsp;inset;Border-right-style:&Nbsp;inset;Border-bottom-style:&Nbsp;inset;Border-left-style:&Nbsp;inset;Border-top-color:&Nbsp;#3680C9;Border-right-color:&Nbsp;#BCD5ED;Border-bottom-color:&Nbsp;#BCD5ED;Border-left-color:&Nbsp;#3680C9;Overflow:&Nbsp;auto;Paddi ng:&Nbsp;20px;
}Body {Overflow:&Nbsp;hidden;
}
.formDiv {Font-family:&Nbsp;"Verdana" , "Arial" , "Helvetica" , "Sans-serif";Font-size:&Nbsp;12px;Font-weight:&Nbsp;normal;Background-color:&Nbsp;#7ABDDE;Height:&Nbsp;200px;Width:&Nbsp;300px;Border-top:&Nbsp;1px Outset #B9DCFF;Border-right:&Nbsp;1px Outset #004488;Border-bottom:&Nbsp;1px Outset #004488;Border-left:&Nbsp;1px Outset #B9DCFF;Overflow:&Nbsp;hidden;
}
.text1 {Width:&Nbsp;160px;
}
.DivBut {Font-family:&Nbsp;"Verdana" , "Arial" , "Helvetica" , "Sans-serif";Font-size:&Nbsp;12px;Font-weight:&Nbsp;normal;Background-color:&Nbsp;#3399CC;Height:&Nbsp;20px;Width:&Nbsp;40px;Border:&Nbsp;1px Outset;
}
An IMAGES list is built additionally below root catalog. With the small plan that will put those folder appearance.
Bale download [use pleaseWINRAR3.0Solution presses] : Little picture
Help of DW MX 2004 API: Object piece
Introduce: Article English original is the Help/dwextend.chm below Dreamweaver installation catalog, by the steamed bread (Www.mantou001.com) interpreter is Chinese, in the process that translating to accord with the taste of our Chinese as far as possible, I consider the tunnel of the language above all, let a reader forget his as far as possible reading translated text, it is next make a reader can fluent understand, as to devoted to textual put in the 3rd, to take care of abecedarian, translator of a few terms still added explanatory note, translation copyright puts in a steamed bread 's charge all, reprint ask give chapter and verse for (Www.mantou001.com) . Those who break up is bad, please great give advice or comments.
How is inserting an object run?
Pass when the user insert face plate or pass menu make choice of an object, the process that carries out after this is as follows:
1.Dreamweaver calls CanInsertObject() function judgement to whether show a dialog box.
2. is opposite the meaning that "form"(searchs to express sheet in corresponding file, translator is noted) mark, if be put in "form" to label and if the dialog box shows, dreamweaver calls WindowDimensions() function judgement to set the size that expresses simple dialog box, if nonexistent "form" labels in corresponding file, dreamweaver does not show a dialog box, jump over measure 2.
3. if the Dreamweaver in the 1st pace showed a dialog box, the parameter that the user inputs this object (for instance the linage of form, the row counts) , click affirmatory.
4. calls ObjectTag() , the value that he returns is inserted after current position (if current make choice of character, will be not replaced) .
5. if Dreamweaver did not find ObjectTag() function, replace with InsertObject() function.
To the middle of inserting face plate add an object
The picture that an each object file is associated 18*18 gives those who go up to insert face plate now like element size.
If your image is more than 18*18, dreamweaver becomes automatic changeover 18*18, if you will use acquiescent image without image.
Point: Although object file can be deposited,be inside alone folder, but every file name must be exclusive! Because certain function is not in only,appoint the search inside Wen Jiaga. If have two files,call Button.htm for instance, dreamweaver cannot distinguish.
Define insert face plate
Through Configurations/Objects/insertbar.xml this file has the definition that inserts face plate, the definition information of every object was contained in this file.
Face plate is inserted to be in when user first time runs Dreamweaver editor division upper part, this face plate shows after this and the information such as the position when reality will be saved in registering a watch.
Below the format with respect to illustrate Insertbar.xml file:
<insertbar>
<category Id="DW_Insertbar_Common" Folder="Common ">
<button Id="DW_TagDialog "Image="Objects/Common/tagDialog.gif "Enabled="true "ShowIf="_VIEW_CODE "Command="dw.getDocumentDOM().setView('code')"/>
<separator ShowIf="_VIEW_CODE"/>
<button Id="DW_BR "Image="Objects/Common/BR.gif "Enabled="true "File="Objects/Common/br.htm"/>
. . .
</category>
</insertbar>
Insert a few kinds of script that appear in face plate
◆ <insertbar></insertbar>
Action: File begin ending indicates.
◆ <category></category>
Action: Define page of a label (translator notes: The button that thrusts face plate to go up because of Dreamweaver is too much, because this is divided into " of a lot of " label page, for instance: Commonly used, the) such as text.
For example:
<category Id="DW_Insertbar_Text" Folder="Text">
Each label page has attribute Id an exclusive Id, than the DW_Insertbar_Common attribute of as above article. Folder deposits this label page the folder name of all pushbutton, than if the Common of above paragraphs is deposited,be in. Between <insertbar></insertbar> .
◆ <button>
Action: Define a pushbutton
For example:
Each pushbutton has attribute Id an exclusive Id, than the DW_TagDialog of as above article.
The file name of the image of attribute Image pushbutton.
The file name of correspondence of attribute File pushbutton.
Deposit between <category></category> .
◆ <separator>
Action: Define column of switch of a condition (such saying very ambiguous, very fathomless, the Standard View in reading composing label page please and Layout View see effect) .
Deposit between <category></category> .
◆ <checkbutton>
Action: Define pushbutton of switch of a condition.
For example:
<checkbutton Id="DW_StandardView "Name = "Standard View "Image=" "Enabled="_VIEW_DESIGN "Checked=" ! _VIEW_LAYOUT "Command="dw.getDocumentDOM().setShowLayoutView(false)"/>
<checkbutton Id="DW_LayoutView "Name="Layout View "Image=" "Enabled="_VIEW_DESIGN "Checked="_VIEW_LAYOUT "Command="dw.getDocumentDOM().setShowLayoutView(true)"/>
<separator ShowIf=""/>
Each switch pushbutton has attribute Id an exclusive Id, for instance: DW_StandardView.
The name of attribute Name pushbutton (translator notes: Also be the clew) after the pushbutton that shows in Dreamweaer and mouse are put at the same time.
File of image of attribute Image pushbutton, image="" expresses literal pushbutton.
What attribute Enabled and Checked control other pushbutton jointly is usable grey perhaps drop.
Put between <separator ShowIf=""/><separator ShowIf=""/> .
The Flash Element of DW MX 2004
Dreamweaver204 besides can insert character of 畫 of Flash SWF 動 , Flash and Flash to press 鈕 beyond, 這 second new the good 東 東 that increased one 個 to be called Flash Element, the conformity of Flash of 讓 Dreamweaver2004 與 more one pace of 進!
當 of Flash Element photograph at the 畫 of " Flash 動 that is " work, it inserts 當 your 將 the after of face of 網 頁 裡, 會 has 設 of your proper motion of 讓 of 數 of a few 參 to decide, such 頁 of one 來 網 the function of sex of each other 動 that 擁 had place of 這 個 Flash Element to offer.
For example: Dreamweaver 2004 內 built one 個 to be called the Flash Element of Image Viewer, 從 is inserted (Insert) the Flash Elements cent of face plate can find it in 類 . Its function is 圖 piece player, you resemble 會 幫 broadcast unreal 燈 piece one 張 of one 張 broadcasts popularly 圖 piece, 還 會 has 換 頁 effect! And my 們 wants 將 only it inserts 網 頁 內 , like that after 設 decides 數 of a few 參 , had the function of 這 樣 instantly, 絲 none 費 force 氣 .
The use law square 為 of 詳 細 :
1.Press insert (Insert) the Image Viewer in the 類 of Flash Elements cent of face plate presses 鈕.
2.Insert Flash Element to arrive after of face of 網 頁 裡, want to put 檔 first above all, appoint the road 徑 of SWF 檔 case. (類 seems Flash written language, flash Element 會 from 動 幫 your 產 lays proposal of 檔 of one 個 SWF. )
3.Receive the 選 that write 點 to insert the SWF 動 畫 of 網 頁 內 , 籤 of this 時 標 (Tag) the face plate that 變 of face plate 會 becomes Flash Element.
4.The 設 that does 數 of photograph 關 參 in 這 個 face plate is decided, the 參 數 that place of each 種 Flash Element needs not quite one 樣 , what need 設 to decide most like the 這 個 Image Viewer that 內 builds is ImageLinks (圖 piece 連 結) with ImageURLs (圖 piece 來 source) 數 of 參 of 這 兩 個 , 設 of use 預 of some 參 數 is worth can, the demand 來 調that you also can depend on him 據 is whole.
5.點 ImageURLs 參 數 , can press the small 圖 of right 編 輯 is shown [the 圖 below 錄 of eye of root of station of 網 of 擇 of 選 of 圖 Ch01-46.tif] 來 piece, its 會 from 動 幫 you join 圖 piece road 徑 .
6.參 數 設 decides good after to be able to be in 屬 sex (Properties) face plate presses broadcast (Play) by 鈕, 畫 of 動 of Flash of 個 of 這 of 來 測 試 .
Dreamweaver 2004 內 built one 個 Flash Element, other more Flash Element 還 are to get station of Dreamweaver Exchange 網 goes falling (Http://exchange.macromedia.com/dreamweaver/ ) . And the 參 數 that different, place needs the function of each 個 Flash Element is differ also 樣 , bright ability knows the 說 of 別 of 個 of 讀 of 閱 of 細 wanting a young animal how to be used.
Small the 確 of 認 為 Flash Element is the new function with one main 個 ! And the new function that it is Dreamweaver 2004 not merely, also be the new function of Flash 2004, if you are familiar with Flash to also can use Flash 來 製 to make Flash Element, in Dreamweaver and Flash 裡 the face can be used.
Believe certain 會 has day of after a lot of Flash Element can offer next 載, await to 時 it is easier to should add the specially good effect of Flash 網 頁 that has sex of each other 動 !
The CSS new function of DW MX 2004 (1)
The composing pattern of the webpage is mixedder and mixedder nowadays, a lot of effects need to come true through CSS, dreamweaver MX 2004 did very big improvement on CSS function design. We come to the place that visits these improvement below.
One, the improvement of attribute face plate
Dreamweaver MX 2004 increased in attribute face plate " Style " option, the style such as the font of the accretion that we do when designing a page, color, size, "Style " can design these automatic memory to generate " Style1 " , " Style2 " style. In repeat next time use can be in directly " Style " in apply mechanically style, if pursue 1. Had this function, we can improve work efficiency greatly when doing a webpage to design.
Graph 1
If the CSS style of apply mechanically is not a character, however form, can install CSS in attribute face plate likewise. There is a category in attribute face plate (Class) , be here to be able to design the CSS form of form, if pursue 2.
Graph 22, the CSS attribute of the page
One can see in the attribute face plate of Dreamweaver MX 2004 " Pgae Properties " option, if pursue 3.
Graph 3
Click this option, can open directly " Page Properties " setting dialog box. If pursue 4
Graph 4
Can see in the classification of dialog box left picture of encode of ／ of character of the exterior, link, title, caption, webpage waits option a moment, pitch on among them a category, appear to install content accordingly in right. Be in for example graph 4 in, pitch on " Link " the about the link CSS style in can designing this one webpage, the color that glide of the literal size that includes a link, mouse shows, underline. The CSS of other category is installed, everybody is OK oneself have a try.
Be in " Page Properties " after the CSS that do is installed, when editing this webpage fruit of equivalent of all characters, link applies according to this style.
The CSS new function of DW MX 2004 (2)
In the interface in Dreamweaver MX 2004 most the setting dialog box that right has an all sorts of option face plate, include among them " CSS Style " , if pursue 5.
Graph 5
The DW of old version also has face plate of this CSS Style, the editor function of CSS Style was retained only in Dreamweaver MX 2004, take out apply mechanically mode (Dreamweaver MX 2004 is directly in attribute face plate style of apply mechanically CSS) . Dreamweaver MX 2004 is in " Rules " more CSS functions were provided in face plate, if pursue 6.
Graph 6
After a form chooses in CSS Rule face plate, it arrives with respect to can automatic switch the concerned option of this style, we can undertake check and be modificationed on face plate. Fractionize of detailed of style of CSS of this face plate general became several kinds big, in the light of each style detailed parameter or option help us become a setting. Such although we are right the usage of CSS is not quite familiar, also can use its function easily.
The lower part in Rules face plate is Relevant CSS face plate, the CSS that has every share inside the webpage here installs content in detail. Choose in the webpage decide a certain area, relevant CSS face plate appears relevant CSS installs option, and on it one CSS style, even the which HMTL label that CSS is apply mechanically shows very clearly, if have has enclothed place, can mix with special color delete a line to hint, if pursue 7.
Graph 7
| 4, CSS grammar hints When CSS editing in view of our source code, input the modal name of a CSS and colon only, click a mouse in blank place next, dreamweaver MX 2004 can give to choose sheet from move, the parameter that lists this style can be used. If pursue 8. It is OK that we are playing next in pulling menu options that give to want editorial CSS form only, him leave out inputs the trouble of code.
|
We use CSS Rule and Relevant CSS face plate to set the CSS pattern of the webpage below.
1. In Dreamweaver MX 2004, offerred the webpage pattern plate that has installed good CSS, in Page Designs (CSS) form of the first pattern plate chooses in pattern plate " Two - Columm Left Nav " , save it next for the site.
2. We are found in the page below " Feature Title " title character, be found in the functional module of right and open " Relevanet CSS " this interface.
3. In " CSS Rule " in find the CSS category that wants processing, we are found here " <h3> " . If pursue 9
Graph 9
4. Change this " Font-Size " font size. Original size is " 100 ％ " , we change its value to resemble element for 36. The character greatens immediately, if pursue 10
Graph 10
Had the function that these add CSS newly, work efficiency is taller when we are editing a webpage, the effect is better.
Code of DW MX 2004 edits new function
One, right key menu
In source code area if pitch on a limits, click right key menu to see added newly " Selection " function, included to change label of big the ordinary form of a Chinese numeral, changeover to wait a function a moment below this function, be like graph １ .
Graph 1
2, Tag label
Group of groups in Tag label in, besides CSS still increased beyond face plate of some behavior, CSS before Relevant and CSS Rule face plate, still one individual character pledges (Attributes) face plate. If pursue 2
Graph 2
Can see a few source code about current webpage set in this face plate, if the webpage is a dynamic webpage, the data inside this also is dynamic.
3, label selector
Be in " Insert " below menu, find " Tag " option, can open label selector, if pursue 3
Graph 3
Be opposite in Dreamweaver MX 2004 editorial operation function also has source code to be improved certainly, listed here all code label, in source code when us edition section writes code when, the code label that needs automatic reminder is extracted from here. Open this dialog box, we can write code at the same time, take at the same time with these label.
4, define label oneself
In Tag face plate right one plays a menu, find in menu " Tag Library " , shoot a dialog box, if pursue 4.
Graph 4
In shooting the dialog box that give, we ourselves can write code ticket, if pursue 5.
Graph 5
Attention: The code label of Dreamweaver MX 2004 is deposited actually inside file of a XML, include the indication color of label and code reminder. Here the record that we can alter XML by oneself, add code label. The Configuration below the installation catalog of Dreamweaver MX 2004 can find these documents in folder.
5, define code color oneself
Below editor menu " preference set (Preferences) " in option, can define the code color below different program oneself. If pursue 6
Graph 6
Experience new function of DW MX 2004 CSS
There was Dreamweaver MX 2004 now (abbreviation DW MX 2004) , the circumstance differred completely!
Above all the CSS document that we had written to page link, the method of the operation here and old version Dreamweaver is identical (graph 1) .
After the link is nice, with old version different place came out: The effect that setting CSS style can preview in the Style from inside page attribute dialog box, Class (graph 2) . Original DW MX 2004 had learned the characteristic of TopStyle: To form definition, CSS effect can be previewed in Class, and it is to travel, row and literal CSS specially good effect in Style appear, improved efficiency greatly so.
Pass new CSS function, OK still very of the tone in order to that controls variety of page place coloured conveniently and effect carry out, the changeover interface of whole page, style also won't resemble complex in that way before. 3 of a form different styles are the CSS editor function that passes DW MX 2004 completely, finish inside a few minutes! (be like a graph 3)
Solution of FLASH parameter detailed is inserted in Dreamweaver
The control parameter that can have a lot of is returned after FLASH is inserted in Dreamweaver, dot attribute face plate is right the parameter button below, with respect to the affiliation that can have parameter and value. Everybody can be controlled freely, the proposal leaves the OBJECT plug-in unit of newest FLASH4, correct and automatic installation supports such ability the plug-in unit of FLASH4. If do not have,also can change the two method handiwork below.
Note: Have " ＊ " is OK have when insert and some parameter in the FLASH attribute face plate in DW, true is effective False disables namely. SRC: Name of *.swf (flash file) ＊ Move: *.swf (flash file) ＊
CLASSID: Clsid:&Nbsp;D27CDB6E-AE6D-11cf-96B8-444553540000(ActiveX marks must accurate) ＊
WIDTH:
N or N% (flash width is installed) ＊
HEIGH: N or N% (flash height spends a setting, can suit a brows er automatically with per cent) ＊
CODEBASE: Http://active.macromedia.com/flash4/cabs/swflash.cab#version=4, 0, 0, 0
(Leave the address of plug-in unit, if you use DW2.01,the code that its FLASH inserts has by accident, want the OBJECT plug-in unit of the FLASH4 with newest the next, go searching to native place, give an issue very easily otherwise, after all 3 with the difference of 4 bit bigger) ＊
PLUGINSPAGE: Http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash
(Alexandrine, but took care of NS) ＊ only
SWLIVECONNECT: True | False (NS is special, requisition JAVA)
PLAY: True | Whether does False (broadcast FLASH) ＊ at the beginning
LOOP: True | False (true= circulates, false= is broadcasted) ＊
QUALITY: Low | High | Autolow | Autohigh | Best (animation character, did not say more) ＊ &n bsp;
BGCOLOR: #RRGGBB (sets setting scene, the setting in oversight FLASH is installed) ＊
SCALE: Showall | Noborder | If Exactfit (defined the Gao Hekuan Flash of Flash how to show) ＊
ALIGN: L | R | T | B (with IMG right neat about the same, but DW became much by absolutely be placed in the middle and absolutely house) ＊
SALIGN: L | R | T | B | TL | TR | BL | If BR (defined the Gao Hekuan Flash of Flash how right neat)
BASE: Base Directory Or URL (can help site of your area of Flash file fixed position)
MENU: True | False (controls menu of mouse right key, use a bit, do not cross FLASH4 from already FSCOMMAND also can be controlled)
WMODE: Window | Opaque | Transparent (key is the 3rd, it is setting transparent, like seeming GIF file, can use at the IE of Windows edition only, the window mode ｝ with the first acquiescent ｛ and it doesn't matter of t he 2nd ｛ opaque ｝ are distinguished, who knows, tell me please) Devicefont: True | False (true= uses systematic style, false= does not use systematic style)
The use of element of the HEAD in Dreamweaver
A lot of important information were contained in HEAD element, for example the function of encode of documentation type, language, JavaScript and VBscript and the key word of variable, search engine and content clew. You can use VIEW-HEAD CONTENT or HTML is checked implement (F10) examines its content.
The HEAD section that should insert the element documentation chooses the HEAD of OBJECT face plate please
The partial attribute of HEAD element introduces below:
Meta: tip makes an appointment with shovel envy bazoo to make smooth with a rake take the advantage of adept value of of Piao of protruding of ê of Ai of of to fold of Kun of ⒆ of Ge of Suo of of location of Qian of of of male bank ⅲ is taken;
Attribute: Whether does label of ETA paying ∕ include a page to describe information (NAME) or HTTP headline news (HTTP EQUIV) .
Value: There is special attribute to check in W of 贒 of of model of Mei of Qian of ㄒ of of Ju Ya of stool of ┲ of travel of lowing S of noise of harmonious of ⒌ of bank of ┬ of Mao of paying ㄋ implement. For example Description(explains) , Keyword(key word) , Refresh(refresh) etc. Still can assign other and aleatoric value, be like: Creationdate(establishs date) , number of Document ID(documentation) with Level(grade) etc.
Content: Guide Shu of H of Qian of oath a surname drinks Quan to pay ╨ Evel(grade) be worth) for Value(, criterion Content may be Beginner(primary) , Intermediate(is intermediate) , Advanced(advanced) .
Title: Take the advantage of Jian of Lang of of a footpath between fields of foal of allow of of beautifuling comfort Guo to seek comfort Yu to work rare?
Keywords: Instrument of Ji be angry having enough is far of spoon of Chan of of Tao of castrate of spay mu the Keywords content in 罬 Eta label, use this information to build the index of pair of this pages in its database. Some searches engine is building index is the limitation that goes up to key word or quantity of character know exactly about sth. Some exceed limit range in key word is oversight all key word. Because this is webpage concentration,key word is very be necessary. Can use comma space key word what be Keywords in the mark inside the country.
Description: Ji be angry has enough far of spoon of Chan of of the Tao that promote castrate of spay mu the Description content in 罬 Eta label, some engine use this information to build the index of pair of this pages in its database, some show this information to in searching a result, be opposite below the link of this page, is not the begin in documentation a few. Have engine of all alone that write search building index is the limitation with have certain to character number, because this answers as far as possible concise and comprehensive.
Refresh: Element of Efresh of 肦 of A Chinese-style unlined garment can be appointed in sometime paragraph hind have break automatically to the page to the page.
Action: Pay ㄊ to owe RL of 鸘 of Lu of crafty of of a surname or refresh current page. Want to turn to other URL, can click Brower pushbutton to choose to want the page that load.
Delay: Chaos of the ⑿ that steal call on takes the advantage of Ma to make bad male of ノ of Yue Jia smooth with a rake however goes straight towards chaos of this ⑿ of ⒓ of clear to take the advantage of Gui tip to grow? of Cong of Xing of Gua Sou Mou.
Base: Element of Ase of 肂 of A Chinese-style unlined garment can install basic URL.
Href: Pay ɑ 綰 RL, can key in method directly or choose.
Target: Does lip of laborious of paying ㄋ embrace Mu of ignoranting of of Nai male surname fly Song?
Link: Element of Ink of 肔 of A Chinese-style unlined garment can define the relation between current documentation and other file.
Href: And RL of 腢 of of collect of Nai of archives of impossible of ㄒ Qian. Can be keyed in directly or choose.
ID: Appoint the exclusive identifier of some link.
Title: The lip that get condyle embraces grave impossible idle Gan of award of friendly of lip of far another name for Guangdong Province of 4 alarm sell is shallow: Bright province?
Rel: Bazoo paying ǖ unplugs the relation between archives of Chinese of region of Ref of male island 虷. Its potential value includes: Alternate(is chosen fully) , Stylesheet(style is expressed) , Start(is started) , Next(is next) , on Prev(one) , Content(content) , Index(indexes) , Glossary(vocabulary) , C Opyright(copyright) , Chapter(chapter) , Section(section) , Subsection(bar) , Appendix(. Want to specify many concerns, use blank space to will be worth departure please.
Rel: Bazoo paying ǖ unplugs Ref of male island 虷 is mixed between documentation inside the country the retrorse relationship with opposite Rel. Its are worth likelihood and Rel identical.
Posts
