Monday, October 5, 2009

A certain number of Dreamweaver skill

Found define a command oneself

A of Dreamweaver the most useful function is " historical face plate " . Be based on historical face plate, dreamweaver can establish new command series. Want to found a command, need to carry out you simply to want the move of the record only. Next, in historical face plate, the choice wants saved move, be in right next horn are clicked " save for " icon, have a name, click OK. Right now, appear your in from definition command " command " in menu, can use at will.

Found define a target oneself

"Object face plate " special interest inserts a project quickly at be in the page, for instance watch sheet, frame is waited a moment. Should found define a target oneself, found a file above all, want to include you to want to insert the code in documentation among them. For instance, should found " CNET Builder.com " news casing, download this paragraph of code above all and save for " Newsletters.htm " , next, to a new face plate is founded in object window, in wanting to install catalog in Dreamweaver " ConfigurationObjects " next founding a folder, the name can be installed along with you, be called for instance " My Objects " . the file " Newsletters.htm " place this catalog to fall. In the meantime, need an icon document that represents new target. Can oneself found an icon file, flat perhaps let Dreamweaver insert a common icon. If be his,found icon, notice to build a 18 × please the GIF file of 18 elephants element. Maintain graphical file presence same below catalog, the name of name and new target is same.

Now, the new Dreamweaver that start perhaps chooses readjustments to enter Extensions (press Ctrl bolts, click object window to play a menu) , you can see a new functional page in object window, icon is your set that. You can resemble an operation other target is same, this new target goes to daggle in the page.

If be familiar with Javascript, you can establish more complex object and other and patulous program, for instance float face plate, behavior is waited a moment. Or, you are flat download off-the-peg object from Macromedia Exchange.

Change the mouse position of the person that browse

This comes true through editing CSS style to express. Specific means is: Choose " text>CSS style>Editor style is expressed " , play an editor style to express the window, amid dot is chosen " build " pushbutton. Choose then " found define a style oneself " , to this style the watch gives a name, click affirmatory. Compile this style list, choose to the left " patulous " , in right " cursor " be chosen the effect of pressing with a finger that choose should appear can.

Mark makes the anchor that uses Dreamweaver jump mediumly in a page turn link

Use Dreamweaver " anchorage mark " we can realize this function. Specific means is: Move cursor to want to jump to you the place that turns, in choosing menu " insert > name anchor to write down " , input the name that anchor remembers. Next, the link that wants to call a link in you is inputted in target casing " # bookmark name " , inside a such pages jump turn the link has been done. Here, if we remember the name that the webpage writes before the name in anchor, can jump the bookmark place that turns in other page. Input in joint e.g. us " Index.htm#top " , can jump when the person that browse clicks this link turn in Index page " Top " anchor is written down place.

Take out picture and form contact local space

The place that should make picture and form are contacted not interspace, set frame on form attribute face plate only for " 0 " be no good, still need to go up to establish two property of unit case in the attribute face plate of form for " 0 " (namely Cellspacing="0" and Cellpadding="0" ) .

With dog the position of each element in webpage of image help fixed position

"Dog image " it is Dreamweaver a very valid function, it allows an user to design draft to regard as in the plane with webpage former lieutenant general additional setting. So come, the user is very OK locate the webpage element such as character, image, form, layer is in conveniently the position in this page. Dog of image specific using is such: Use all sorts of plot software to make the plan of webpage composing structure in an imagination above all, save this graph next for network image format (include Gif, Jpg, Jpeg and Png) . Open you with Dreamweaver an editorial webpage, choose in menu " revise > page attribute " , in shooting the dialog box that give next " dog image " in the plan of webpage composing structure that the input a moment ago established is in the position. Dog in the set in image diaphaneity again the diaphaneity of image, OK. Such you are OK locate conveniently in current webpage the position of each webpage elements. Used dog the webpage of image won't show setting pattern again when editing with Dreamweaver, but the as it happens when should using a browser to browse is contrary, dog image disappeared, what what see is to pass editorial webpage (can show setting pattern of course) .

About " change form width into like element " and " change form width into per cent "

" form width changeover is become like element " and " change form width into per cent " , it is the main function of the width of two settings form of Dreamweaver. When you open a webpage that contains form, pitch on a certain form, can see these two pushbutton in the face plate of form attribute tool that shows subsequently. Just as its name implies " change form width into like element " namely form in the width of all and unit case expresses with resembling element, and " change form width into per cent " it is all unit in form the width of case represents with per cent. Consider their effect carefully, if indicate the breadth of a form in order to resemble element completely, when the window that browse is magnified, form won't magnify subsequently the width of unit case. And used " change form width into like element " hind can make you are in " 640 × 480 " the 100% wide form that build below resolution are below higher resolution maintain the width of 100% as before. Use these two functions to be able to make alive so webpage composing get twice the result with half the effort.

5 when Dreamweaver may not understands little skill

Let DW bear Chinese file name

It is the material that names with Chinese, OK also that Dreamweaver can be inserted the webpage that the link names with Chinese. After insert material or linking a webpage switch arrives code window, name of file of will random code the Chinese file name with corresponding instead can.

Define the character with changeless size

Change setting of browser font size, dimension of the font in the webpage also can produce change. If used the CSS style in the webpage to express a technology, won't appear afore-mentioned circumstances. Use shortcut key " Shift+F11 " open a style to express " CSS Style " editor, mouse right key is clicked to carry out in the window " New CSS Style " command, the pattern that builds property of style of written language of a control, name is expressed, add its in the page, can see the change that page text produces. The text font dimension of the definition tries to still can follow a browser when previewing choose font size and change.

Catenary receives two webpages

Exceed a link to be able to connect a page only, if documentation is opened in different frame page, can use " Go To URL " behavior. Open a webpage that has frame, the choice needs to exceed the character of the link or image, choose from inside Behaviors behavior face plate next " Go To URL " behavior. All practicable frame shows in shooting a dialog box of Go To URL, choice among them a framework that we consider to link inputs corresponding URL, choose another frame again next and input another URL can.

The clearance of take out picture and form

The place that should make picture and form are contacted not interspace, go up in form attribute face plate only outside casing line (Border) is set for 0 be no good, still need to go up to establish two property of unit case in the attribute face plate of form for 0(namely Cellspacing="0" and Cellpadding="0") .
  
Realize a webpage 5 minutes every refresh

Choose on the Insert function face plate of Dreamweaver MX " Head " functional group, click face plate to go up " Refresh " pushbutton, play piece " Insert Refresh " dialog box, be in " Delay " in input with the time interval of second plan, for instance every 5 minutes of refresh, input 300. Go up in this dialog box finally answer anthology " Refresh This Document " refresh is current the window can.

Dreamweaver is practical little skill

How to solve the gap of cut picture

Ask: I have one magnify picture, it joining together undertakes in Dreamweaver after cut, but always have space, do not know why?

Answer: Do not know you to whether be apart from the edge of form, span and frame setting are 0, want to notice the setting of the distance between the section when breaking up a picture and form went only.

How to appear new window

Ask: When should clicking a link excuse me, the window that how allows a link " jump " come out, is the window that lets original page turn to that to link?

Answer: You are OK pitch on should be linked, get on attribute face plate next " Target (target) " instead " _blank " OK (if pursue 1) .


Graph 1

How to input blank space

Ask: I often should input blank space when editing a webpage, but always do not let an input! How to input excuse me?

Answer: This problem often somebody mentions. Its cannot input blank space directly in honest Dreamweaver, you can click " Insert (insert) " -- " Non-Breaking Space (insert blank space) " (shortcut key: Ctrl+Shift+ blank space bolts) the purpose that will realize input blank space, but should noticing to editing cannot see the effect below condition, on the browser only ability sees! Additionally one kind of very simple method is: your input method the setting is full role condition (if pursue 2) . If you think next seeing to compiling position, tell you a the most original idea: In software of editor of a few characters (for instance notebook) duplicate blank space, undertake in Dreamweaver next stickup.


Graph 2

About the keep to the side of the page

Ask: The webpage that I do all around always keep a bit distance, how do I want to let its keep to the side should be operated?

Answer: Choice Modify (revise) -- attribute of Page Properties(page) , in the dialog box that appearing Left Margin(left bound) , the border on Top Margin() , Margin Width(border is wide) with Margin Height(border tall) install for " 0 " OK (if pursue 3) .


Graph 3

About the changeover of the layer

Ask: To go to the lavatory, my homepage had a lot of places to use a layer, but cannot show correctly on the friend's computer (note: The friend's browser is IE3.0 version) ! Do not know why?

Answer: IE3.0 can not identify correctly to all layers, still using prior browser considering some netizens, you are OK a form of layer translate into. Specific means is to click " File (file) " menu, choice " Convert (change) " , choose next " 3.0 Browser Compatible (3 edition are browsed compatible) " , the pitch on in the dialog box that appearing " Layers To Table (turn the layer for form) " , last point OK is.

Why can appear the identifier of yellow color

Ask: When I am editing a webpage with Dreamweaver, appeared maize identifier, do not know why?

Answer: Identifier does not match or illegal identifier causes this, the means of settlement deletes illegal identifier namely or amend incorrect code.

What is plug-in unit

Ask: I often see a few introductions about Dreamweaver plug-in unit and download on the net, what meaning is knowing?

Answer: Plug-in unit is a of Dreamweaver distinctive function, it is OK to use it the function of augment Dreamweaver, downloaded on the net e.g. you can make the plug-in unit that menu helps below trends, so later you want only a few mouses install dub to be able to make a trends fall pull menu, won't resemble giving or take a lot of trouble in that way before again.

Create webpage mouse form with Dreamweaver MX

   Is inclined up the appearance of arrowhead, however crisscross, or the arrowhead of towards the left, or interrogation is waited a moment. Think when you the different position in the webpage lets a mouse show different figure, when the style that reflects extraordinary in order to reflect the website that different functional area; thinks to let you when you, consider to fluctuate in mouse style kongfu. The use of mouse style is very actually extensive still, how can you just realize the different type of the mouse so? The Dreamweaver that start, open you to want to apply the webpage of mouse style, in advocate menu is pulled below Text of the choice in the window, reelection choose CSS Style child the New Style command in menu builds a style to express. (Note: Quan  astounded is able to bear or endure  holds tip of  of Hui of award of  of Zi of Bi of Xing Ya  to circle ≡ 馛 SS Styles Edit Style Sheet edits a style to express. ) shoot a New Style dialog box right now. Among them Type 3 sheet choose pushbutton: MAke Custom Style, Redefine HTML Tag, Use CSS Selector. Among them Make Custom Style is to define a style oneself, modal name with dot begin;Use CSS Selector it is use CSS selector, 4 are included to exceed link style inside  

      A:aCtive/a:hOver/a:lInk/a:vIsited;Redefine HTML Tag is the style that defines HTML system tag, if Abodybr is waited a moment. Assume we are opposite only of this page exceed a link to set mouse pattern, here chooses the A label in option of Redefine HTML Tag. The Define below choose This Document Only. Click OK pushbutton. Shoot a dialog box of Style Definition For, link a style to install into unfavorable balance of trade. Left Category is modal category, here is right other do not make an explanation, we choose Extentions. The Cursor that can see right Visual Effect is medium, the key that this sets mouse pattern namely. Click right next pulling menu, choose the mouse type that you need, it is OK to click OK pushbutton. All kinds of form discusses below roughly meaning.

Hand:  of Qian moth appropriate illuminate low in さ neon
Crosshair:  fade stops to cut ∥ Quan bright Zi to multiply  Mei difficult  in scabbard  be good at
Text: Look wrings litter of  of deficient of separate of pen an insect destructive of the roots of seedlings to seek old department difficult  be good at
Wait: Chasm however  of  male Ч
Default: Which is quiet   of the Ч in invading
Help:  of soft of an insect destructive of the roots of seedlings of neon of Nuo of Qian  excrement be good at
E-resize: Two of  of collect of course of study of Qi of a key to do sth
Ne-resize: Play of doubt of Qi of a key to do sth falls collect  two
N-resize: Razor clam of a key to do sth fastens collect  two
Nw-resize: Play of Zhao of clam of a key to do sth falls collect  two
W-resize: Chu of  of collect of Shan of clam of a key to do sth
Sw-resize: Two of  of collect of busy of sheng of clam of a key to do sth
S-resize: Two of  of collect of busy of Si of a key to do sth
Se-resize: Formic road of Qi of a key to do sth falls collect  two
Auto:  of male Ч of far  of low spoon of a key to do sth

Also can use the type at other label according to needing you of course, a pure perhaps application Yu Mou a paragraph of text. If the reader is not unfamiliar to CSS code, probably direct and handwritten code is more convenient. Especially, if you want to use different mouse type in different position, different perhaps label uses different mouse type. Write the style in a certain specific label directly inside OK.

The method is: ≪ Tag Style=cursor:mOuse_style> . Among them Tag is label name, mouse_style is mouse style, if Hand/crosshair/text/wait is waited a moment.

A specific example is lifted to understand in order to deepen everybody to what mouse style installs below.

<span Style=cursor:hAnd>   Hand:  of Qian moth appropriate illuminate? /span> lows in さ neon

  <Span Style=cursor:cRosshair>crosshair:  fade stops to cut ∥ Quan bright Zi to multiply  Mei difficult  in scabbard  be good at? /span>

  <Span Style=cursor:tExt>text: Look wrings litter of  of deficient of separate of pen an insect destructive of the roots of seedlings to seek old department difficult  be good at? /span>

  <Span Style=cursor:wAit>wait: Chasm however  of  male Ч ? /span>

  <Span Style=cursor:dEfault>default: Which is quiet   of the Ч in invading? /span>

  <Span Style=cursor:hElp>help:  of soft of an insect destructive of the roots of seedlings of neon of Nuo of Qian  excrement be good at? /span>

  <Span Style=cursor:e- Resize>e-resize: Two of  of collect of course of study of Qi of a key to do sth? /span>

  <Span Style=cursor:nE-resize>ne-resize: Play of doubt of Qi of a key to do sth falls collect  two? /span>

  <Span Style=cursor:n- Resize>n-resize: Two of  of collect of department of razor clam of a key to do sth? /span>

  <Span Style=cursor:nW-resize>nw-resize: Play of Zhao of clam of a key to do sth falls collect  two? /span>

  <Span Style=cursor:w- Resize>w-resize: Chu of  of collect of Shan of clam of a key to do sth? /span>

  <Span Style=cursor:sW-resize>sw-resize: Two of  of collect of busy of sheng of clam of a key to do sth? /span>

  <Span Style=cursor:s- Resize>s-resize: Two of  of collect of busy of Si of a key to do sth? /span>

  <Span Style=cursor:sE-resize>se-resize: Formic road of Qi of a key to do sth falls collect  two? /span>

  <Span Style=cursor:aUto>auto: ?lt; /span of  of male Ч of far  of low spoon of a key to do sth>

Will above beat of this paragraph of code arrives in your webpage, preview by F12. Move your mouse corresponding text upper part, see a mouse what change there is? Showed with corresponding style?

Make full use of of Dreamweaver8 search replace skill

In the webpage process that make, perhaps we can encounter such situation, a large number of webpages that become us had been finished, discover they have a common error to need to revise however. Rely on handiwork completely impossibly to was changed at that time, how to do? Use Dreamweaver8 to be searched mediumly replace can help you be finished well and truly revise.

Everybody uses those who cross the software such as Word to search replace a function, of Dreamweaver8 search replace function and those of software search replaced usage likeness, but the function is more powerful. Search in it accurate restriction can be used even in replacing a dialog box will control search a process. We carry menu column - editor - search and replace, or shortcut key " Ctrl+F " , open " search and replace " dialog box, pursue as follows.



Click uppermost " search limits " the limits that next pushbutton that draw a line will come to choose to search, pursue as follows. Have 6 option, the first is search in the character of place pitch on, the 2nd is to be in current place is searched inside editorial webpage documentation, the 3rd is search in all documentation that open now, the 4th is search in designation folder, if our pitch on this, can appear in right a choice frame that is used at appointing folder, click folder shape pushbutton to appoint folder, the 5th is search in the file of make choice of of the place in the site, the 6th is search in all files in the whole site that founds in us.



Below " search " the type that uses a choice to search, pursue as follows. Have 4, the first is it is to point to search a type to be HTML code, the 2nd is text, point to blame HTML code, the 3rd is text (advanced) , the dot chooses this, the dialog box of farther choice can appear below, the 4th is to point to search a type to appoint label.



Be in next below " search " the content that the input in casing should search, below " replace " the content that the input in casing should replace.

For example, we are OK an all webpage documentation are medium " Dreamweaver " instead " Dreamweaver8 " , OK also the comma all half horn in documentation " , " the comma of instead full role " , " etc.

Dreamweaver erect website is culminating tutorial

One, definition site

1, in random catalog of a root falls had founded a folder (E is suppose here dish) , be like entitle MyWeb.
*** remarks: The document that uses in the website should use English name.
2, open Dreamweaver, choice " site, build a site " , open a dialog box. The name that inputs a website in site name (usable Chinese) , the folder that in folder of this locality root the choice a moment ago founded (E:wEb) . Decide next can.
*** remarks: Open Dreamweaver again, can find the site that a moment ago established automatically. If have many sites, can be in menu " site, open a site " in go choosing.

2, found a page

1, in E:\ of this locality folderThe blank below MyWeb is in, choose by right key " build a file " , had built a page so, acquiescent file name is Untitled.htm. Htm states this webpage file is the HTML file of a static state. Give it incognito for Index.htm.
*** website the name of the first page is Index.htm or Index.html normally. The name of other page is OK oneself are taken.
2, the editor condition that doubleclicks Index.htm to enter this page. Webpage name is inputted in caption blank space, choose page property by right key, open " page attribute " the window. Can set color of the caption of the website, setting or back picture here, the color of super link (general acquiesce can) , other keep acquiescent can.
3. Right now cursor is located in top left corner, importable a word, be like " the homepage that welcomes to me " . Choose a written language, with menu " the window / attribute " open attribute face plate, choose literal size for 6, make again literal be placed in the middle, make with a few carriage return before the character its are located in among the page next.
4. If want to choose style, last in choosing style: Compile font list. Be chosen in the dialog box next + date, be in then " usable font " a kind of font in choosing to need to join font list in column, the between pushbutton in clicking can be joined.
*** is the most commonly used on the webpage is Song typeface. Do not sum special form of a written or printed character in list to use, because was not installed on others computer,cannot see. If need to use, want the reuse after make it picture.
*** infiltrates on the webpage the method of blank space is: It is input method attune full role.
*** is on the webpage the method of line feed is: Shift+Enter. It is by Enter only change paragraph.

3, add a picture for the page

1, in E:\ of this locality folderThe blank below MyWeb is in, choose by right key " build folder " , built a folder so, will put a picture with it, OK and incognito it is OK to be Tu or Pic or Images.
2, with menu " the window / object " open object face plate, click " insert image " , the picture that should insert is chosen in the dialog box. If meet occurrence dialog box: "Are you willing to duplicate this file is a folder medium? " , must choose " be " , save it the folder that just had built next in.
3, pitch on this picture, open attribute face plate, can above name for the picture, what set a picture afresh is tall, wide, stall the dot on picture horn can greaten small. Press Shift key, pull the point that moves horn to go up again, can make the picture maintains drawing of aspect ratio exemple. If want to restore this original size, click right of next horn " set size again " pushbutton.
4, " link " can input an address here directly. "Replace " the specification that is a picture, namely the character that the mouse points to picture place to show; "Frame " it is picture frame width, "Right neat " it is pair of neat means.

4, add super link

1, add a link for the character.
For instance, input on the page " my article " , next its pitch on, open attribute face plate, be in " link " in one case, the page that chooses its place to want to be linked can. From the back one case " target " we are general and commonly used is the new window that Self opens namely replaced the window that opens now; Or it is to choose Blank to open new window namely.
2, add a link for the picture
With above literal link manages together, insert a picture, link the choice in one case mediumly in attribute face plate next can.
**** picture can establish different many links. The method is as follows:
In attribute face plate " map " below have a few figures, click square for instance, cursor becomes a cross, the hot area of rectangle of a blue is drawn on the picture, can think on attribute face plate this setting that heat up an area links an address right now, the mouse is pointed to can show. Same, reoccupy circle sets a hot area, can install other link for this picture again.
3, add E-mail link
Pitch on needs to add the character that E-mail links or picture, open attribute face plate, in " link " the input in one case fills in mailing address. The form is as follows: Mailto: Only then swell Chi of Huan of Ru of bits of hut of ⒁ of W of  Piao two?
4, if link the file that the browser cannot open, for example the file such as Exe, Zip, so the person that browse is in when clicking this link, with respect to meeting implementation the file downloads, or it is online the function that broadcast.

5, the use of form

1, click insert / form, open form face plate to undertake installing. Number of linage, row, width, frame, "Unit case fill " the distance that is unit case inside and content; "Unit case span " for the distance between unit case, the unit all is like element.
2, after inserting form, click on the frame of form, can choose whole form completely. All sorts of settings can have in the attribute face plate below next.
3, move cursor among them an unit case, the attribute face plate that sees right now, it is the attribute face plate of unit case. Also can have all sorts of operations about unit case. If carry picture of scenery, background, frame, amalgamative, fractionation on the back,wait.

6, the other operation about form

Make filament form principle:
1, pitch on is whole form, install its setting to be black (this color namely the color of form line) .
2, pitch on is all and unit case, install its setting to be white.

2 automatic formats turn table
1, had made a piece of form first, next pitch on.
2, the command in choosing menu / the format turns table. Can choose set pattern of good a few form beforehand among them namely.

31 break up like element
1, insert 1 1, wide for 200 resemble element, frame edge is apart from all be the form of 0.
2, pitch on form, setting form is high 1 like element, set scene of a setting (the line color that wants namely) .
3, switch is mixed to code design window, delete code.

7, build whole page with form form

One webpage coping (include bill of fare of icon, advertisement, navigation commonly)
1, found 1 2, wide for 760 resemble element, frame and edge are apart from all be the form of 0.
2, pitch on form, the setting arranges means to be opposite for be placed in the middle neat, setting color is #3366CC.
3, cursor park left in unit case, install its level platoon to label left-justify, perpendicular platoon labels top to be opposite neat, insert a piece of image next, what insert here commonly is the icon of the website, namely Logo.
4, unit of cursor park right in case, install its width for 500, horizontal platoon labels be placed in the middle to be opposite neat, perpendicular platoon is labelled among, insert image next, it is webpage advertisement commonly, namely Banner.
5, after the form that just completed cursor park, insert / form, found 1 1, wide for 760 resemble element, frame and edge are apart from all be the form of 0.
6, the form that pitch on just founded, the setting arranges means to be opposite for be placed in the middle neat, setting color is #005173.
7, ordinal in this form insert many image, as navigation menu.

2 webpages are mid (list of left column list, column of intermediate website news, right)
1, in navigation at the back of form, insert / form, found 1 3, wide for 760 resemble element, frame and edge are apart from all be the form of 0. Install arrange means to be opposite for be placed in the middle neat, setting color is #FFFFFFF.
2, cursor park left in unit case, install its width for 18% , horizontal platoon labels be placed in the middle to be opposite neat, perpendicular platoon labels top to be opposite neat, insert a piece of image next, insert a navigation.
3, after the picture that just inserted cursor park, insert / form, insert 12 1, wide for the form of 90% . Install span of its unit division for 1, setting color is #CCCCCC.
4, put cursor in form in the first unit, install its to be high 20, setting color is #FFFFFF. Insert / image, insert the bit before character of a navigation. Same setting is other 11 unit case, so left column classified list to be finished.
5, in the intermediate unit case form of cursor park main body, install its width for 66% , horizontal platoon labels be placed in the middle to be opposite neat, perpendicular platoon labels top to be opposite neat, insert next / image, insert a navigation.
6, cursor park image hind, insert / form, insert 4 1, wide for the form of 95% . Install span of its unit division for 1, setting color is #CCCCCC.
7, in the first unit case cursor park form, procrastinate use a mouse, 4 unit case pitch on, the setting is high 60, setting color is #FFFFFF.
8, in the unit case right of table of cursor park main body, install its width for 16% , horizontal platoon labels be placed in the middle to be opposite neat, perpendicular platoon labels top to be opposite neat, insert / image, insert a navigation.
9, cursor park image hind, insert / form, insert 7, wide for the form of 90% . Setting meantime is apart from for 1, setting color is #CCCCCC.
10, press Ctrl key, click the form that just inserted with the mouse the 1st, 3, 5, 7 unit case, what install them next is tall for 55, setting color is #FFFFFF.
11, pitch on the 2nd, 4, 6 unit case, install its to be high 6, setting color is #FFFFFF.
12, switch arrives source code window, will the 2nd, 4, the blank space symbol in 6 unit case " " delete.

3 webpages are bottom (include copyright information etc commonly relevant content)
1, form of cursor park main body hind, insert / form, found 2 2, wide for 760 resemble element, frame and edge are apart from all be the form of 0.
2, pitch on form, the setting arranges means to be opposite for be placed in the middle neat, setting color is #3366CC.
3, cursor park form in the 1st left and unit case, install its width for 50% , horizontal platoon labels acquiesce, perpendicular platoon rates base line, setting color is #FFFFFF, input copyright information next, content color is informal.
4, cursor park form in division of unit of the 1st right, insert / image, insert image of a round horn, email model of written characters is inputted at the back of it, install its size and color to be 1 with #FFFFFF.
5, insert / the object that express sheet / text region, insert region of a text, width is OK and optional.
6, insert / image, insert the image of a GO.
7, setting page attribute. Click menu to revise / page attribute, in caption caption of the input in one column, choose background picture, establish coping border for 0.
Cent of branch of will whole webpage puts *** to be combined in different form and be become, still can accelerate a browser to read the time that takes a page. ; Because after reading whole form, the browser just shows content, so had better not casing is in whole in a form.

8, build whole page with layout form form

1, click insert / layout, the layout view pushbutton inside, arrive with respect to switch layout view status (acquiesce is standard view) . Also can use bill of fare in examine / form view / layout view will enter.
2, click pushbutton of scale layout form first, found a layout form like plot in the page next.
3, resemble an example same, first the coping of scale good webpage, again mid, again bottom old table.
4, click pushbutton of division of scale distribution unit again, be in next already in the layout form with good scale, again division of scale distribution unit.
5, return standard view, in the form that has differentiated, insert the small table of nest again, refine the page again, can complete the design of whole page.
**** notices to put whole page in an old layout table, because such webpage browses speed,meet very slow. Should differentiate according to the layout of the page and content a form of a few layout, next amid inserts distribution unit division respectively.

9, the use of the layer

1, click insert / layer. Also can click icon, procrastinate next move a mouse to found give a layer.
3, the layer that pitch on founds, see attribute face plate. "Layer number " and " label " use acquiesce can. "Layer number " the need when process designing is used, we are general now need not. "Go up " the distance that is apart from the border on the page namely; "Left " it is the distance that is apart from left bound. "Z axis " the order that is a layer, the overlay with large number is in the number is small above.
If **** does not install color when, the layer is transparent.
4, the small pane that nods middle-level top left corner can procrastinate at will eat a layer, size also can adjust.
5, " spill over " in one column, when the character when over size, the share that Visible(exceeds shows all the same) , Hidden(exceeds a part to conceal) , no matter Scroll(has deny exceed, show scroll) , Auto(has occurrence roll of the ability when exceeding) .
6, click menu window / other / layer, administer occurrence layer the window right now. Can the name of amid modification layer and Z axis value, also can click eye icon to make a layer visible or invisible. Still have an option that prevents jackknife.
7, of the layer right neat. Press Shift key, at the same time pitch on a few layers. Use next revise / right neat, with the option here.
8, nest layer. ⑴ inserts a layer in documentation above all. Park of ⑵ general cursor this inside, continue to insert a layer next, got nest layer. The birdcall layer inside ⑶ , the father layer outside. Their Z axis order is same. When pulling the layer that use male relative of a senior generation, child the layer also can move relatively. Move when mover layer, father layer won't move subsequently.

10, understanding time axis

1, the insertion in clicking menu / layer, insert a layer.
2, the picture is inserted in the layer, be like the picture of a piece of plane. (the.gif image that the picture here also can be a piece of small animation)
3, the window in clicking menu / other / time axis, open time axis window.
4, the layer that founds on pitch on page, the small pane icon that presses a top left corner with the mouse, in pulling the layer the 1st frame that puts time axis. Founded a length automatically to be the time axis of 15 frame at this moment.
5, the 1st frame on axis of pitch on time, the page medium layer pulls put page top left corner, namely animation in the begining the position.
6, the 15th frame, can procrastinate move this frame to come aleatoric length, be like 30 frame.
7, pitch on the 30th frame, pull the layer the right lower part that puts a page, the layer is shown to arrive from the 1st frame in the window right now the athletic contrail of the 30th frame. (Right now motion is linear)
8, the 15th frame in can be being nodded, right key is chosen " increase crucial frame " , in pitch on the condition of the 15th frame falls, procrastinate move a layer to arrive in the page lower part.
9, tick off anthology " broadcast automatically " .

11, card of announcement of the scroll that make

1, a layer is inserted on the page, set a backdrop for the layer next, regard announcement as the frame of edition.
2, insert nest layer in the layer that found next, nest layer shift arrives the lower part of father layer.
3, text is inputted in nest layer, arrange its be placed in the middle.
4, open time axis face plate, will child the layer is added in face plate as the object.
5, for child the method that the layer establishs to move up, its shift arrives the upper part of father layer.
6, procrastinate use last crucial frame, grow animation time, tick off next anthology " broadcast automatically " and " circularly " two.
7, layer of father of make choice of, in lieutenant general of its attribute face plate " spill over " attribute setting is " Hidden " .

12, Flash animation is used in the page

1, click the Flash pushbutton in inserting, can insert an animation for the page. Also can choose menu to insert / media / Flash will complete this one step.
2, the animation that pitch on already inserted, see attribute face plate. What it can install here is wide, tall, also can move through procrastinating will change size.
3, can click here " broadcast " will preview animation.

13, the Flash animation that lets insert becomes transparent

1, should have had powerful connections on the webpage, or it is to want to insert Flash animation again on a piece of picture, and Flash animation itself also has powerful connections color, meeting influence is so beautiful, at this moment we want its make it transparent animation.
2, if a piece of graph is inserted on the page,resemble.
3, a layer is inserted on image, the Flash animation that needs very much is inserted in the layer.
4, animation of pitch on Flash, click in attribute face plate " parameter " pushbutton.
5, in " parameter " one case inputs left " Wmode " . In the right side " value " one case is inputted " Transparent " .

14, voice is broadcasted in the page

1, after finishing full page, if want to add background music for this page, noticing background music is *.midi file commonly, such sound file is very little, download quickly easily, other form does not suit to serve as background music.
2, besides all in the page form, (this one shows only in noticing the label that edits window wrong lower part right now chooses column, or be in different point playing role one, such ability make sure this behavior is to be added on whole page) . Click behavior window to go up " + " pushbutton, (or with menu window / behavior, open behavior window. )
3, choose from inside playing a menu " broadcast voice " . Open a dialog box.
4, use in this dialog box " browse " the voice that the choice should broadcast, affirmatory.
5, at this moment on behavior face plate showed incident automatically to be Onload, the movement is broadcast voice. Click this group, a pushbutton appears among. Click pushbutton, can install this sound to be broadcasted below what incident. Can choose " indication incident " / " IE5.0.
6, we are like Onload commonly usedly (when the page loads) , OnClick (click a mouse) , OnMouseOver (the mouse moves to OnUnload(be duped to close a page to the object) , when) etc.
7, this behavior also can be installed go up in the picture, on literal link. Before voice is broadcasted on literal link, add an empty link for the character first, choose Chinese word namely, in the link one is inputted in one case " # " symbol.

15, play a window

1, the page that makes a preparation show in fenestella mouth above all (for instance A.htm) , because this plays a window cannot too big, so content wants a few less.
2, the page that opens to had been made, beyond all my form in moving cursor to the page, click behavior window to go up " + " pushbutton, choose from inside playing a menu " open browser window " .
3, in the dialog box in the setting with corresponding input. The URL that should show namely A.htm, window width and him height are decided, the unit is like element. The each parameter need in attribute is hit tick off.
4, after the setting ends, dot " affirmatory " . Right now behavior window lieutenant general shows open the window that browse this behavior, touch hair condition to be Onload, if not be to want this, install with respect to oneself.
5, this behavior also can be installed go up in the picture, on literal link. .
6, announcement of the when opening welcome that can express pair of person that browse with this method, website, when leaving leave language.

16, information of control position column

1, open a page, pitch on pursues one piece piece.
2, click behavior window to go up " + " date pushbutton, the choice sets text / setting condition article this.
3, in the dialog box " message " in one column, the input needs indication word, be like the introduction to this piece of picture.
4, can set action touch hair condition to be OnMouseOver (the mouse moves to go up to the object) , pass this piece of photograph when the mouse so when, condition column will appear pertinent information.
5, after if need a mouse to be in,removeding, this information disappears, so use this act again, in " message " the whats in one column are written, next touch OnMouseOut of hair condition instead (the mouse removeds) .
6, can go up in one Duan Wen word likewise set this action. Or it is a setting OK also on whole page.

Seventeen, play a message

1, the page that opens to had been made, the point is different next horn. Those who click behavior window to go up " + " pushbutton, choose from inside playing a menu " play a message " one.
2, in installing the window " message " the message that the input in one column misses to show can.
3, touch hair condition setting to be Onload (when the page loads) , can use welcome news as what open a page. If set the) when be OnUnload(to should close a page, information is sent off when can closing a page as the user.
4, also can install on word of some Duan Wen play a message. Than consistent Duan Wen the word does not wish to make a person duplicate, make paragraph of written language with respect to pitch on, attention right now left next horn show < P > , namely paragraph.
5, operate likewise next, the message can input the statement of copyright and so on. Just install touch hair condition to be OnBeforeCopy (when pressing right key, spark) , or OnCopy (choose by right key when duplicating, spark) .

18, dynamic picture pushbutton

1, the picture that prepares two pieces of same size, commonly used method is photograph of gray scale of consistent Zhang Wei, one piece is chromophotograph. Or one piece is pushbutton sunken the style below, one piece is the style with raised pushbutton.
2, citing: Insert 3 1 form, setting width is 180 like element.
3, cursor park group, insert the picture of a piece of gray scale.
4, in attribute face plate " link " the address that the input in one column needs to link, add a name to the picture, be like Tu1.
5, click behavior window to go up " + " pushbutton, choose from inside playing a menu " commutative picture " .
6, be in right now " image " the picture that wants trade already showed in one column, be in next " primitive archives is temple " that Zhang Tu after good trade choosing in one column.
7, below have two parameter, "Be record in image beforehand " and " image restores when the mouse slips " , want pitch on.
8, same method founds additionally two dynamic pushbutton.

19, with frame layout page

Frame is comprised by two bodies -- frame collect and individual frame.
1, click the frame in inserting, show the pattern of 13 kinds of frame that already defined namely. On us, in, next structures are exemple.
2, click " on, in, below " the icon of frame structure, insert fluctuation on the page right now two frame, will whole page broke up 3 parts. We part above input " on " , the inter is inputted " in " , input below " below " .
3, save first. The file in clicking menu / save all. Save frame collect file above all at this moment, can oneself revise a name, be like Kuangjia.htm. Will save the other page that frame centers respectively next. When saving corresponding page, this branch rises with dotted line casing, such but will go up facial cent is saved for Shang.htm. The part is saved below for Xia.htm. Intermediate part is saved for Zhong.htm.
4, so far, we saved 4 pages, it is frame collect respectively, go up with what form frame part, below 3 medium, pages. So, actually this framework is formed by 4 pages, use frame to be able to lower the rate that a bit user browses so.
5, click the window / other / frame, open the face plate of frame. Click a certain frame here, can pitch on this frame. When frame by pitch on when, the corresponding frame in editing the window appears dotted line.
6, be like: Above pitch on Topframe, what show on attribute face plate right now is above the attribute of this frame. Central frame of same pitch on and below frame, also can install their attribute respectively.
7, in editing the window, on the frame that puts the mouse between two frame, cursor will turn fluctuation into arrowhead form, click frame right now, of pitch on is whole frame collect.
8, the attribute that what appear on attribute face plate right now is whole frame group. Can install frame collect to whether frame, width and color wait here. Most important nevertheless is the size that can set frame to center each frame here.
9, above the pitch on on the graphic representation of the right side in attribute face plate frame, the action that sets it 80 resemble element, frame is 0.
10, below pitch on frame, the setting is high all right 30 like element, frame is 0.
11, pitch on central frame, the setting is high all right 1, the unit is opposite. (opposite means: The proportion that current travel photograph holds to other travel place. Set for 1 point to namely hold except go up and leave space of the rest of the following all window that browse.
12, citing: cursor park above on frame TopFrame, right key chooses page property, setting setting color is #FF6600. Insert next / form, insert 1 2, frame edge is apart from it is the form of 0. The width that sets the 1st unit standard is 116 like element, insert a piece of picture next. the 2nd unit case setting is a level to be be placed in the middle to neat means, perpendicular arrange means to be bottom, next ordinal input " Leo " , " demon scorpion " , " Gemini " model of written characters.
13, cursor park in mid frame MainFrame, right key chooses page property, setting setting color is #FFFFCC. Insert one magnify image next.
14, cursor frame BottomFrame is medium below park, right key chooses page property, set picture of a background.
15, had made 3 pages additionally, as " Leo " , " demon scorpion " , " Gemini " the page that wants a link.
16, pitch on " Leo " , the page that wants a link has been installed for it in attribute, be in next " target " in anthology " Mainframe " , namely this content inter shows in that frame.
17, same setting " demon scorpion " , " Gemini " link.

20, jump turn menu

1, click entree sheet to be inserted mediumly / the object that express sheet / jump turn menu, also can use insert / the table is simple, jump mediumly turn menu icon, come v jumps turn menu installs the window.
2, be in above all " text " the input in one column " choose relevant website please " model of written characters. Click the window to go up next " + " date pushbutton. At this moment in menu much an option, this option does not have a link, serve as only jump turn the demonstrative character of menu.
3, be in civil the website that need inputs in one column, be like " sina " , be in next " when the choice, head for URL " Http://www.sina.com.cn of address of link of website of the input in one column, right now, dish is individual in one column much an option, this option is corresponding the link address of a net.
4, use same method, add in menu a few otherer option and corresponding link. Still can use " on " " below " pushbutton, will adjust their order.
5, those who install the window " insert after menu head for pushbutton " one does not choose first. Pitch on " the first project chooses after changing URL " , should use so jump turn menu arrives after a certain page, if be returned,jump turn menu page, right now the page jumps mediumly turn what menu acquiesce shows is the 1st content as before.
6, after the setting ends, click " affirmatory " can.
Because **** jumps turn menu is sheet of a watch, was to insert watch sheet first actually so (area of red dotted line) , inserted next pulling again in expressing sheet next menu.
7, want to revise option, can on pitch on page next barring menu, in clicking attribute face plate right now " tabulated value " , can modify each content.

8, in be elected, jump turn when menu, behavior also appears in behavior window. Doubleclick this behavior, also can enter setting window, can undertake installing to its afresh.
9, if " dish is individual " the first in is a link, is not above the word of a says clew, so be about pitch on " option " medium " insert after menu head for pushbutton " . Add " head for " pushbutton.

21, use plug-in unit (Dreamweaver function is patulous)

1, the plug-in unit that downloads good need above all, what here citing uses is Animate Browser Window. This is the plug-in unit of the size of window of a dynamic change. Open Dreamweaver Extension Manager, installation downloads good plug-in unit.
2, the Dreamweaver that start, on the page that has made, right attack left next horn < Body> , in clicking behavior window next " + " date pushbutton, amid chooses " Animate Browser Window " , next amid becomes corresponding setting. Before setting window is opened here, Gao Kuanjun is 0, cram screen is after opening. Touch hair condition to be OnLoad.

22, scroll caption

1, the place that cursor inserts a dot to be put in need to insert scroll caption.
2, click those who insert face plate " label selector " .
3, choice Marquee label, click " insert " pushbutton. Shut next " label selector " .
4, change code view. Insert cursor a little bit put between two Marquee label.
5, choice " the window " / " label is checked implement " . Can be in " label is checked implement " in all sorts of usage that set label.
6, click what Behavior sets a right side to fall pull arrowhead, choose the athletic way of scroll caption content. Among them 3 option meaning is respectively: Alternate: Content is in contrary two direction boil to boil. Scroll: Content to same a directional scroll. Slide: Frame of caption of content bring into contact with stops scroll.
7, the scroll direction of content of caption of Direction attribute setting. 4 option meaning is: Down: Move downward. Left: Towards the left moves. Right: Move right. Up: Move up.
8, the speed that caption of Scrollamount attribute setting rolls. Set commonly for 1.
9, time of the idle when Scrolldelay attribute installs caption content to roll, the unit is millisecond. If want to let scroll look fluent, numeric should as far as possible small. The setting in example is 1 millisecond.
10, the width of caption of scroll of Width attribute setting. This is aleatoric, for instance the setting is 300.
11, mouse of OnMouseOver incident setting moves the movement when scroll caption, standing buy rolls to stop. OnMouseOut incident sets the action when the mouse leaves scroll caption, standing buy rolls to begin. This two cannot be chosen, can input by hand only. Input at the back of OnMouseOver " This.stop(); " input at the back of OnMouseOut " This.start(); "
12, the style of content of caption of Style attribute setting. Caption character size is set in example, also should input by hand " Font:12px; " .
13, frequency of scroll of content of caption of Loop attribute setting, acquiescent value is infinite. "- 1 " also be infinite.
14, whole code: Scroll caption content

23, found CSS style watch

1, a few characters are inputted on the webpage.
2, open " CSS style " face plate, also can use " the window / CSS style " open.
3, face plate lower part has 4 button, it is add style respectively, build style, editor pattern, delete a style.
4, click " build a pattern " , open a dialog box. Input name, the attention has a dot number before the name. Be no good like name of entitle.zi(Chinese) . Type: Found define a style oneself, the definition is in: Be opposite only this documentation.
5, open a dialog box again right now, to the left choose in classification " type " , install font to be body of the Song Dynasty in the right side next, size is 14 like element, color random. Decide next.
6, the character on pitch on page, click the modal.zi in the window next. Right now this paragraph of character used CSS type.
7, if want to be opposite,the CSS style that a moment ago defined undertakes modification, in can be being nodded it, nod the editor style pushbutton below next.

24, found trends to link modal watch

1, click " build CSS pattern " dialog box, in " the definition is in " one column chooses " be opposite only this documentation " , be in " type " the choice in one column " use CSS selector " .
2, when the style watch type chooses " use CSS selector " when, the name that menu draws below became " selector " , express to input content to choose accord with for CSS, click next pulling pushbutton, can see 4 kinds of state of dynamic link.
A:lInk -- the whack of super link; A:vIsited -- has visited super link state.
A:hOver -- the condition when cursor moves to go up to super link; A:aCtive -- pitch on is super the condition of the link.
3, part to these a few kinds of condition next set, above all from A:l of next the choice in pulling menuInk, click " affirmatory " a style is played to express setting window after pushbutton, this style does not have set underline, color is #FF6600 (orange) .
4, with A:v of same method setIsited, its are set without underline, color is #FFFF00 (yellow) .
5, next set A:hOver, set its are underlined to have, color is #FF6600 (orange) .
6, A:aCtive need not be installed, it will be automatic according to A:hOver and calm.
7, a word is inputted on the webpage, in the set in attribute face plate its link is " # " . Can.
**** attention: Must according to such A:lInk, A:vIsited, A:hOver, A:aThe order of Ctive will install, won't appear otherwise expectant result.

If we need,are two on a page or more link effects, can use the following method:
1, click build modal pushbutton, modal kind is chosen " use CSS selector " , be in " selector " in one column, input A.link2:l directlyInk, install A.link2:l thenInk does not have underline for red.
2, continue to define below two styles. The name is inputted directly, respectively they are set A.link2:vIsited, purple does not have underline. A.link2:hOver, blue has underline.
3, be in right now " CSS style " below option many a name is Link2 define a style oneself.
4, a paragraph of word is inputted in the page, add link of a # for it, pitch on is linked this, click a style to express the modal Link2 in the window next, this modal application is on this link.
5, the different link form that same method can make same page go up.
**** is maintain a kind of style, should not be on same page establish overmuch link pattern.

25, exterior style watch

*** uses identical modal list in different page.
1, build modal list, name, next the type is chosen " found define a style oneself " , the definition is being chosen " build a style to express a file " .
2, after deciding, open the window that saves exterior style watch. In saving it to this locality site next can.
3, right now, in can seeing the style expresses the window added a style newly to express a file, the suffixal name of the file is Css
4, if the watch of an in-house style in current page wants to derive,be exterior style to express a file, so that offer other page to use, can click a style to express the icon of the gray of window top right corner, anthology " derive the style is expressed " , can be an exterior file to the style names and be saved right now.
5, when other page needs to use exterior style to express, the first pushbutton in can nodding a style to express the window " add style is expressed " , open the window, choose exterior style to express a file next, in add for in anthology " link " , affirmatory can.

26, other CSS

The setting in ****CSS, it is picture of setting character setting, form context.
The area in ****CSS piece, it is the literal span that points to setting text, right neat means, suffix, on mark, arrange means to wait.
The box in ****CSS, it is to show the blank between setting picture and text content is apart from, and the method that graph article mixes a platoon.
The frame in ****CSS, it is the beautification that points to area of setting form text version, pushbutton to wait.
The list in ****CSS, it is to point to setting list style. Namely a paragraph of word of the sort of outline type.
The fixed position in ****CSS, be the picture in pointing to setting page is opposite with absolutely fixed position.
In ****CSS patulous, among them cursor, can set the pattern of cursor, can install for Hand (hand-type) , Crosshair (cross) , Text (" I " model) , Wait (await model) , Default (acquiesce) , Help (help) , the arrowhead that still has all sorts of way.
In ****CSS patulous, among them filter, can use do specially good effect of CSS filter lens, wait with the transparent, glow that will machine a picture namely. But the effect is not quite apparent, it is better to will still be finished with the software that machines a picture technically.

27, found the album on the net

1, should install good FireworksMX software above all.
2, the picture that treatment needs to be put on the net very much, machine them into same size, put in a folder.
3, the command in clicking menu / found website album, open setting window.
4, input album caption, deputy bid information, other information (also can revise again later) . "Source image folder " , the choice a moment ago saved the folder of the photograph.
5, " target folder " , click " browse " pushbutton chooses current site catalog. (be about to the photograph is saved entirely come in the site)
6, " skeletonize graph size " , can choose according to need, "Indication file name " , pitch on can show the file name of every picture in generated album.
7, " row " one case is the picture number that every group shows, acquiesce is 5, can oneself alter.
8, below two " format " choose commonly " quality is higher " .
9, pitch on " for every pieces the picture is built guide read a page " one. Affirmatory can.

28, custom-built webpage transfers function

***** webpage transfers is to point to when the person that should browse is entered or leaving a webpage, the different refresh result that the page presents, for instance scroll, shutter. The webpage can be had more it seems that move feeling, also want to notice stop where it should stop nevertheless, otherwise too the changes to cause the person that browse easily also allergy of flowery. Measure:
1, open a page, the insertion in clicking menu / file head label / Meta, can shoot a Meta dialog box.  
2, of the attribute option in the dialog box next pulling list is chosen HTTP-equivalent option, page-Enter is keyed in in be worth one case, express to enter a webpage from time to tome the webpage transfers the effect.
3, Revealtrans(Duration=4 is keyed in in allowing one division inside, transition=2) , duration=4 states the webpage transfers the continuance time of the effect is 4 seconds, transition expresses to transfer effect way, the value is 2 when state the circle is contractive.
4, after the input is over, click affirmatory, save file to disk. Click when us so the effect can see when one exceeds a link to enter this page.
5, additionally still more than 20 kinds of effect choose for you, the code name that wants the result with the value corresponding instead Transition only can, concrete result and setting express place to show as follows

Transition of effect Transition effect
Box shape is contractive 0 deliquescent 12
Box shape spreads out 1 the left and right sides to mid systole 13
The circle is contractive 2 mid towards the left are right spread out 14
The circle spreads out 3 fluctuation to mid systole 15
Up erasure 4 mid spread out to fluctuation 16
Downward erasure spreads out below towards the left of shape of 5 a flight of stairs 17
Erasure of towards the left spreads out on towards the left of shape of 6 a flight of stairs 18
Right shape of 7 a flight of stairs issues erasure right spread out 19
Perpendicular shutter shape of 8 a flight of stairs go up right spread out 20
Horizontal shutter 9 random horizontal 21
Transverse chessboard type 10 random perpendicular 22
Fore-and-aft chessboard type 11 random 23

29, the application of the library

Some content need to be used repeatedly in **** website, the icon of a website that for instance oneself make, put this package right now to be in the library, can call at any time.
1, open a page, the choice needs saved package, for instance an icon.
2, click menu window / resource, open resource window. Next amid is chosen most below the pushbutton of appearance of a book, open library face plate.
3, click below build pushbutton, will a moment ago the icon of pitch on saves a library in, still can name to it right now.
4, the content in the library should apply on a new page when, open library face plate, pitch on needs used icon, click next below " insert " can.

30, finish a site quickly with pattern plate (home page or in-house some page)

1, had planned above all the website that oneself want to make, the content that should receive its each necklace has been designed. Be like my website:
The link on home page has: Webpage edition, animation edition, leave a message please, about me, contact me, promise bottle
The link on webpage edition has: Stationmaster brief introduction¦¦ teachs grind paper¦¦ classroom is searched true¦¦ starts a class formerly¦¦ heart sea picks shellfish¦Life of ¦ take a photo as a souvenir¦¦ sends a letter to me¦¦ wild goose takes tone too¦
The link on animation edition and webpage edition are identical.
Link all sorts of articles or class again below page. Be like " classroom is searched true " the page that the link arrives is teaching plan caption completely, next by caption of each teaching plan, link the page that puts this teaching plan again. Other manage together.
2, those who had downloaded to suit oneself to plan quite, likes webpage pattern plate, (pattern plate website is better be like: Http://www.mbsky.com) general it includes two files: One is Index.htm, another is to name the folder that is Images commonly, namely what we say use those who set a picture.
3, define good site, next these two files (clip) duplicate to fall to site folder.
4, doubleclick Index.htm file, enter the editor state of home page namely. Can revise this page to let it accord with its need next. Can finish home page so.

31, will already some webpages are saved for pattern plate

When **** is used at there is a large number of repetition to give showing page in a website. (good site must be defined before build and using pattern plate)
1, choice some page, click a file / put additionally for pattern plate, will current page is saved for a pattern plate. Opened right now " put pattern plate additionally " the window, name for this pattern plate, save next.
2, can discover right now founded a folder that the name is Templates automatically in the site, the pattern plate that we are saved is put in this catalog. Its expand the name is.dwt
3, this pattern plate is in at present when be being applied, cannot revise. Want to set those who decide pattern plate to be able to edit area so.
4, for instance, in page of current pattern plate, need lets a page intermediate part can edit, when such use pattern plate OK amid adds content. Partial form is unit among pitch on page case (press CTRL key to be clicked in unit case) , click entree sheet to be inserted mediumly / pattern plate object / can edit area. Can open a dialog box right now, amid names for pattern plate, decide next.
5, what define right now can edit area to be risen by draw a frame round of shallow blue line, and top left corner still has the name of this area. Save pattern plate file and shut.
6, the file in clicking entree sheet / build, click upper part in building page window " pattern plate " option.
7, be in right now " pattern plate is used at " listed in one column the site of current definition, pitch on a certain site, those who show is in among the window in one column is the pattern plate file that this site has. Pitch on a certain pattern plate, in " preview " this pattern plate can be previewed in one column. Nod next " found " pushbutton, built a page.
8, in the new page that appearing, divide outside can editing area, other part cannot have modification.

32, the website that uploads oneself

1, application website space, upload it the net to go up next. Basically do not have free space at present, free space also needs to place ad, or it is to apply for to collect fees space, it can offer 10 days of right-and-left probation, can be used as website test.
2, after clicking application, the form that meeting occurrence requirement registers, the brief introduction of the category of the name that includes phone of user name, password, mailbox, connection, province, homepage commonly, homepage, homepage.
3, after be being filled entirely, can get the following: ① user name (a moment ago filled in) ② password (a moment ago filled in) ③ FTP uploads address of address ④ homepage (it is the mailbox that sends above a few times place to fill in sometimes)
4, download and install FTP to upload software, can use CuteFtp (window of elder brother hill / software can download, free)
5, open CuteFtp software, the file in clicking entree sheet / site management implement.
6, fill in in the dialog box that open good FTP uploads password of site of name of user of site of address, FTP, FTP, click join next, can receive site server repeatedly. (open automatic join the 2nd times, need not fill in again)
7, after link is nice, appear on the page frame, left is the file on this locality computer, right is long-range computer, want will left document only (the website file that has made namely) each procrastinates use right, finished namely upload.

33, the website that publicizes oneself

How to let website address let others know, the method has 2:
1, with special software, can login the website each to search engine greatly.
2, login by hand. If open Baidu (Www.baidu.com) , there is a link below " the website logins " , the meeting after clicking is filled in by the requirement website address, name, content, was indexed prop up by the search of income Baidu next, such others can search your website. Other website logins to manage together.

Use webpage form neatly in Dreamweaver

Often need to change the height of form when use Dreamweaver makes a homepage. Pull the frame that uses form when us sometimes however, no matter how procrastinate,move, when put down a mouse, form restores former model again however.

Appear the height that the reason of this kind of circumstance depended on us offerring to secure for form, want to change the height of form when us, when compressing form especially, the height of form still holds original set cost, its are intuitionistic and presentative the frame that no matter how you procrastinate,uses form namely, the height of form won't change.

Below this kind of circumstance, we need purify to drop the set of form height only, it is OK to pull the frame that uses form next. So should how is the height of purify form installed?

Need form of make choice of above all. Simpler method is, cursor shift arrives inside form, press next " Ctrl+A " assorted key, look, be so with respect to pitch on is cursor in the smallest table of the position?

Make choice of after form, click in attribute casing " cleared travel is tall " icon (the pushbutton) that casing point increases in the graph, the high set value of form was cancelled. At this moment the height of form can match height automatically according to the content of form.

The method that deletes form height of course not merely a kind of afore-mentioned methods, we are OK also pitch on form, be worth in the height that form deletes directly in the attribute casing of form.

Same, this method also applies to the circumstance of the width that changes form, just, make choice of after form, those who delete is not the height of travel, the width that lists however.

Such, can undertake easily adjustment the height of form.

Dreamweaver8 makes the excessive result with commonly used webpage

The webpage transfers is to point to when the person that should browse is entered or leaving a webpage, the different refresh result that the page presents, for instance scroll, shutter.

Note: Transfer through what pattern plate builds a webpage to cannot add a webpage the effect!

The measure that make:

1, open a page, this one step is very crucial. Why to want to open a page, is undertake installing in editing a process? This is the code that transfers because of the webpage must show in a few location of code window ability is effective. And the window that just opened, cursor is in of code window most on one foremost edge, it is one of proper places, to not be familiar with code person for, so simple, Yi Cao is made. But the cursor when some webpages just were opened also is absent of code window most on one foremost edge, the roll that should adopt frame then the group that finds code, click a mouse in foremost edge next, locate cursor in code window most on one foremost edge.

2, the insertion in clicking menu column - HTML - file head label - Meta, can shoot a Meta dialog box.



3, of the attribute option in the dialog box next pulling list is chosen HTTP-equivalent option, page-Enter is keyed in in be worth one case, express to enter a webpage from time to tome the webpage transfers the effect. Revealtrans(Duration=4 is keyed in in allowing one division inside, transition=2) , duration=4 states the webpage transfers the continuance time of the effect is 4 seconds, transition expresses to transfer effect way, the value is 2 when state the circle is contractive, all sorts of effect number code are as follows.



4, after the input is over, click affirmatory, save. Can see the effect when we enter this page so. A moment ago you see the effect! Or you return a homepage again, look to this one page again.

5, additionally still more than 20 kinds of effects choose for you, the code name that wants the result with the value corresponding instead Transition only can, concrete result and setting express place to show as follows:

Transition of   of   of   of   of   of   of effect of   of   of   of   of Transition of   of effect    

  of   of   of   of   of   of   of deliquescent   of   of   of   of   of   of   of 0 of   of   of   of box shape systole 12
Box shape spreads out   of   of   of   of   of   of 1 of       to control to mid and contractive   13
Mid towards the left of   of   of   of   of   of   of 2 of   of   of circular systole   is right spread out       14
The circle spreads out   of   of   of   of   of   of 3 of   of   of       to fluctuate to   of   of mid and contractive   15
Up 4   of   of   of   of erasure       of   of       is mid spread out   to fluctuation 16
    spreads out below towards the left of shape of a flight of stairs of   of   of   of   of   of   of 5 of   of   of   of erasure     downward 17
  of   of   of   of   of erasure of towards the left spreads out     on towards the left of shape of a flight of stairs of   of   of   of   of 6     18
Right shape of a flight of stairs of   of   of   of   of   of   of 7 of   of   of   of erasure     falls right spread out 19
Perpendicular shutter shape of a flight of stairs of   of   of   of   of   of   of 8 of   of       go up right spread out 20
Horizontal shutter 9   of       of   of       random   of horizontal     21
Random perpendicular of   of   of   of   of   of 10 of   of   of transverse chessboard type   of   of       22
  of   of   of   of   of   of   of random   of   of   of   of   of   of 11 of   of   of fore-and-aft chessboard type 23

Skill: Undertake with Dreamweaver the webpage is optimized

We to optimize a webpage, accelerate a webpage to download speed, besides undertake optimizing to the picture besides, still need to be opposite the webpage is other each elements undertake optimizing. The course is woven in the webpage in if can make full use of,edit a tool, also can make in the webpage in achieve optimize a purpose. It is Dreamweaver is medium below a few optimize ability law:

Reasonable call CSS

When undertaking the webpage is designed, apply a style to express odd CSS to undertake decorating to page element, can reduce HTML code greatly, this nods us already very clear.

Method:

(1) is object of make choice of, from inside right key menu the choice defines good style to join; (2) is choose modal; for the object from inside modal face plate

(3) is right key is clicked to choose a form on some label on label selector.

Although these 3 kinds of methods are obtained page result is same, but because the first kind of method is met,one arises in HTML code " Span " label, if cross much ground to use sure meeting to make webpage source file adds fertilizer greatly, the influence downloads speed. When calling CSS accordingly, should use the 2nd, the 3rd kind of method.

Decrease for the server negative

In alternant webpage, the user is commonly used express one-way server to submit data, the data processing that awaits a server, return a browser... the process that await is to make popular feeling irritated very much. For this, when we are undertaking the webpage edits, also be necessary to make a consideration for the server. The webpage is made in Dreamweaver, can decrease negative job to one is done more outstandingly for the server, the expresses sheet lawful sex that refers to user place namely undertakes test and verify, need to undertake in browser end only, need not return server test and verify, reduced the burden of the server already, let the person that browse is little again await sadly. Method: ≈ is inclined 癇 of ignoranting  of vasting ィ  Ehaviors " face plate, click " + " date is chosen " ValidateForm " , undertake installing next can. Remind incidentally, process of this test and verify is to use JavaScript to carry test and verify in the browser actually. When afore-mentioned operations have in Dreamweaver, it can put code of this paragraph of JavaScript in the webpage the head and in, so sure meeting makes show time lengthens completely of the page, because the browser should download this paragraph of code first,just download other page element. Accordingly, code editor had better be opened in Dreamweaver, go to clip and paste of program of this paragraph of script the last frontier of source code, let its download finally. Additional, when we are adding JavaScript script specially good effect for the webpage, if you do not hope the page gives the go into effect on uptodate horse, also might as well such settings.

Ego " reduce weight "

At present webpage " tea reducing weight " a lot of, our everywhere can be found, and in Dreamweaver, we need not search everywhere " tea reducing weight " , use its oneself " reduce weight " the function is sufficient can make webpage " slender happy person " .

Method: Song 癈 Ommands " choose below menu " Clean UpHTML " , can undertake redundant to the webpage code undertakes keeping clear of installing.

Combine manage application form

We not only should decrease for the server negative, to use browser we need to decrease more negative, should shorten as far as possible namely the browser is right the analytic time of the page, the JavaScript script that alludes above is joined is an example. Influence browser has form to the page is returned analyticly, because the browser is right the size of the analytic time of form and form, complex degree becomes direct ratio, and we are in Dreamweaver the arrangement for format, locate through joining many form to undertake, some people cover multiple small table in old table even, this also is the burden that increasing a browser essentially, make the page presents time to grow substantially greatly. When using form for this, should as far as possible form break up, the layer upon layer appearance that should avoid form as far as possible is covered.

Detailed solves Dreamweaver13 skill

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 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 procrastinate in those days,come over is super link address merely.

8, automatic setting updates time

We know a webpage wants to obtain more turning round that lead, one very important should be updated ceaselessly namely. But to us for these individual webpages, should be afraid newlier in time every day is not very easy thing. Accordingly, we hope the webpage can be updated automatically, a source code that can update modification time automatically is offerred below, we should add this paragraph of source code only... between can achieve the goal that replaces time:

<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">
< ! - -Window.function Test(){
}SetTimeout("window.opener=null;window.close()" , shut after 0 seconds of 0);//
/ /- - >
</SCRIPT> 


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.

Label of webpage of use Dreamweaver quick editor

Do not know everybody to whether have the habit of handwritten code. For example: Want to insert code of a paragraph of CSS in an unit case, or code of a paragraph of Javascript, how to make gift quicker and convenient?  

Although Dreamweaver had been us to offer code view, but be searched surely unexpectedly even by hand, make a round trip even ground switch. Although also can use code view and the means that edit view to coexist, but take up even the screen space of the half, make original not large editor area more appear crowded. Have better idea? The answer is affirmative.

We are with Dreamweaver 8 below exemple, assume layout of Dreamweaver face plate is everybody acquiescent layout means. Whether does the upper part that examines face plate of one subordinate sex have a little ticket. (if you are used, is not MX, label is in condition column) for example: You build documentation of HTML of a blank, the little label above should be < Body > . See next pictures please:



The place of red circle is drawn on the graph, it is us today's leading role. We look first " surround label " . Infiltrate casually on the page a few words, pitch on they, choose in right key menu " surround label " , playing go out surround the input in label dialog box " < Strong > " (do not include quote) , next carriage return. Before had been turned into thick system by the character of pitch on, look to source code, had been the character of our place pitch on surrounded by < Strong > label? Everybody can try a few label of rejoin other, be like: < A > , < P > . Here also can input attribute directly. Be like: < P Style="color:#CC0000" > . Here explains probably only, if have doubt, examine the help of Dreamweaver please.

Say one suffix signs the applied method of selector below.

We go to cursor shift to a moment ago was added in crude character, meeting discovery is much at the back of of < Body > a < Strong > . Of these characters that place of cursor of this that is to say is in outside the ticket that has < Strong > , there is ticket of < Body > outside < Strong > label. Everybody adds a table again below, go to cursor shift inside form, see the structure of label. Believe the friend that has some of base to HTML should understand very easily.

Assume we want to insert a form now, come to this form issue it with CSS move 10 elephants element. Insert a form first, hand in cursor shift to arrive inside form next. It is OK to go up in label selector at this moment see Table of such < of > of Body of < of model of written characters > of Td of < of > of > < Tr. Nod mouse right key on Table label next, can see have 4 option. Delete label, editor label, setting kind, setting ID.

Delete label: It is namely delete label. (having a few special ticket cannot be deleted. For example: < Table > , < Tr > , < Td > , < Body > . . . ..

Editor label: Add to label attribute, modification attribute.

Install kind: Add to this label grant kind. (namely the category of CSS)

Install ID: Add to this label grant an ID. (namely the ID of CSS)

Here, we choose to edit label, add attribute Style="margin-top:1 at the back next0px" and the kind that write source code normally are same. Press next carriage return. Finished editor. If the effect cannot see in Dreamweaver, preview with the browser please.

Still have additionally one kind of method, perhaps you can like. Label of choice window → is checked implement after you choose certain label, here can show all property that choose label currently. Also can have an edition here immediately. The attribute that inputs here need not include quote, editor hind decides by carriage return.

We tell everybody the method only here, hope everybody can be benefited from which.

Dreamweaver CPU uses the means of settlement of 100%

When newest Dreamweaver Cs3 is being used, the situation that often can encounter CPU 100%

There was a patch now nevertheless, can solve this problem temporarily.

Classics test result is feasible: )

Teach you how to make scroll caption with Dreamweaver

Scroll caption can let a lot of people feel excited, when using scroll caption for the first time especially, can fondle admiringly. Make a detailed plan now, let you understand in the round more.
Roll caption has in the component of FrontPage, but this software can raise FrontPage only 
Oppose one-way written language, appear word of much style or manner of writing it is helpless, and it can support group to roll only! (If appear to be able to roll only the circumstance of group, settling way is the Document.write that embeds this paragraph of code to JavaScript inside, look please below of the exemple define) Dreamweaver also can use the method that writes HTML code only. So intense proposal opens webpage source code to edit with notebook.

1. builds caption of the first scroll. Code:

It is to cite under   extract:

</marquee> of caption of scroll of <marquee ScrollAmount=2 Width=300>
 
Detailed of 2. each parameter solves:

  A)scrollAmount. It shows rate, the value is greater rate is rapidder. If do not have it, acquiesce is 6, the proposal is set for 1 ~ 3 better.

  B)width and Height, represent the bulk of scroll area, width is width, height is height. When making perpendicular roll especially, must establish the value of Height.

  C)direction. Represent the way of scroll, acquiesce is from right towards the left: ← ← ← . Optional value has Right, Down, Up. Roll direction is respectively: Right expresses → → → , up expresses ↑ , down expresses ↓ .

  D)scrollDelay, this also uses control rate, acquiesce is 90, the value is greater, rate is slower. Normally ScrollDelay does not need a setting.

  E)behavior. Will control property with it, silent thinks to roll circularly, optional value has Alternate(to roll alternately) , Slide(slide effect, those who point to is scroll, stop scroll next)

3. example:

How is   A) added to scroll caption exceed a link? This follows at ordinary times exceeding a link is just the same. Want to be added outside the character only

It is to cite below extract:

Software of <marquee ScrollAmount=2 Width=300><a Href=http://soft.knowsky.com> downloads </a></marquee>
 
       Click software to downloaded to be able to enter: Software downloads

How is   B) made stay on the character when the mouse, does the character stop scroll?

  code if:

It is to cite below extract:

</marquee> of content of character of <marquee ScrollAmount=2 Width=300 Onmouseover=stop() Onmouseout=start()>
 
Alternant effect of   C) . Code if:

 It is to cite below extract:

</marquee> of content of character of <marquee ScrollAmount=2 Width=99 Behavior=alternate>
 
Much style or manner of writing of   D) rolls up originally. Code if:

It is to cite below extract:

Morning of · of <marquee ScrollAmount=2 Width=300 Height=160 Direction=up> is good! Is <br> · air very fresh ah it is good that <br> · now feeds Mie? </a></marquee of CCTV of <p> · <a Href=http://www.cctv.com>> 
 
  · notices: If your webpage passed FrontPage editor, after saving, can roll only group, at that time you discover your code order before had changed, my God! Settlement way is, find out original code, in the Document.write that embeds it to JavaScript can, afore-mentioned code write for:

It is to cite below extract:

Morning of · of <marquee ScrollAmount=2 Width=300 Height=160 Direction=up> is good! Is <br> · air very fresh ah it is good that <br> · now feeds Mie? </a></marquee> of CCTV of <p> · <a Href=http://www.cctv.com>
 
By on can see, HTML code can be combined at will, the function is powerful!

Dreamweaver uses CSS style to express setting webpage

If why this article introduction uses cascade style to express in Dreamweaver (the text format in CSS) setting page. You can use the way that CSS cannot offer with HTML to set text format and fixed position text, thereby the exterior of page of control of ground of more can agile freely.

Understand CSS

Cascade style is expressed (CSS) is a series of format setting regulation, they control the outward appearance of Web page content. When use CSS sets page pattern, content and type of watch reveal one's true features are mutual departure. Page content (HTML code) in the HTML file that is located in oneself, and the CSS regulation that defines code to behave a form is located in another file (exterior style is expressed) or the another part of HTML documentation (it is a part normally) in. Use CSS is very OK the outward appearance that controls a page better neatly, wait to specific font and style from exact position fixed position.

CSS makes you can be controlled a lot of use the property with uncontrollable HTML only. For example, you can choose text to appoint different font measurement and unit for place (wait for) like value of element, pound. Set font size in order to resemble element for the unit thereby through using CSS, still can ensure with more consistent pattern in many browsers processing page layout is mixed the exterior.

CSS format installs regulation to comprise by two parts: Enzymatic Qia of shaddock of Yan of add of Qian Ye of have a nightmare of Jin of ≡ of Q of a huge legendary turtle of  of exuviate of ≡ Jin Jie all  ? if P, H1, kind the term of name or ID) , and statement is used at defining modal element. In the give typical examples below, h1 is selector, interpose at big bracket (all content between {}) are statement:

It is quotative content below:

H1 {

Font-size:16 Pixels;

Font-family:HElvetica;

Font-weight:bOld;

}
  


Statement divides composition by two: Sell? is like Font-family) and value (like Helvetica) . Afore-mentioned give typical examples established a pattern for H1 label: The lip embraces sauce search  to fall the text of label of?H1 you  will be 16 size resembling element use Helvetica font and thick system.

" of term " cascade is to point to right same an element or the capacity that Web page uses many types. For example, can found regulation of a CSS to use color, found another regulation to apply an edge to be apart from, next the identical text version that will both in a page applying. " of defines modal " cascade arrives the element on your Web page, establish the design that you want finally.

The main good point of CSS is to update; easily to want to undertake updating to handling CSS regulation only, the form that uses all this documentation that define a style is met it is new form newlier automatically.

The following and regular kind can define in Dreamweaver:

Define CSS regulation oneself (also call " kind modal ") makes you can use modal property any text limits or text version piece. All kind of style all with period (. ) begin. For example, you can found those who call.red kind of style, the Color attribute that sets regulation is red, use this type in the stage text version that already defined a style partly next.

HTML label regulation defines specific label again (the format that is like P or H1) . When the CSS that found or changes H1 label is regular, all label that use H1 installed the text of the format to be able to be updated instantly.

CSS selector is regular (advanced type) the format that defines specific element combination again, or the format of the selector form that other CSS permits (for example, every time when H2 caption appears inside form unit division, apply selector Td H2) . The format that advanced type still can define the ticket that includes specific Id property again (for example, the style that defines by #myStyle can use property / the label) that is worth pair of Id="myStyle" .
   Found new modal table

Above all, you will be founded contain CSS regulation (style of definition stage text version) exterior style watch. When the pattern is established in exterior style watch, can control the outward appearance of many Web page at the same time in a central position, and do not need to be every Web page to set a pattern respectively.

CSS regulation can be located in the following position:

Watch of exterior CSS style is memory in an alone exterior.css file (be not HTML file) a series of medium CSS are regular. Use the link in documentation Head part, this.css file is received by catenary the one or more page in Web site.

In-house (or embedded) CSS style watch is to contain a series of CSS regulation inside the Style label of part of HTML documentation Head. For example, the give typical examples below is all text in the documentation that already set paragraph label to define font size:

: <head>
<style>P{Font-size:80px
}
</style>
</head> :  


Couplet style is the definition in the specific label example in HTML documentation inside. For example,

" P Style="font-size: 9px" "

Contain to using only inside the size of paragraph definition font that the label of couplet style set a pattern.

The most style attribute that Dreamweaver can present your place to apply is in window of " documentation " show them. You also can preview documentation in browser window in order to examine applied case of the style. The outward appearance that attribute of some CSS style presents in Microsoft Internet Explorer, Netscape Navigator, Opera and Apple Safari is not same.

">" of choice " file builds " .

The " category " in documentation " dialog box is built in " " of the choice in the row is basic page " , "CSS" chooses in row of " of " basic page, click " to found " next.

Blank style watch will appear in window of " documentation " . "Design " view and pushbutton of view of " code " already were banned to use. CSS style watch is simple text file, its content will not be used at be being examined in the browser.

Save this page (" file ">" saves ") to be Cafe_townsend.css.

When saving a style to express, ensure please save its Cafe_townsend Folder folder (the root folder of your Web site) in.

The following code keys in in modal watch:

P{
Font-family: Verdana, sans-serif;
Font-size: 11px;
Color: #000000;
Line-height: 18px;
Padding: 3px;
}


When you key in code, dreamweaver suggests use code clew for you a few option, finish an input in order to help you. When seeing hope Dreamweaver finishs the code that key in for you, bolt by Enter please (Windows) or Return key (Macintosh) .

The attribute that does not forget to be in in every ending adds a branch at the back of the value.

The code after finishing is similar to the give typical examples below:

If want to show this guideline, choose " to help ">" referenced " please, consult from " the "O'Reilly CSS of the choice in playing menu giving form of " face plate consults next " . Save a style to express.

Add style is expressed

the style when you the watch adds when Web page is medium, the corresponding element that will use to the page in the regulation of the definition in modal watch. For example, cafe_townsend.css style when you the watch adds when Index.html page, set the CSS regulation that defines according to you all stage text version (the text that sets a pattern with the label in HTML code) format.

In window of " documentation " , open the Index.html file of Cafe Townsend. (If this file already was opened, the option that clicks it please gets stuck. The option that clicks it please gets stuck..

The choice is in tutorial: Kuo takes the advantage of Qia of deep and remote a surname of beautiful press and smooth to surname Cheng  to uncover joyous Wo of show off of male of the instrument that take the advantage of Ma to be sought
  



Check in " attribute " implement in examine, ensure use paragraph label set the pattern of this paragraph.

If " attribute " is checked implement medium " format " plays menu giving form to show " paragraph " , already used paragraph label to set the pattern of paragraph. If " attribute " is checked implement medium " format " plays menu giving form to show " does not have " or other content, choose " paragraph " to set the pattern of paragraph.
  



Repeat the 3rd situation to the 2nd paragraph.

In face plate of "CSS style " (in ") of style of " window ">"CSS, click be located in face plate right the " add style of next horn expresses " pushbutton.


In " add and exterior style expresses " dialog box in, click " to browse " and browse the Cafe_townsend.css file that founds to on one.

Click " to decide " .

"The text in documentation " window will express medium CSS regulation to set a pattern according to exterior style.

Study face plate of "CSS style "

"Face plate of CSS style " can let you follow the CSS regulation that footprint affects current place to choose page element and attribute, or the regulation that affects whole documentation and attribute, the case that still can not making above ministry style express leaves modification CSS property.

Ensure Index.html page is opened in window of " documentation " please.

In face plate of "CSS style " (in ") of style of " window ">"CSS, click all " " of face plate coping, the CSS that checks you next is regular.

In " all " mode falls, CSS face plate shows to you all CSS that apply current documentation are regular, no matter these regulation are to be in exterior style watch, still be in oneself documentation. You should be in " place sees two main categories in case of well-regulated " window: Post? label category and category of a Cafe_townsend.css.

If did not launch label category, click plus please (+ ) launch this category.

Click text regulation.

In the case of window of " attribute " that is worth the Background-color attribute that is #000000 to appear below.

Notice you may need fold other face plate, be like face plate of " file " , so that see face plate of complete "CSS style " , still can move the border between window case to change the length of face plate of "CSS style " through procrastinating.

You are in tutorial: Bursa of Song of Dang of Yi of labial ɑ  takes the advantage of Li season to plant model the setting that? of ü  A Chinese-style unlined garment revised dialog box of page attribute " to install a page is lubricious. When installing page attribute with this means, dreamweaver can write inside the CSS style of park documentation.

Click plus (+ ) launch Cafe_townsend.css category.

Click P regulation.

All attribute that define for P regulation in exterior style watch and value will show the window of " attribute " below in case.

In window of " documentation " , any positions in two stage that just set a pattern are clicked.

In face plate of "CSS style " , click the " current " of face plate coping, examine your CSS type next. In mode of " current " , CSS face plate shows to you current place chooses the summary of the attribute of content. The attribute of regulation of the P in indication attribute and exterior style watch is opposite should.

In issueing, you establish face plate of " of use "CSS style new regulation. Face plate of " of use "CSS style founds new regulation to be moved than the hand it is easy to key in regulation much, the operation when latter is expressed as establishing exterior pattern at first is same.

Establish new CSS regulation

In this section, you found face plate of " of use "CSS style the CSS that defines oneself regular or kind style. Kind the style makes you OK set any range or the modal attribute of text piece, OK to any HTML label applying. The more information of the CSS regulation that concerns different type, refer to understanding CSS please.

In face plate of "CSS style " , click face plate right the " of next horn builds CSS regular " .

CSS regulation is built in " in " dialog box, choose " from inside option of " of " selector type kind " . This option should be acquiescent pitch on.

.bold is inputted in casing of text of " name " .

Ensure period (is keyed in before word "bold" . ) . All kind of style must with period begin

In " the definition plays menu giving form in " in, choose Cafe_townsend.css. This file should be acquiescent pitch on.

Click " to decide " .

Occurrence "CSS regulation defines " dialog box, state you are founding to call kind of pattern of.bold in Cafe_townsend.css file.

In dialog box of " of "CSS regulation definition, execute the operation below:

In casing of text of " font " , input Verdana, sans-serif.

In casing of text of " size " , input 11, tightening the choice in relying on its to play menu giving form rightly to resemble element.

In casing of text of " travel tall " , input 18, tightening the choice in relying on its to play menu giving form rightly to resemble element.

Play " of thick substance of " of the choice in menu giving form from " of " degree of finish.

In casing of text of " color " , input #990000.

Clew concerns the more information of CSS attribute, refer to the O'Reilly referenced guideline that includes in Dreamweaver please. If want to show this guideline, choose " to help ">" referenced " please, consult from " the "O'Reilly CSS of the choice in playing menu giving form of " face plate consults next " .

Click " to decide " .

The pushbutton of " all " that clicks top of face plate of "CSS style " .

If did not launch Cafe_townsend.css category, click the plus on the side of this category (+ ) pushbutton.

You can see, dreamweaver already.bold kind in the regular list that the style adds in watch of outer ministry style to define. If you are in," place clicks.bold regulation in case of well-regulated " window, criterion this regular attribute will appear in case of window of " attribute " . New regulation still appears in " attribute " to check implement " style " plays menu giving form in.

Will kind the style uses text version

Now, you had founded kind of regulation, use this regulation certain stage text version.

In window of " documentation " , before 4 words of the text in choosing the first paragraph: CAfe Townsend's Visionary Chef.

Check in " attribute " implement (in ") of attribute of " window ">" , play "bold" of the choice in menu giving form from " style " .

"Thick substance " kind the text version that the style will use you.

Repeat the 2nd situation, " of " thick substance kind before 4 words that the style uses to the 2nd paragraph.

Save a page.


Install navigation the format of text

Next, you use use CSS navigation the type link text. The chromatic histogram that a lot of Web pages use embedded text version resembles found navigation. But, if use CSS, what what you need to install is link text is mixed only a few formats. Through using Display: Block attribute and the width of setting piece, you found rectangle effectively, and do not need to use image additionally.

Establish new regulation for navigation

If did not open Cafe_townsend.css file, open this file, or click its option card to show this file.

Define a new regulation, the method is the.bold in this file kind the following code keys in at the back of the style:

.navigation {

}

This is an empty regulation.

The code in the file should be similar to the give typical examples below:

Save Cafe_townsend.css file.

Next, you add face plate of " of use "CSS style attribute to regulation.

If did not open Index.html file, open this file.

In face plate of "CSS style " , ensure pitch on mode of " all " , opt new.navigation regulation, click face plate next right the " of " editor style of next horn.

In dialog box of " of "CSS regulation definition, execute the operation below:

In casing of text of " font " , input Verdana, sans-serif.

Play the option in menu giving form from " size " 16, choose to resemble element from inside relying on its closely to play menu giving form rightly next.

It is normal to play " of the choice in menu giving form from " style " " .

From " " of the choice in got-up " list does not have " .

Play " of thick substance of " of the choice in menu giving form from " of " degree of finish.

In casing of text of " color " , input #FFFFFF.

If want to show this guideline, choose " to help ">" referenced " please, consult from " the "O'Reilly CSS of the choice in playing menu giving form of " face plate consults next " .

Click " to decide " .

Now, you add face plate of " of use "CSS style more attribute to.navigation regulation.

In face plate of "CSS style " , ensure pitch on.navigation is regular, click " to show list view " next.

List view can make case of window of " attribute " shows all and usable attribute alphabetically (with " view of setting attribute " differs, "View of setting attribute " shows the attribute) that already installed only.

Click the row of Background-color property right.

If want to examine the complete content of attribute, keep mouse hand on this attribute please.

Input hexadecimal value #993300, bolt by Enter next (Windows) or Return key (Macintosh) .

If clew wants to examine the impact that ministry style expresses outside your labour oppose, maintain Cafe_townsend.css file to be in in window of " documentation " when you work please open position. The choice is made in face plate of "CSS style " when you when, will see Dreamweaver write CSS code in modal watch at the same time.

Find Display property (the likelihood needs to be down scroll) , click in the row of right, choose Block from inside playing menu giving form next.

Find Padding property, click in the row of right, the input is worth 8px, bolt by Enter next (Windows) or Return key (Macintosh) .

Find Width property, click in the row of right, input in casing of the first text 140, from inside playing menu giving form the choice resembles element, bolt by Enter next (Windows) or Return key (Macintosh) .

Click " to show setting attribute " , so that be in case of window of " attribute " ,show the attribute that you install only.

Click Cafe_townsend.css file in order to show this file. You will see, all property that Dreamweaver has specified you are added in this file.

Save and shut Cafe_townsend.css file.

Now, you had founded article of navigation of a setting the regulation of this format. Next, you should use this regulation place to choose a link.

Application is regular

Index.html page is opened in window of " documentation " , click word Cuisine to will insert bit of park a certain position in this word.

In label selector, click most the label of right.

This operation will be designation label or the link chooses all text version.

Check in " attribute " implement (in ") of attribute of " window ">" , play "navigation" of the choice in menu giving form from " style " .

In window of " documentation " , the exterior of Cuisine text produced change completely. The attribute that.navigation regulation defines is in getting on according to you, the format of this text already was installed to be navigation now pushbutton.

To navigation every medium link, repeat the 1st pace to arrive the 3rd pace.

You must allocate a navigation for every label or link kind style, accordingly, individual choice of use label selector is linked every, next it is very important that one by one distributes kind of form for each link.

If have difficulty,be in when the pattern that sets link text, ensure please every (or every groups) case is free between the word of the link (not be carriage return) . Ensure the blank space itself between two links was not linked even. If blank space already was linked, choose the blank space of the link carefully please, check in " attribute " implement in casing of text of " of cleared " link, bolt by Enter (Windows) or Return key (Macintosh) .

Finish pair of navigation after the format of all words is installed, save this page, the job that previews you in the browser next (" file ">" previews ") in the browser.

You can click a link in order to ensure its are effective.

Add a mouse to pass the effect

Now, you will add a mouse to pass the effect, make navigation piece setting color is in color is changed when mouse finger passes a certain link every time. If want to add a mouse to pass the effect, add please include: HOver bogus kind new regulation.

About... about: HOver bogus kind bogus kind the means that is a kind of certain element in affecting HTML documentation, it is not the HTML code that is based on documentation itself, the other that is based on Web browser application however is exterior condition. Bogus kind can be trends, this makes clear when user and documentation are alternant, the element on the page may be gotten or lose bogus kind.

When the user keeps mouse hand on the page element that already set a pattern, : HOver bogus kind the change that can affect this element. For example, will: HOver bogus kind add.navigation kind style (.navigation:hOver) in order to establish new regulation when, according to.navigation:hThe attribute of Over regulation, all text elements that set a pattern with.navigation regulation can produce change.

Open Cafe_townsend.css file.

Opt whole.navigation regulation.

Duplicate text (duplicate ") of " editor ">" .

Click in this regular fine, bolt by a few Enter more next (Windows) or Return key (Macintosh) in order to found a few blank space.

Will duplicate already text is stickup (in the blank space that stickup ") of " editor ">" goes to to just was founded.

Will: HOver bogus kind in adding stickup already.navigation selector, following place show:

In new.navigation:hIn Over regulation, will current background is lubricious (#993300) is replaced for #D03D03.

Save and shut this file.

Index.html file is opened in window of " documentation " , preview this page in the browser next (" file ">" previews ") in the browser.

When you keep mouse hand on any link, can see new mouse passes the effect.