Wednesday, October 14, 2009

Use code of Dreamweaver8 control webpage basic format

Respecting code, somebody can ask: Do not know code to you can make a webpage? The answer is affirmative. Some people do not know code to be able to make first-rate webpage likewise.

In the design window in Dreamweaver you every increase or change a content, can generate corresponding code automatically. That produces another problem again: Why should understand or be why should understand or familiar with code? Can say familiar code will make your with might doubled, can make your webpage is perfected. Transcend text label language (HTML) to satisfy more need, increased a lot of patulous functions. Homepage fabricant often uses Java Applet (small order) , inside the HTML function that embeds script, plug-in unit and other to expand, develop oneself fancy adequately, can design the homepage that is full of glamour.

And of some effects make can be finished only through editing code, it is relatively a few easier to perhaps carry editor code. The code of webpa ge specially good effect that a lot of netizen says in the query in forum this station is offerred is put in his webpage to be no good, perhaps appear such and such problem. Understand so or be familiar with code is necessary.

Basic format

 <html>

 <head>
 <title>Tutorial of Dreamweaver of webpage education net (This is your site caption, also be the content that column of the caption when the webpage that browse will show)</title>
 </head>

 <body>

  
Here is the main body part of source code!
  
  </body>

 </html>

HTML language uses the method with right mark to write a document, go to the lavatory simply again already, it uses < mark name normally >The beginning that will show a sign and end (indicate for example to) , because this is in HTML documentation,such symbol must be used in couples to.

1. <html></html>

The mark is used at the foremost edge of HTML documentation, use the beginning of label HTML documentation. And mark rather, it is put in the last frontier of HTML documentation, use the end of label HTMLl documentation, they do not have real significance, just tell a browser, it is handling HTML document. Two marks must be used together.

2. <head></head>

HTML file cent heads ministry and main body two parts. Mix first when form HTML documentation, here the mark is opposite between can use, Wait a mark a moment to be opposite, these marks are a description to the mark of information is right related HTML documentation. Two marks must be used together.

3. <title></title>

The person that has browsed a webpage can notice browser window possibly most above the text information that blue part shows, those information are the thematic information of the webpage commonly, the thematic information that wants the webpage you shows the coping of the browser, namely the method of caption column is very simple, be opposite in the mark namely between the text version that adds you to want to show can.

Attention: The mark is right to can be being put in the mark only between.

4. <body></body>

It is the main body part of HTML documentation, the mark is here right between can include

<body></body> is the main body part of HTML documentation, the mark is here right between can include <p> , </p> , <h1> , </h1> , <br> , <hr> to wait numerous mark a moment, will show the text that they define, image inside the casing of the browser come out. Two marks must be used together. Property of a few other still can be increased in <body> mark, be like: <body Oncontextmenu="return False" Onselectstart="return False" . . . . . . > wait numerous mark a moment, will show the text that they define, image inside the casing of the browser come out. Two marks must be used together. Property of a few other still can be increased in the mark, be like:

Dreamweaver has 3 to plant " documentation " view window:

1, " code " view window. This is the window that edits code.

2, " design " view window. This is we undertake editing a character, add the operation such as the pi cture commonly used the window.

3, " fractionation " view window. Choose this window when two windows cooperate to have an edition above our need, the accretion that we will undertake code basically undertakes in this window.


When use Dreamweaver makes a webpage everybody should notice to examine code view more!

Flash video is inserted in the webpage with Dreamweaver8

In Dreamweaver " documentation " Index.html page is opened in the window, insert a 3 form, click on the intermediate places in the row figure of the form that comprises by 3.

 


Choice " insert " > " media " > " Flash video " .

In " insert Flash video " in the dialog box, from " video type " the choice in playing menu giving form " advance gradually type downloads video " . About...

In using Dreamweaver about Flash video " insert Flash video " command, can insert Flash video content Web page, and need not use Flash to produce a tool. This command can insert Flash component; It is examined in the browser when you when, the Flash video content that it shows to you choose and one group is broadcasted accuse.

"Insert Flash video " the command offers the following option, use at sending video content the person that the site visits:

Progressive type downloads video of video general Flash (on the hard disk of the person that FLV) file download is visited to the site, broadcast next. But, with the tradition " download and broadcast " video is deferent the method i s different, progressive type download allows to begin to broadcast video file before download is finished.

Shed video to have Flash video content shed processing and is in instantly be broadcasted in Web page. If want to be enabled in Web page,shed video, you must have the visit limits of authority to Macromedia Flash Communication Server, this is exclusive the server that can undertake drifting handling to Flash video content.

In URL text casing, appoint the opposite way of Cafe_townsend_home.flv file, the method is to click " browse " , browse to Cafe_townsend_home.flv file (in the Cafe_townsend root folder that is located in a site) , choose this FLV file.



From " the exterior " Halo Skin 2 chooses in playing menu giving form.

What choose the exterior preview can appear in " the exterior " play lower part of menu giving form. "The exterior " the exterior that option appoints the Flash video package that will include Flash video content.

Be in " width " and " height " in text casing, execute the following operation:

Be in " width " in text casing, key in 180.

Be in " height " in text casing, key in 135, press Enter key next.



Clew

Click " detect size " in order to decide the accurate width of FLV file and height. But, sometimes the dimension size that Dreamweaver cannot determine FLV file. Below this kind of circumstance, must the hand changes input width and high value.

"Width " and " height " the width that the value in text casing is an unit to appoint FLV file with resembling element and height. Can adjust these to be worth the size of the Flash video that goes up with changing Web page arbitrarily. When the size that increases video, the picture quality of video can drop normally.

Attention

"Include the outward appearance " of the width that is FLV file and the width that choose the exterior with place highly and height add and.

The others option preserves acquiescent option value:

The aspect ratio between the width that restricts aspect ratio to carry Flash video package and height is changeless. The meeting below acq uiescent circumstance chooses this option.

Broadcast automatically appoint whether to broadcast video when Web page is opened. Cancel to choose this option below acquiescent circumstance.

Broadcast automatically afresh appoint broadcast accuse whether to return position of rest after video is broadcasted. Cancel to choose this option below acquiescent circumstance.

Click " affirmatory " shut a dialog box and add Flash video content Web page.

"Insert Flash video " the command makes file of SWF of player of a video and file of an exterior SWF, they are used at Flash video content showing on Web page. (you may need to click " file " in face plate " refresh " pushbutton will examine new document. ) these files and Flash video content (here the circumstance falls, for Cafe_townsend root folder) the HTML filestore that adds is in same catalog. When you upload the HTML page that includes Flash video content, does Dreamweaver upload these files as relevant file (should click only " should upload relevant file? " in the dialog box " be " ) .

Save this page, can check next effects next.

Dreamweaver CS3 new function is described

As Adobe Dreamweaver CS3 sold us to begin beforehand new round Dreamweavr study, so let us understand next Dreamweaver CS3 to have what new function first:

Agree with the Spry frame of Ajax

Use agree with the Spry frame of Ajax, with can inspecting fashion design, development and deploy trends user interface. Reducing page break while, increase alternant sex, speed and usability.

Spry data

Use XML serves from RSS or the database becomes data set Web page in. Compositive data undertakes sort is mixed very easily filter.

Spry window component

Have the aid of comes from agree with the window component of the Spry frame of Ajax, component of easily will common interface (if card of list, form, option, table is simple,test and verify is mixed can repeat area) in adding Web page.

Spry effect

Have the aid of agrees with the Spry effect of Ajax, add a vision easily to transfer to page element, choose in order to make they expand, contractive, fade-out, Gao Guang is waited a moment.

Adobe Photoshop and Fireworks are compositive

Duplicate from Adobe Photoshop CS3 or Fireworks CS3 directly and stickup the in already completing a project archetypal resource that comes from you in order to use in Dreamweaver CS3.

Browser compatibility is checked

The browser compatibility with brand-new have the aid of is checked, save the experience that time ensures those who cross browser and operating system is more consistent. Make the report of the related to CSS problem in identifying all sorts of browsers, and do not need to start a browser.

CSS Advisor website

The CSS Advisor website with brand-new have the aid of () of a when have the solution that rich user offers and opinion online community, search a browser the quick solution of specific CSS problem.

CSS layout

The CSS layout with brand-new have the aid of, incorporate CSS easily in your project. There is much explanatory note to explain position in every pattern plate, so primary can learn quickly with intermediate design personnel. The project that can be you defines every pattern plate oneself.

CSS management

Code of relaxed mobile CSS: Arrive from inside travel caption, arrive from caption exterior watch, arrive from documentation documentation, or between outer ministry watch. It is so easy now that the existing CSS in cleared older page never resembles.

Adobe Device Central CS3

Use Adobe Device Central (is compositive already now to whole Adobe Creative Suite®3 in) , design, preview and check mobile equipment content.

Dreamweaver example: Broadcast background music randomly

Believe a lot of people are in when opening recreational website or individual homepage, often can hear a few music. How does this exemple realize the introduction to broadcast background music randomly on the webpage.

Effect specification builds a file, insert the music that should broadcast circularly, can make use the background music of feeling, and it is random. Practical effect browses the CD that follow a book please in [source file] the corresponding file below.

Creation thinking opens software of Dreamweaver MX 2004 to build a page, reelection choose [behavior] below face plate [+ ] option is inserted broadcast music, set parameter. Duplicate this operation 4 times next, can broadcast background music randomly.

Operate measure

(1) open software of Dreamweaver MX 2004 to build a file, save a page.

(2) the choice is good " label " page, in " behavior " the musical file that should broadcast is inserted in face plate, if pursue ,55-1 place is shown.


(3) the sound file that then the choice inserts, open parameter window, set its parameter, if pursue,55-2 place is shown.


(4) duplicate executive graph 55-1 and the operation that graph 55-2 shows 4 times, added 4 kinds of music so, make a program OK choose in these 4 kinds of music randomly among them one will broadcast. Accordingly, the operation of the 4th pace that shows in graph 55-1 should choose different musical file.

(5) save a file, the operation that finish. Set relaxed musical backdrop appropriately, can make user feeling more relaxed, pleasant.

Dreamweaver inserts Flash to add transparent or other parameter

Dreamweaver upgrades 8.0.2 hind, the code when inserting Flash can be changed somewhat, this is Macromedia what charge an activation draw a frame round to solve the Flash in IE to be able to appear and make is newer. Should add for Flash transparent wait for parameter to have two kinds of methods.

● adds transparent attribute for insertion Flash with the attribute face plate of Dreamweaver, this method is simple and practical.

Make insertion Flash is in option position, in clicking attribute face plate " parameter " , the parameter that go out is played in immediately group is added in the watch, parameter name is " Wmode " , the value is " Transparent " . Use the attention when this method, if there is the Flash ID of manual input in the page, this ID will be deleted, input ID afresh after adding parameter please.


● adds transparent attribute for insertion Flash in Html code.
It is to add a value to be likewise " Transparent " " Wmode " parameter.

< ! - - to load AC_RunActiveContent.js, this is the file that DW makes automatically, need not revise, when changing file directory, remember revising the method here- - >
<script Src="Scripts/AC_RunActiveContent.js" Type="text/javascript"></script>

< ! - - below when this paragraph of JS is revised, want to notice, altogether should revise 4 places:
300 it is width;
200 it is height; Images/killIEBorder is method and file name, the attention when revising, share two office, even special attention, do not add at the back of file name " .swf " , after this compose has been written in AC_RunActiveContent.js- - >

<script Type="text/javascript">AC_FL_RunContent('codebase' , 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7, 0, 19, 0' , 'width' , '300' , 'height' , '200' , 'src' , 'images/killIEBorder' , 'quality' , 'high' , 'pluginspage' , 'http://www.macromedia.com/go/getflashplayer' , 'wmode' , 'transparent' , 'movie' , 'images/killIEBorder' ); //end AC Code
</script>

< ! - - encounter a browser to ban when using Javascript, will call below the code inside this paragraph of <noscript></noscript> , it is Dreamweaver upgrades 8.0.2 before that paragraph of code when we insert Flash. <param>Label acts well in the light of IE, <embed>Label acts well in the light of Firefox and Netscape. - - >

<noscript>
<object Classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" Codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7, 0, 19, 0" Width="300" Height="200">
<param Name="movie" Value="images/killIEBorder.swf">
<param Name="quality" Value="high">
<param Name="wmode" Value="transparent">
<embed Src="images/killIEBorder.swf" Width="300" Height="200" Quality="high" Pluginspage="http://www.macromedia.c om/go/getflashplayer" Type="application/x-shockwave-flash" Wmode="transparent"></embed>
</object>
</noscript>

Make the connection inside webpage page easily with Dreamweaver opportunely

In the webpage in making, we are encountered via regular meeting need make case of the connective inside the page sometimes, list above all for instance a catalog, next from the back content lists by catalog, what we need to come true is when should clicking one of catalog, turn to content page directly.

What locate cursor to the seat that wants connective content page above all is left, insert next name anchor to write down.


Write down to anchor name a name.


Choose catalog again next, install super join.


After saving, browse by F12.

The stage that Dreamweaver8 achieves text easily is retractive

When we are writing English text version with Drwamweaver book, phase is general not retractive (do not support half horn blank space) ; But we mostly when it is to use Chinese to write a form, must be in every paragraphs of begin is empty the position of two Chinese characters. But browser to the blank space in text, no matter more or less identify a blank space only. The stage that how achieves text in Drwamweaver is retractive, also became a webpage to make medium one catastrophe inscribe. Be aimed at this one problem, the article offers the following kinds to settle way for everybody.
One, the function that is used from area of Dreaweave body place
1, carry out in Dreamweaver below the blank space that the operation can insert size of two Chinese characters 4 times.

2, will finish with the character that is the same as color with setting hue insert blank space, operation of this kind of method is revised more trivally, not easily, and when be being chosen in the content that browse, hidden character with respect to exposure.
2, with HTML language
Just achieve Chinese stage with HTML language retractive. There is some of difficulty for the abecedarian to knowing HTML.
1, beforehand format (PRE)
With beforehand the source document that the format writes, in indication Shi Zhaoyuan the composing model of written characters in the file shows, empty travel and blank space very can clear area does not leave come. If source file is:   
< Pre >
- - beforehand the format shows...
< / Pre >
The webpage meets what had installed beforehand according to you show means shows, be in namely " beforehand the format shows " meet before empty the position of two Chinese characters.
2, thrust special bl ank space character " "
       "" delegate blame shows blank space character. Insert a certain number of " " character, semicolon (is used among; ) or blank space is separated, also can achieve Chinese stage retractive. Can write lowercase only in Netscape 3.01 nevertheless, and big in IE the ordinary form of a Chinese numeral is OK. (this method easy generation is piled up in disorder, do not suggest to use)
3, the entire part that uses an input method
      
If you use the phoneticize that is intelligent ABC to input, that presses SHIFT+ blank space please, at this moment the half moon on the attribute column of the input method became a circle, knock blank space to bolt again next, blank space came out. Additionally 5 full role pattern also can input intelligent Chen Qiao directly blank space. Contrast of photograph of this kind of method is simpler, defect is English character set f alls, full role blank space can become random code.
4, additional kind of method
1, insert bit of graph or graph:
Choosing a plan is there is only in pointing to a picture or a few are nodded like element, do not come out soon with the flesh. A such point attempts are inserted in paragraph begin when us, the blank space of the left and right sides that adjust bit of figure with HSPACE and VSPACE attribute and fluctuation, in order to reach stage retractive.
2, insert the form that does not have frame and content:
This kind of means and afore-mentioned thrust graphical way similar, this form does not have frame and content however empty table. The WIDTH that uses TABLE and HEIGHT attribute adjust form size to fit retractive need. Use form to locate compare generally speaking reliable, this kind of method makes the source file of the page greatens easily. Accordingly also not likely is format pilot first selection.
   &nbs p;  Tell you a the most original idea finally: In software of editor of a few characters (for instance notebook) duplicate blank space, undertake in Dreamweaver next stickup.
5, CSS method
     
Increase <p> number on a few attribute can come true, <P Style="TEXT-INDENT: 2em"> is OK! This station is recommended use this method, webpage education net also wants correcting to accord with the website of WEB standard after. Introduced so much to plant, with which kinds good? Everybody can press his be fond of and decide.

Dreamweaver CS3 newest function is described

As Adobe Dreamweaver CS3 sold us to begin beforehand new round Dreamweavr study, so let us understand next Dreamweaver CS3 to have what new function first:

Agree with the Spry frame of Ajax

Use agree with the Spry frame of Ajax, with can inspecting fashion design, development and deploy trends user interface. Reducing page break while, increase alternant sex, speed and usability.

Spry data

Use XML serves from RSS or the database becomes data set Web page in. Compositive data undertakes sort is mixed very easily filter.

Spry window component

Have the aid of comes from agree with the window component of the Spry frame of Ajax, component of easily will common interface (if card of list, form, option, table is simple,test and verify is mixed can repeat area) in adding Web page.

Spry effect

Have the aid of agrees with the Spry effect of Ajax, add a vision easily to transfer to page element, choose in order to make they expand, contractive, fade-out, Gao Guang is waited a moment.

Adobe Photoshop and Fireworks are compositive

Duplicate from Adobe Photoshop CS3 or Fireworks CS3 directly and stickup the in already completing a project archetypal resource that comes from you in order to use in Dreamweaver CS3.

Browser compatibility is checked

The browser compatibility with brand-new have the aid of is checked, save the experience that time ensures those who cross browser and operating system is more consistent. Make the report of the related to CSS problem in identifying all sorts of browsers, and do not need to start a browser.

CSS Advisor website

The CSS Advisor website with brand-new have the aid of () of a when have the solution that rich user offers and opinion online community, search a browser the quick solution of specific CSS problem.

CSS layout

The CSS layout with brand-new have the aid of, incorporate CSS easily in your project. There is much explanatory note to explain position in every pattern plate, so primary can learn quickly with intermediate design personnel. The project that can be you defines every pattern plate oneself.

CSS management

Code of relaxed mobile CSS: Arrive from inside travel caption, arrive from caption exterior watch, arrive from documentation documentation, or between outer ministry watch. It is so easy now that the existing CSS in cleared older page never resembles.

Adobe Device Central CS3

Use Adobe Device Central (is compositive already now to whole Adobe Creative Suite®3 in) , design, preview and check mobile equipment content.

Insert in Dreamweaver colored linear

In Dreamweaver, if insert horizontal) of Horizontal Rule (, this line below acquiescent circumstance is gray only, below a lot of circumstances, this does not accord with our requirement. What if want,insert other facial expression is linear (fine even resemble element) to, how should do?

Above all, the window edits in Document Window(webpage) medium proper place, insert Horizontal Rule,

Press) of face plate of attribute of Property Inspector(of v of Ctrl + F3,

  

In this attribute face plate, shading(shadow) the scratch out before is dropped. In W the input is worth like element (Pixels) or per cent, can set the length of this line. In H, input 1, can make this line becomes very thin, fine resemble element to. If want, is thick wire, can be in H, input greater value. Such filament had been inserted, but you can discover, this line is gray, in attribute face plate, can not install color. If want to install other facial expression, can be controlled through Css. Css can be installed easily in DreamWeaver, you do not need completely even to understand the grammar of Css.

Choose the CSS Style below Text menu | New Style,

  

Be in " new form of New Style () " in the dialog box, in Name(name) a name is inputted in column, be like "colorline" , define in Define() the choice in sheet choosing casing " This Document Only(is used only hereat page) " , nod Ok next. Can shoot the dialog box of Style Definition For.colorline that give subsequently:

  

In Type project, choose wanted color, e.g. red, nod Ok next, nod Done again, then a new form has been built. Webpage of make choice of edits the filament in the window, dot Text | CSS Style | Colorline(colorline is the) of that new form that a moment ago built, in webpage editor window, the color of the line still still is gray, but preview by F12, the color that can see in the browser place inserts filament had turned you into wanted red.

Still a kind of method can insert colored filament, fine even resemble element to. Thrust a group in webpage editor window above all form, the transparent image that inserts 1Pixel of × of a 1pixel in this form next (the Spacer Image that uses in place of layout of page of the control in Dreameaver4 is such image, if you won't use software,make such picture so, can generate so in Dreameaver4:

  

Object face plate nods the) of view of Layout View(layout in the View that chooses Objiect face plate above all, nod Draw Layout Table again, procrastinate in webpage editor window move make form of a layout (Layout Table) , next in pulling menu Add Spacer Image that nod form,

  

Found and save Spacer Image, this Spaceer Image is a 1 × resembling element the 1 transparent image) that resembles element. It is in the setting in the attribute of form next: H(Height) resemble element) for 1 Pixel(1, w(width) for wanted width (importable value resembling element or per cent) , input in Cellpad, Cellspace, Border 0, be in next color of Bg Color(setting) in the color that the choice wants, the horizontal filament that brings facial expression was inserted so.

  

If increase H cost, so this line can coarsen. If want to insert the perpendicular filament that brings facial expression, be worth H setting for wanted height, w setting is 0, other setting is Alexandrine, can insert perpendicular filament. In webpage editor window, this color still is gray, but preview by F12, the color of the filament that can see in the browser place is inserted had turned you into wanted color.

How to do Web webpage with Dreamweaver batch

Do a website, the trouble is being updated, especially large-scale update, workload is very big. Do not know those originality really ceaseless and assiduous " stationmaster " , lie between 3 fork 5 come to the website " change blood greatly " , it is how busy come over.

Tell you this secret, they are to be in more very " wholesale " webpage, and also have in your machine such " wholesale station " ! This good east east namely -- pattern plate. Common webpage makes a tool: There is this function in FrontPage, DreamWeaver. When if use DreamWeaver 3.0,making a website, use pattern plate can reduce many repetition to work.

One, build pattern plate

1, found pattern plate page

The simplest way is put a webpage additionally for pattern plate file, through executing an order: File → Save As Template, dreamWeaver can build folder of a pattern plate in website root catalog -- Templates will save this pattern plate.

Of course, also can build a pattern plate: Window → Templates, the Templates face plate that can appear, click right the New Template pushbutton of next horn, input file name, built; of an empty pattern plate to click Open Template pushbutton to open this pattern plate again, after saving deposit automatically in Templates of folder of website pattern plate.

Build, the pattern plate page that open and different of common webpage it doesn't matter, can join form, layer, picture, animation, script likewise, setting page attribute.

Citing: It is with making a pattern plate here for the exemple bright. In this page, we hope left website label graph and bottom navigation chart appear in every page. Mark among them the graph is become by two pictures overlay, the character on navigation graph " update recently " , " online read " , " bale download " etc differentiate to distinguish into a few heat do not link different file, they are changeless in every page. The homepage area area of right upside and left next horn play a type to choose the page below single button to explain criterion each are not identical. To hold a page neat, we decorate these elements with form.

Say it just does not have what can edit area well and truly " accurate pattern plate " , below again set can edit area.

2, set can edit area

Set pattern plate can edit area, have two kinds of methods generally speaking.

Build can edit area: Choose an order: New Editable Region of Modify → Template → . This command is carried out to be able to turn into this area after some clear area is clicked inside the country can edit area.

Mark some area is can edit area: Choose an order: Mark Selectin As Editable Region of Modify → Template → . If some area has had a few characters, and hope the part in text file exceeds to withhold its content in what build later, first this area carries out pitch on again mark commands can.

Cancel to be able to compile position: Choose an order: Unmark Editable Region of Modify → Template → . The meeting after executing this order is played give a dialog box, have among them current already some can compile area list, pitch on wants the area name that cancel, affirm can.

Citing: Click casually in big clear area, new Editable Region of → Template → commands executive Modify, the name inputs in shooting a dialog box: Main; pitch on is left this page shows next character the character below, mark Selectin As Editable Region of → Template → commands executive Modify, input name: Exp. Can see can edit an area to show for shallow blue, save finish pattern plate to make namely.

2, use pattern plate

1, build a page according to pattern plate

Command: File → New From Template. Shoot a dialog box, choose pattern plate from inside pattern plate list, divide in occurrence new page there all can be flaxen background outside editor area, it is the share that cannot have modification. Blank Main edits an area to be able to undertake insertion the operation such as form, character, picture directly, exp edits area reservation to have original character, revise or re-edit all but.

2, be opposite already substantial page uses pattern plate

Command: Apply Template To Page of Modify → Template → . After choosing pattern plate, still can play give a dialog box, let you choose to show some isolating that content is saved to be able to edit area to which (Choose Editable Region For Orphaned Content) . If do not think reservation is OK,choose " (None) " .

Citing: We build a common page first, input: "CIW computer atelier " , apply Template To Page of → Template → commands executive Modify, choose pattern plate Test, existing content saves area to choose Main, after affirming, can see the page turned pattern plate into automatically the form of the page, and " CIW computer atelier " this group word appears in window of chief editor collect.

3, update pattern plate with updating a site in the round

After was based on some pattern plate to build a few pages, when after undertaking modification to pattern plate, be being saved, can give a dialog box from move, listed and all the page that used this pattern plate, whether does the inquiry want to update.

Additionally one kind of method is to execute order of Update Pages of Modify → Template → . The some that selects a site or site from inside Update Pages dialog box is planted pattern plate () of many pattern plate can be used in same site, click the Start pushbutton on the right side of, software can search as associated as pattern plate photograph webpage automatically hand-in-hand travel is newer. Very convenient!

Citing: Test pattern plate is left in the graph " read defeat 10 thousand stations " the picture is to use cascade of a graph to be added on another picture, do not want it now, still think this picture in will all page all is deleted at the same time. Can open pattern plate Test.dwt, delete this graph layer, save pattern plate, click on the right side of " Update " pushbutton can.

Attention: Before build and using pattern plate, need to define a site. The method is, executive command: Site → Define Sites; appoints site name and catalog of this locality root (Local Root) . What pattern plate uses is opposite way, if did not appoint a website to be in the position of this locality, software cannot accurate find and save; of pattern plate file and when applied pattern plate is built and updating a page, the page exceeds a link mediumly to also cannot save different and corresponding change of the position along with page file.

Use link of picture of Dreamweaver fast batch processing

To webpage fabricant, most the thing of loaded down with trivial details may give the picture in the page or character to add a link namely. If page content is very much if, so the work that does can be described only with horror. Remember several days ago, the author ever was a client to become 300 pictures and corresponding link inside very short time. As it happens is Dreamweaver and a when Fireworks is united in wedlock very good example example, we learn to make a lot of methods that link and handle a picture automatically below.

Start Dreamweaver above all, after building good site, choice Command(commands) > ) of album of the Web of Create Web Photo Album(that make, open Create Web Photo Album.

Input the name that album inputs in casing in the text after Photo Album Title next. The character that inputs here we suggest to had better input English letter, do not input a Chinese character, because input Chinese character hind, show in the editor area of Dreamweaver not very normal. Subhead or other caption are inputted after Subheading Info and Other Info, input after Photo Album Title " Photo " .

Be in next after Source Images Folder " Browse " the catalog that target picture location chooses in pushbutton, click next " save " pushbutton, here chooses Boats catalog.

After clicking Destination Folder " Browser " pushbutton, the catalog that the file after choosing good processing is in, general the list that we want to choose him site to be in, (In this exemple our site catalog looks namely Boats) of mark picture catalog, click next " open " pushbutton.

The picture size after good in in drawing list choice after Thumbnail Size Fireworks is handled.

Every number that travel picture forms selects after Columns, of pictures of next index of the choice in drawing list after Thumbnail Format compress a format, next former picture can choose in drawing list compression after Photo Frmat format.

The check the number in choosing casing to the sheet of Create Navigation Page For Each Photo does not make a choice. Its action is to whether give all pictures to found an index page. If tick off,chose this, be in when browsing this picture, the page of every picture can have forward, backward, or if the link; that returns homepage face is not ticked off choose this, do not have these links, this can need to decide according to this when choose.

After making the work above, click " OK " pushbutton, next Fireworks is started rose (should contain in the machine Fireworks) , the window will appear in the window in Fireworks, this is the plan that the picture handles in Fireworks.

Return the working area of Dreamweaver, press the F12 of clavier bolts, check a page, see the effect, if pursue 5, so much links mere dichotomy bell to had been done, it is very easy.

Click a picture, can jump automatically the picture after turning to enlarge, namely the page of former picture.

The little secret with 12 little-known Dreamweaver

One, background analysis

For the professional webpage fabricant of complex to wanting next making to change an environment in the vision webpage, dreamweaver has shown talent in webpage editor tool gradually, become professional personage to write the optimal option of the webpage. According to the investigation of Macromedia company, dreamweaver already accumulated the person that have more than 700 thousand use at present, have rate the coronal is resided in webpage editor tool, picture " Adobe GoLive " and " NetObjects Fusion " wait for competitor to be cast in jian hou mian by a long time. Because of this popularly beforehand the use group of appraise Dreamweaver will last increase.

In this kind overwhelm popularity rate is swept across under, can be imagined it is increasing that the function of the buy inside Dreamweaver can say, richer and richer, all ready. In this our introduction, have it is a few faster designs, easier to add a few functions newly to offer webpage producer the function with ground encode and integrated stronger sex. No time to lose in doing the job, we introduce under how be apt to uses a few functions in Dreamweaver. Close ability shares 12 under, can divide into 4 themes. It is respectively: Design webpage page (the page that flexibility has in Dreamweaver designs a function) , product of tie-in Macromedia other uses Dreamweaver(to make animation and picture together not ask for help) , order use interface oneself (the use experience that enjoys individuation) and join Dreamweaver expansion program finally (be in webpage.

2, the recipe that devises webpage page

No matter you are to should apply HTML primitive grammar to write a webpage literally literally, or it is the visual design that uses standardization window to undertake a webpage, the following little secret can be sent on use.

Recipe 1: Make webpage page size bouncier

This kind of skill that some webpages developer weighs to want to introduce below is " Liquid " , be called this kind of skill here is " stretch and outspread skill " . This is a kind of skill, also can adjust webpage page volume subsequently when size of caller browser window is changed, so if the brace that the window won't be free to be in; window to cross little margin to won't run to move up and down in vain greatly too. The webpage with actually simple great majority meets him adjust page volume as browser window size, but if be,a lot of different frame and form are used in the webpage, webpage page size is adjusted automatic and stretchly very hard. Normally webpage architect can be used mix the frame that uses fixed width, design webpage page with GIF picture as interval, coming so is no matter use Internet Explorer or be to use Netscape Navigator, page size can be secured and won't run. Use Dreamweaver 4.0 to be able to design the webpage that can automatic flexib ility adjusts easy to doly. How should be done?

★ particular way: With tool face plate (the pushbutton on Object Palette) opens a webpage, and be changed to " the format is examined " (Layout View) . Can see the column of literal diamonds is spent at this moment, the pane of each column still has a small pull-down arrowhead among upper part, dot choosing wants to install the small arrowhead of the column upper part that flexibility shows, choose then " set column show for flexibility " (Make Column Autostretch) . (The width that installs self-correcting column with one column in the limit of) at this moment upper part of this column pane can appear an undee line, is not the number that states column is spent originally. Dreamweaver can make the blank space picture that makes fixed printed sheet automatically, the blank form that this blank picture is the two strip form with column upper part expresses, such layout will be automatic by fill, ability can finish stretch layout setting. (A dialog box can jump out to ask w hether you want to use when adding blank picture for the first time inside buy picture, to demand the result, we suggest you make Dreamweaver automatic produce, need not use blank picture to come otherwise fill layout. Need not use blank picture to come otherwise fill layout..

Recipe 2: Create individual palette

Dreamweaver is new " Assets Panel " (attribute Control Panel) it is a kind of basis when can editing a website file format, for example the picture, style new tool that will manage a file.

★ particular way: When you define new site (the dot chooses Site New Site) , the object of all types can increase automatically " Asset Panel " in the proper watch casing in. This new join " Assets Panel " in attribute Control Panel colored also casing, store all color that use in your website, include the literal color, color of setting, and the color that exceeds a link. This is one is the person that use to measure the website navigation color that has something made to order personally dish. Should start only " Assets Panel " (choose first " Window " nod again " Assets " ) , nod Zun Fang then that little color scrollreels, can see the various color options in your website. Of course you can pull these color certain and specific in chosen written language. Choose some kind of color when you even when, the colour weak chroma that the 16 carry that this kind of color can appear on the picture are worth, contrast with 3 primary colors code (RGB) . If want to narrow palet te tool column a bit, can join certain color to arrive only even of palette " my love most " in. The color that needs to will be chosen only turns over white, dot to choose the window in one is called " add me newly love most " pushbutton (most lower part relies on right pushbutton) , can finish.

Recipe 3: Make play navigation system of menu giving form

Should make originally play navigation system of menu giving form (the grammar that Pop-up Menu Navigation System) wants to use a lot of a few Java Script and skill, but if you have Dreamweaver, Fireworks Studio, can loosen easily gently to do quickly.

★ particular way: Be in above all " Fireworks " in begin, choose a certain picture, be in next " Set Pop-Up Menu " the dot in the dialog box is chosen " Insert Pop-Up Menu " , you can input a project (the name of Items) is nodded " Plus " (join) pushbutton, will add this item newly. Undertake in the information casing that you can continue to jumping out fine a setting, the character that installs this project place to want to use for example and exceed a link, also can add newly of course child menu, and below reorder one setting. When finishing, the dot is chosen " Next " (next) , continue to install all sorts of parameter to be worth, for example color, font is waited a moment. At this moment after menu is finished, can preview HTML grammar already, also can preview image. Nod again " Finish " (the) that finish. Arrive when mouse shift at this moment when original picture, the content general view of system of meeting occurrence menu. When deriving the file that has m ade then, "Fireworks " the HTML that can produce an all Dreamweaver automatically to need to be used, Java Script, and image file.

Recipe 4: Let a picture move rise

If you are installed at the same time,have Dreamweaver, Fireworks Studio, the ideal level with these two kinds of tie-in software will make you are profuse in praise. Although you are not professional picture architect, also want to revise picture of a few GIF more or less when designing a webpage lifelike. Dreamweaver can let your animation that make not ask for help.

★ particular way: In standard window the choice should have modification picture, be in next " Property Inspector " in the dot is chosen " editor " (Edit) . If in the Dreamweaver of your installation with " Fireworks " , "Fireworks " it is Dreamweaver sets picture editor beforehand, at this moment the picture can load automatically " Fireworks " . (If look carefully, the picture that you can discover Fireworks can appear " Editing From Dreamweaver " such character and design, indicate you to be able to undertake in Dreamweaver the picture edits. ) good, be in now " Fireworks " in dot choosing wants editorial picture, choose " Modify Animate Animate Selection " . Finish next " Animate Dialog Box " the setting in, the frame of animation of make choice of is counted, the direction with mobile animation, diaphaneity waits a setting a moment. You also can be nodded anthology " Frames " the tool sets floating rate, choice " Object " face plate will change a setting. Should der ive when the file, want a dot to choose only " Optimize " tool column, choose in the place of file type " Animated GIF " . After finishing, "Fireworks " meet derive the picture automatically with maximize setting, and update GIF picture automatically, still can be in Dreamweaver show has updated picture come. The dot is chosen " File Preview In Browser " , can preview in the browser so just make finished lovely picture.

Recipe 5: Let pushbutton have blink the effect

In Dreamweaver, need not have Flashs, also can make have the Flash pushbutton object that blinks the effect. The buy inside Dreamweaver has object of several Flash pushbutton, can make the button of several different forms.

★ particular way: The dot is chosen " Insert Interactive Images Flash Button " can see have button of the buy inside those. Can point to the pushbutton form that wants to use with the mouse even inside the dialog box, see the effect in the browser next how. With mouse finger the pushbutton form make choice of that should use, again obedient foreword inputs parameter, for example the character on pushbutton, glyph, color, exceed a link to wait, or it is to establish file name oneself. Press OK. Can have next " SWF " the file of the format arises, the file can guide automatically in your webpage. By this makes good file, can see " Property Inspector " (attribute detail) in the attribute that can show a file. Show file attribute when coming, if expand file attribute list, can appear " Play " (broadcast) , those who open a browser to preview pushbutton need not be use after the dot is chosen blink the effect.

Recipe 6: Character of the flow that make

The Flash pushbutton that increases character of going from place to place to resemble increasing us to just introduce in the webpage is euqally simple. Identical, need not install Flash, the new function that provides with Dreamweaver can do easily. The script of going from place to place that grammar of commonly used HTML writes the webpage, webpage fabricant that does not have experience of interactive type media to also can make cabinet Flash form easily. This new function can be below the condition that does not add photograph compatibility trouble add for the webpage a few browse on the interactive sex with caller. ★ particular way: The dot is chosen " Insert Interactive Images Flash Text " , fill parameter setting one by one again (color of the character that should change the effect for example, glyph, font and font size wait) a moment.
Recipe 7: Change clavier shortcut key

The person that Dreamweaver can let use orders use interface oneself, this design is very bouncy. E.g. , the person that use can increase an object through writing program or proper motion (the means of Object) will change menu. Need not work force is profound, you can change clavier shortcut key, because Dreamweaver has,one is called " Keyboard Shortcut Editor " graphical interface.

★ particular way: Want a dot to choose only " Edit Keyboard Shortcuts " , the dialog box will load and column gives the shortcut key schedule that can alter, let you change shortcut key into oneself to review idiomatic setting is worth. Should alter shortcut key, should use active setting only (Current Set) and command column (of Command) next pulling menu, the order that wants to change is found in existing command, choose current shortcut key then, in the list that can appear in shortcut key. Additional, if want to increase shortcut key to install, can nod anthology " Plus " , the key of new quick delegate that knocks you to want to use on clavier, the dot is chosen " change " (Change) can. At the same time you also can choose some shortcut key, dot to choose " move except " (Minus) , can move except a certain shortcut key.

Recipe 8: Window of new setting website (Site Window) column

★ particular way: As long as from " Site Window " midpoint is chosen " View File View Columns " , can examine a website from the word (the size of Site View) column reachs occurrence kind. Choose the name of some column, readjust of use fluctuation arrowhead, or do not want Gou Xuanxian to show column (Show Field) in order to conceal this column. Additional, the dot is chosen " Plus " Niu Ye can add column newly, achieve pen name oneself. In addition, you also can choose to have in pull-down menu " Note " will mix column " Design Note " generation is associated.

Recipe 9: Examine webpage former code

★ particular way: Open when you " Reilly Code Reference " (when Window Reference) will check attribute or the compatibility that are a browser, the window that sets beforehand is met with petty word model show " referenced setting is worth " . But if you press the right key of window right upper part (be in the lower part) that shuts pushbutton, can appear menu of a pull-down, can be in here the size that chooses primitive code style (small-sized word arrives medium-sized font and large font) . Choose large font to compare won't " mistreat " eye, because there need not be magnifier when you read HTML former code so,watch screen.

Recipe 10: Add Flash pushbutton newly

Recipe 5 in, we introduce how to use 20 kinds of pushbutton types that set beforehand, will make the Flash button in Dreamweaver. This is the method that need not install any files or program additionally. There is another kind of method below, install namely " Fireworks Buttons " , 5 have function of this kind of augment and recipe same result.

★ particular way: To " Exchange For Dreamweaver " (Dreamweaver augment function exchanges a center) , input " InstaGraphics Extensions For Dreamweaver " key word is searched for, download this again next about the file of 577K. Change Dreamweaver, choose " Commands Manage Extensions " , reelection choose " File Install Extension " , can begin to install. Once be started afresh " Dreamweaver " , have 6 fancy and interesting pushbutton patterns, include " Surfboard " reach " Bulletbar " inside, should use only at this moment " Insert Interactive Images Fireworks Button " command, can make the button that makes dazzle of a cruel. You also can be used " Commands Convert Bullets To Images " reach " Commands Convert Text To Images " , two kinds of afore-mentioned methods can be carried out automatically " Fireworks " .

Recipe 11: Join in the webpage " the setting loves most into mine " functional ★ particular way: In " Exchange " in search for, you can discover " Add To Favorites " augment function. This little file just occupies 3K, download time to won't wait too long, catch abide photograph to be the same as measure, by " Extension Manager " load (Commands Manage Extensions, File Install Extension) . Start Dreamweaver afresh then, this new the augment file that load can add a function newly in Dreamweaver. If this is joined in your webpage " join me collect part " function, when the person that be used so sees your website, press gently, can join your website easily his use browser " my love most " (or it is individual bookmark) . In addition, most of dazzle is OK also order oneself " my love most " name, and " my love most " the small graphic representation that the conference before the name appears (in general IE " my love most " the small graphic representation in front is IE es tablish a value beforehand, if you have the small graphic representation that you design, that dazzles much) . Attention, this function supports the browser that uses IE 4.0 and taller version only. Should choose only " Windows " in menu " Behavior " face plate, fall to IE function again pull menu dot to choose this function, can start function of this cruel dazzle easily.

Recipe 12: Exceed the chart of cruel

If you want to make form, even do oneself spend time to write webpage former code literally again? Did not need, had had off-the-peg!

★ particular way: Download to Exchange " Form Builder Extension " , have off-the-peg form, can let you duplicate immediately include picture: Catalog of etc of layer of country, sexual distinction, marital status, age the form that wait. Download this to Exchange cabinet (the file that has 11K) only, next by " Extension Manager " installation comes in (Commands Manage Extensions, file Install Extension) . Want to start Dreamweaver afresh only then, the dot is chosen " Insert FormBuilder " , can be in (augment function discovers in Insert FormBuilder) . There can be a dialog box to appear at this moment after the dot was chosen, it is all and OK to can be shown the format menu of apply mechanically, really special and convenient.

The literal specially good effect of Dreamweaver super skill

Use an end: Make composition word specially good effect

Application software: Dreamweaver MX

Operate difficulty: ☆ of ☆ of ★ ★ ☆

Our commonly used webpage makes tool Dreamweaver MX can make a webpage not only, and use among them CSS filter lens we still can are opposite character or picture undertake simple specially good effect is handled. We carry a few case below will have a look is how to make written language of specially good effect in Dreamweaver.

   Halation word

Start Dreamweaver above all, a 1 × is inserted in new documentation the form of 1, frame setting is 0, next the character that amid input needs to decorate.

In the float face plate that clicks the right side " style of design → CSS " open face plate of this one float.

Face plate is right 4 pushbutton of next horn are respectively: Add, build, editor and delete CSS style.

Attention: In Dreamweaver, CSS filter lens can the object that action restricts at having area, wait like form, unit case, picture, and cannot use at the character directly, the character that so we should need place to add specially good effect is put in form beforehand, use CSS type to form next, make the character produces special result thereby.

  

Graph 1 build CSS pattern

Click build CSS style pushbutton, play if pursue,go out the dialog box of 1.

"Type " choice " found define a style oneself " , "The definition is in " choice " be opposite only this documentation " , a CSS style is played to define a dialog box after the point is certain (the 2) that be like a graph, in type face plate we can define the content such as font, name, color, we choose font to be official script in this exemple, size 50 resemble element, color is white.

  

Graph style of 2 definitions CSS

Want to produce literal specially good effect, the most important is in patulous face plate (the setting in the 3) that be like a graph, be in " below visual effect " what list in filter is all CSS filter lens, choose Glow filter lens, it can make the character produces the result that the brim gives off light. The syntactic format of Glow filter lens is: Glow(Color= ? , strength= ? ) , there are two parameters inside: Color decides the color of halation, can use the hexadecimal code that is like Ffffff, perhaps state with the word such as Red, Yellow;Strength shows glow strength, limits from 0 to 255. We install color to be red in this exemple (Red) , glow intensity is 8, decide next.

  

Graph lens of filter of 3 settings good Glow

Below we use this CSS type in form. Move cursor in unit case, in documentation window

The mouth is left next horn click division of unit of label pitch on, click the pattern that a moment ago built in CSS style face plate next, this markers autograph turns into, make clear had used CSS type to unit case. We do not look to give change in documentation window, by F12 key is previewed in IE, the effect came out (the 4) that be like a graph.

  

Graph effect of 4 halation word

How? Not second at the filter lens effect in Photoshop. Words of such on a few specially good effect are put to be able to make a webpage beautiful in the webpage many, and we also can catch screen with PrintScreen key, next stickup in draw program save those who make make alone picture.

   Shadow word

Lens of filter of two kinds of CSS can make the character produces shadow result, it is Drowshadow and Shadow respectively, the result that they produce is differred somewhat.

The handles measure and word of the halation that make process of word of the shadow that make is basic and same, want to choose a kind of filter afresh in CSS style only can.

The grammar of Drowshadow filter lens is as follows: DropShadow(Color= ? , offX= ? , offY= ? , positive= ? ) .

Among them, color shows the color of projectile shadow, will state;OffX, OffY represents the amount of position of shadow deviate character respectively with hexadecimal number, the unit is a logistic value to resemble element;Positive, 1 delegate builds a shadow for all opaque elements, 0 delegates build visible shadow for all and transparent element.

  

Graph effect of 5 shadows word

It is filter setting for example DropShadow(Color=6699cc, offX=2, offY=2, positive=1) , if the effect of generation pursues 5.

   Block overspreads a word

The function that block wraps still was provided for us in CSS filter lens, can treat literal share into block cover, if appropriate picture is used in setting, can produce result of beautiful hollow out character.

A 1 × is inserted in documentation window the form of 1, click documentation window left the label pitch on of next horn is whole form, check in attribute implement (if pursue,the choice in the background picture of 6) combines comfortable picture one piece, input the character of need in unit case next.

  

Graph 6

Next we add Mask filter lens for unit case, move is as similar as before two. Does Mask(Color= choose in filter? ) , this parameter decides the color that block overspreads, we choose to use white.

Attention: The color option of the character in this exemple is not important, because be in,word of final result Chinese is met by hollow out, color can be not shown come.

  

Graph effect of word of 7 block cover is friendly

Unit standard applies this CSS pattern after the setting is finished, pressed F12 key can see the effect next (the 7) that be like a graph.

Attention: Background picture is added for whole form, corresponding label, and CSS type is added to unit case, it is label, must not make a mistake.

   Use feeling word

Make use feeling word we should use Blur filter lens, action is generation faintness effect, is its syntactic format Blur(Add= ? , direction= ? , strength= ? ) . Add parameter is a Boer value, generally speaking, take when filter lens is used at the picture 0, 1;Direction is taken to represent ambiguous way when be being used at the character, the unit is angle;Strength be worth on behalf of ambiguous shift, the unit is like element. For instance we define Blur(Add=1, direction=90, strength=150) , if pursue,can see in preview the effect of 8.

  

Graph 8 use friend of feeling word effect

Actually, lens of a lot of filter in CSS also can use at the picture decorate, if Blur filter lens can make,the picture produces ambiguous result. If we can apply adroitly to these filter lens, so below the case that handling software without professional image sometimes, also can make perfectly picture effect comes.

Dreamweaver webpage makes skill: Use pattern plate

As Internet gain ground, a lot of people had been not satisfied at mere online surf, and in hoping thorough ground participates in his. Now, the Web website that has oneself has made a kind of trend. Although make a simple webpage not difficult, but the website with free from vulgarity every of the favorable balance of trade that make is so not easy, accordingly we prepared newest website to design the series tutorial of software Dreamweaver MX 2004 for everybody designedly, hope to be helped somewhat to everybody.

A few can there be in a website normally even the page of essentially similar of hundreds of styles, if every time reset net

The navigation of page structure and identical column at present, of all kinds icon appears very troublesome, we are OK nevertheless the pattern plate function of Dreamweaver MX 2004 of have the aid of will simplify operation. Actually the function of pattern plate is a webpage layout and content depart, its after layout has been designed memory is pattern plate, the page of so same position can be founded through pattern plate, accordingly can great improve work efficiency.

   One, the pattern plate that make

The pattern plate that make and make a common page identical, all parts that just do not need a page are made finish, mere need makes a navigation, the public share of each pages such as caption column, and come to intermediate area with the specific content of the page fill.

  

The first pace: Still move in 贒 Reamweaver MX 2004 " File → New " command, from the graph then 1 is shown in the window ordinal make choice of " HTML Template of Template Page → " option, click " Create " file of a pattern plate can be founded after pushbutton.

The 2nd pace: Show off takes the advantage of ⒌ of Peng of Gong of morning of  of Jia of captive of oily cangue of analyse of bail aing concubine of an emperor setting out the element with all communal pages such as caption of Lash of  of personal teaching vinegar (graph 2) , move next " File → Save " the command saves this pattern plate come down.

  

Little hint: Tip charm identifies summary plaque badger of favour of post crucian carp is able to bear or endure  often opens it in Reamweaver MX 2004 of 贒 of  delay Tiao, after preserving the element such as frame merely, pass " File → Save As Template " the command saves his for pattern plate, such can leave out the time of a lot of pattern plate that make.

The element in be operated by accident to avoid to edit time and bringing about pattern plate changes, the content silent in pattern plate thinks that he cannot edit, have an a certain area only or setting of some paragraph of text is after can compiling position, in the documentation that founds by this pattern plate ability can change this section. Choose a certain area with the mouse first (namely every page is different the area) of content, move then " New Editable Region of → of Modify → Templates " command, and this area set is in shooting the dialog box that give a name, finished the setting that edits area so.

Little hint: Save of → of Ile of small 癋 of Song of  of Ping of Ze of  of Mou of  of  of Su of Zan ê cap " the modification that the command saves place to do.

   2, use pattern plate

After having pattern plate, be about to editing webpage moment to use them next. Should be in only Dreamweaver MX 2004 advocate move in the window " File → New " command what can see the graph is shown 1 times to build the window, enter then " Templates " label can examine the pattern plate that has saved, it is OK still to choose a kind from which in right ministry preview an area undertake previewing (graph 3) , choose a favorite pattern plate to click bottom finally " Create " pushbutton opens this pattern plate.

  

In the pattern plate that open, cannot editorial area will show Gao Liang condition to show, but some positions are to lock up calm area, not be Gao Liang however show, because picture as it happens covered,this basically is of setting color. To this kind of circumstance, can move " Edit → Preferences " command, playing a window " Category " choose in list " Highlighting " , choose in right department section then " Locked Regions " on the side " Show " option (graph 4) , and set Gao Liang shows scene be blue, such OK very differentiate clearly the lock in giving pattern plate decides area.

Little hint: Bed of Huan of Quan  divide evenly suffers from  Bi to expect tip of band of  of  of allow arrest Ч is bungled come Invisible Elements of → of Visual Aids of → of Iew of nest ≈ small 癡 " command.

  

Finally, we should be in only the content that can edit area to add a webpage is OK, add specification of a few characters to perhaps insert corresponding picture for instance, pass finally " File → Save " the command saves a page can.

   3, revise and change pattern plate

Founding through pattern plate a certain number of after the page, if need to change a page to perhaps add a column, revise special trouble to all page handiwork again, accordingly we can revise a function to solve this problem through the pattern plate of Dreamweaver MX 2004. After for instance we undertook modification to pattern plate, move " File → Save " the command will save pattern plate, can play a clew casing inquiry to whether update all pages that used this pattern plate at that time (graph 5) , updated page number and newer time can be shown to wait for information after affirming.

  

Additional, dreamweaver MX 2004 still offerred to change for the webpage the function of pattern plate, such changing pattern plate resembles changing clothes to the person a bit, want to had made all sorts of pattern plate only, want to wear which wear which next. Nevertheless pattern plate also can not change casually, can change the condition of pattern plate is the page that is changed must found through pattern plate, and in the page can edit area number and name must with should change of pattern plate can edit area number and name photograph are consistent. Than in be like a webpage, having 3 can edit area, the name is T1, T2, T3 respectively. Still have a pattern plate additionally, no matter this pattern plate what structure, want it to also 3 can edit area only, and the name also is T1, T2 and T3, can change for former webpage so with it new pattern plate, and 3 can edit area content in the page keep changeless accordingly. Change specificly pattern plate method is very simple also, should move only " Windows → Templates " the command opens pattern plate face plate, can choose appropriate pattern plate from upside area right now, click next " Apply To Page " pushbutton, can finish pattern plate very quickly to change so operated.

Little hint:

The relevant content of pattern plate is very actually much still, nevertheless length of be confined to can choose partial introduction only, hope everybody can draw inferences about other cases from one instance, understand the excellent place of essence of life of pattern plate thoroughly

Patulous Dreamweaver: What define tripartite label oneself is analytic

Patulous Dreamweaver: What define tripartite label oneself is analytic

Because making the development of Dreamweaver plug-in unit all the time recently, the data of Chinese is very little, him English is differred again, when examining English data not by giddy. After be forced to do translates the content with serious wh some of which into Chinese, when looking, just feel frank many. This section is chosen from Dreamweaver 8 accessary " Extending Dreamweaver 8 " , when translating, consulted island of a person adept in martial arts and given to chivalrous conduct is translated " Dreamweaver 4 Chinese is helped " . Nevertheless simple minded says impolitely, with golden hill the software of fast interpret and so on translates the certain part that I suspect to that is helped a bit, read anyway rise more difficult than English.

The server carries a technology, for instance ASP, Macromedia ColdFusion, JSP, and PHP uses special blame HTML grammar inside HTML file, the server is founded on the foundation of these code and provide the content of HTML format. Detect when Dreamweaver blame HTML label, dreamweaver can call the definition file of tripartite label to compare them, these files appoint Dreamweaver how to be read take and show these ticket.

Cite a case, it is besides HTML language of the standard, ASP file still was included for the ASP code with analytic server. ASP code looks and HTML ticket is similar, it by a pair of label, initial <% and the %> that shut, will label. There is a file that the name is Tags.xml in the Configuration/ThirdPartyTags folder of Dreamweaver, this file is all sorts of tripartite label that use a description to include ASP inside are normative, defined Dreamweaver how to display these code. Use this kind of method, ASP code is in Tags.xml already by the standard, so Dreamweaver won't try to be in again <% . . . Between %> analytic any code. It is nevertheless inside design view, it can show an icon is ASP code in order to express this. You can define your label, and can found a new label library document for every label, will appoint Dreamweaver how to read the ticket that take and shows you.

Attention: This part says how palpability defines Dreamweaver to show one each defines the method of label, but how is the editor defines the content of label oneself or was not being described attribute. How to found attribute to check implement will check and revise the attribute that defines label oneself, examine attribute to check please implement in order to obtain pertinent information.

Mode of the name that file of every label library can define a much perhaps each define label, type, content, indication standard and icon. You can found the label library file of aleatoric amount, but so that be read to take by Dreamweaver,they must be located in Configuration/ThirdPartyTags folder with processing. File of use.xml of label library file is patulous renown.

Clew: If you are having the job of several different websites at the same time (the person that assume becoming you is a free profession when) , you can define all label standards inside a file, deposit go up in a special site, when safeguarding cause someone else this site, you are OK and complete the ground include from the definition icon and attribute are checked implement inside label library turns over him.

You need to use a XML label that the name is Tagspec to define standard of a label. E.g. , the code below states a label that the name is Happy is normative.

<tagspec Tag_name="happy" Tag_type="nonempty" Render_contents="false" Content_model="marker_model" Icon="happy.gif" Icon_width="18" Icon_height="18"></tagspec>

You can use Tagspec to define two kinds of label:
·The common label of HTML formatHappy label example is the common label of format of a HTML. It begins at <happy>Label, beginning label and end data is included between label, end finally at </happy>Label.

·The label that string limits
The label that string limits begins with a string, end with another string, they and HTML empty label (and so on of such as Img) have similar place, because their both neither contains content,also did not shut label. If Happy also is the label that a string limits, its definition must include Start_string and End_string inside the standard two attribute. ASP label is the label that string limits, they begin from <% , to %>End, also did not shut label.

The information enumerate below each attribute of Tagspec label and virtual value. Contain asterisk (" * " ) the ticket that attribute shows not to apply to string to limit, optional attribute used big bracket ({} ) will mark; Conclude not hard, other belong to necessary attribute without what use big bracket label.

<tagspec>

Explain

About tripartite label establish information beforehand

Attribute

Tag_name, {tag_type} , {render_contents} , {content_model} , {start_string} , {end_string} , {detect_in_attribute} , {parse_attributes} , icon, icon_width, icon_height, {equivalent_tag} , {is_visual} , {server_model}

Tag_name represents the name that defines oneself. To the label that string limits, tag_name is used at detecting only a specific attribute is checked implement whether to apply to this label. If attribute is checked implement the first position in up to specification (it is namely actually inside the statement of group) included this label name and the asterisk on mark (" * " ) , so this examination implement the label that will be allowed to examine this type. Cite a case, the label name of ASP code is ASP, the inspection that allows to check ASP code implement *ASP* must be included in group. Check about attribute implement the information of API, consult please attribute is checked implement.

It is empty that Tag_type decides this label (resemble in front mentioned Img in that way) , still allow to beginning with shut content is placed between label (like Code label in that way) . This attribute to common (blame string limits) label is necessary, but the label that limits to string not become effective, because they always are empty. Virtual value includes "empty" and "nonempty" .

Render_contents is certainly in design view, this label shows content, acting still with specific icon. This attribute is necessary to be not sky label only, to empty label criterion not become effective (empty label itself can be offerred without content show) . This attribute applies at inserting attribute only external label, if a label inserts the attribute of other label,be worth inside, its content will not show (this paragraph is a bit fathomless, what I think of is the Object of and so on of RealMedia, Flash, those Param label inside? ) . Virtual value is "true" or "false" .

Content_model describes this label to be able to contain which kinds of content, still this label can insert the where of HTML file. Virtual value includes "block_model" , "Head_model" , "Marker_model" , and "script_model" :

·Block_model states this label can include the lump boy or girl friend of and so on of Div, P, and this label can appear in Body area only, perhaps insert other Body-content label inside, for instance Div, Layer and Td.

·Head_model states this label can include a written language only and can appear inside HEAD limits only.

·Marker_model states this label can include any effective HTML code, and can be put in any positions inside HTML file. The HTML checking program of the buy inside Dreamweaver defines oversight the label that is Marker_model. Nevertheless, checking program won't the content that these label contain oversight; So, although label itself is OK,everywhere is placed, but the certain place that its content brings about HTML possibly however produces a mistake. For example, simple text cannot appear (the Head element with lawful eliminate) the Head area in documentation, so you cannot put a Marker_model tag that includes pure text version in Head area (if you want so do, then you must replace the content mode of this label by Marker_model for Head_model) . The label of use Marker_model will show inside group (be located in P or such Div lump inside the element -- cite a case, inside a paragraph) , if want to let the paragraph that itself shows inside this label, around leaves cle an to go, so the proposal does not use this pattern.

·Script_model makes this label OK set any positions between label of the HTML inside documentation. Detect when Dreamweaver the label that uses this pattern, oversight all content of this label. Use this kind of number (for instance certain ColdFusion label) hind Dreamweaver will not analytic.

Start_string appoints the initial drop of the label that a separator limits as string. The label that string limits can be placed to be in any places that can insert annotate. To the code between Start_string and End_string, dreamweaver both neither can go analytic, code or also won't make a link. When been define when End_string, this attribute is indispensible.

The end of the label that End_string appoints a separator to be limitted as string is nodded. Same, when been define when Start_string, this attribute is indispensible.

Detect_in_attribute is appointed whether to want all code between oversight Start_string and End_string (perhaps beginning and between end label, if these two string are done not have,be defined) , no matter attribute or value are inserted between these code. Its acquiescent value is "false" , the label that usually nevertheless string limits should be this value setting "true" . For example, ASP label standard appoints Detect_in_attribute="true" , consider ASP label in-house to have the quote that includes property cost so, also will by Dreamweaver oversight.

Parse_attributes expresses to whether want analytic the attribute of this label. If the setting is "true" (acquiescent value) , dreamweaver will be analytic these attribute; If the setting is "false" , dreamweaver will what leave extra department " > " all code code before appearing is whole oversight. For example, the label of such as of such as Cfif should be this attribute setting "false" (because be in <cfif A Is 1>Inside such label, the combination that Dreamweaver cannot regard / of name of a pair of attribute as the value his comes analytic) .

Icon designates the method of the icon that matchs this label and file name. This attribute to empty label it is necessary, the blame empty ticket that cannot show to those content the design view in documentation window is medium additionally is necessary as much.

Icon_width appoints the width resembling element of icon.

Icon_height appoints the height resembling element of icon.

Equivalent_tag is ColdFusion Li Mou some appoint simple HTML equivalent with the label of the correlation that express sheet. Other label cannot use this property.

Is_visual appoints this label to whether be seen on the page. For example, coldFusion label Cfgraph is worth without what appoint Is_visual (accordingly use acquiesce is worth "true" ) , coldFusion label Cfset appointed the value of Is_visual to be "false" . Setting a dialog box beforehand " sightless element " inside one column, you can control the visibility of server label; The visibility of visible server label and label of not visible server can be installed apart.

Server_model, if installed this attribute, show Tagspec ticket only the page that applicable appoints server mode at belonging to. If do not have a setting, criterion Tagspec can apply at all pages. For example, of ASP and JSP delimiter accord with is same, but the Tagspec label of applicable JSP appointed server mode to be "JSP" , detect in JSP page when Dreamweaver so specific delimiter accord with, it can show the icon of a JSP; Should detect in blame JSP page same code, it can show ASP icon.

Content

Without (empty label) .

Container

Without.

Give typical examples

<tagspec Tag_name="happy" Tag_type="nonempty" Render_contents="false" Content_model="marker_model" Icon="happy.gif" Icon_width="18" Icon_height="18"></tagspec>

How does label show in design view from the definition

Define the pattern that the label design in documentation window shows in view oneself, the value that decides the Tag_type attribute at Tagspec label and Render_contents attribute (consult please what define tripartite label oneself is analytic) . If the value of Tag_type is "empty" , appoint icon with respect to what indication Icon attribute defines. If the value of Tag_type is "nonempty" , but the value of Render_contents is "false" , also can show icon in that way like empty label. If why an example of the Happy label that the example below demonstrated us to a moment ago defined inserts HTML code in:

<p>This Is A Paragraph That Includes An Instance Of The <code>happy</code>tag (<happy>Joe</happy>) . </p>

Because be in label standard, render_contents has been installed to be "false" , so Happy label (word Joe) will be not shown, begin and shut label to include the content between them to will be replaced a simple icon.

Be not empty label to what value of a Render_contents is "true" , design view won't show his for icon, show however begin label and shut the content between label (for instance the text between label, resemble such: It is to begin here with shut the content </mytag> between label) . If be in menu option, examine>Visible assistant>Sightless element already by pitch on, so these content will be used " code color " the color of tripartite label that parameter appoints comes Gao Liang shows (" code color " the label that uses at definition of label library file only)

How to change the tall bright color of tripartite label:

1, the editor in choosing menu option>First selection parameter, choose next " code color " column.
2, click casing of color of tripartite label in order to show color selector.
3, choose a kind of color, click next " affirmatory " shut set a dialog box beforehand. About how choosing color, ask additionally consult use Dreamweaver.

Avoid to adapt tripartite label

Dreamweaver will be corrective in HTML code certain and specific mistake, detailed information asks referenced use Dreamweaver. Below acquiescent circumstance, dreamweaver prohibits expanding HTML code is changed in the file of the name in specific file, these file names include.asp (ASP) , .cfm (ColdFusion) , .jsp (JSP) , and.php (PHP) . Such acquiescent setting is to make sure Dreamweaver won't revise any including accidentally the code inside blame HTML label. You can change the acquiescent adapting behaviour of Dreamweaver, so that be in,HTML adapts code when opening this kind of file, the file type that and you also can be in Dreamweaver prohibits adapting adds other file types inside list.

Check input of certain and special character to attribute when you implement when, dreamweaver can code them into numerical value. Generally speaking, letting Dreamweaver implement this kind of code is best, because these special character are in,span different platform and browser when, be indicated the possibility better. Nevertheless, because this kind of encode can affect tripartite ticket, when the file that includes tripartite ticket in the editor when you so, you should change the encode behaviour of Dreamweaver possibly.

Allow Dreamweaver to adapt in the file of more type HTML:

1, the editor in choosing menu option>First selection parameter, choose next " code adapts " column
2, below the choice any:
·Amend illegal nest label or did not end label
·Delete redundant end label
3, carry out a below:
·From " never adapt code: In containing patulous document " the file expands the name is deleted inside list one or more.
·Cancel " never adapt code: In containing patulous document " option. Ask an attention: Such meetings bring about Dreamweaver to be able to be in the file of any types adapting HTML code.

Add the file kind that Dreamweaver prohibits adapting:

1, the editor in choosing menu option>First selection parameter, choose next " code adapts " column
2, below the choice any:
·Amend illegal nest label or did not end label
·Delete redundant end label
3, affirm " never adapt code: In containing patulous document " already by pitch on, in expanding new document the name joins the list of text casing.

If new file type won't show,be in " file>Open " of the dialog box play a menu inside, you may need to increase it to Configuration/Extensions.txt folder inside. Detailed information, consult please the file type that transforms acquiesce.

Shut the encode option of Dreamweaver:

1, the editor in choosing menu option>First selection parameter, choose next " code adapts " column
2, cancel two " special character codes " the any in option.

About " code adapts " the other information that parameter chooses, consult please use Dreamweaver.