Tuesday, October 27, 2009

DW form uses experience to talk

These days the card that total somebody sends concerned form issue on BBS
Actually I wrote an article about form last year
The specially good effect that discusses form again today (still basically be that article)
Form plays whether to turn, the result that affects your composing directly and page make career, want to study a variety of issues of DW form thoroughly today.

Experience (one) : Why to say form is close friends than graph layer composing?
Learn the friend of DW at the beginning, prefer composing of the layer that use a figure, its are main the reason is the aleatoric position that graph layer can put the target to you to want to put, and need only procrastinate use a mouse, look very relaxed, but preview with F12 ulterly changed, regretted? Still use form composing. Of the orientation way of the layer and form different, the fixed position kind that the layer takes is dynamic orientation way (bring from &lt&ltDreamweaver3 webpage to design &gt&gt) , what its fixed position leans is two parameter Left and Top, of the frame of frame of layer of setting of these two parameter and browser distance, no matter you are to be in the biggest change, still issue him to be in from beginning to end in different resolution a position, and form issues it to will change somewhat in different situation. Graph layer composing should be used again while you use form especially, such effect can make you painful a ll one's life. Is graph layer trashy? Useful of course, do a few specially good effect commonly with it, those who use is good

The homepage that can let you is perfected. This station has the tutorial that layer of graph of a DW applies, have fun at can look.

Experience (2) : How to eliminate the difference of resolution?
This is a setter topic, but total somebody asks. We present webpage is optimal the resolution that browse is 800*600 mostly, but those who not little brother is used is 640*480 or 1024*768, the webpage compatibility that how lets you is better, the width that you want a form only is set for 100% can this definitely this problem.

Experience (3) : Why does my form produce change when preview?
We finish via often can be in preview after form composing, the appearance that discovers form changed, not be some height lengthened, it is width broadened. Appear the reason of this circumstance is, you are in composing when, use mouse protraction or pull form height or length short over- , such DW can join a few wide length code or high code automatically in your webpage code. Because be in the process of composing, often meet such doing, so your webpage code was added a lot of these Gao Hekuan's code, when you are previewed the browser can press these code to show, with respect to conference occurrence table then appearance happening changes. Fortunately DW was offerred for you definitely method, form frame is clicked to come out with the mouse after pressing Ctrl+F3 form attribute face plate, nod attribute face plate (get rid of the Html statement of height of the definition in form) , and it (get rid of the Html statement that width defines in form) you had better be us ed less, with bad meeting outsmart oneself, if has cut picture is used in your webpage, eliminate the gap between the picture right now with it very effective.

Experience (4) : How to make form has stereo effect?
When I just was beginning to learn to do a homepage, to make menu has stereo effect, spent many idea not to get its to solve, become bill of fare finally with the picture. I already knew a few kinds of stereo effects now, share with everybody now, see the effect below first:

I tell you the parameter of these 4 form (did not draw up come do not fill, use system is acquiescent) , you are OK according to need, change appropriately

Change parameter in order to achieve optimal result, you need these parameter only in filling form attribute face plate:
Express A: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express B: Cellpad:0; Cellspace:2; Border:1; Bg:#A7D2ED
Express C: Border:1; Light Brdr:#000000; Bg:#A7D2ED; Brdr:#FFFFFF
Express D: Cellpad:0; Cellspace:0; Border:4; Light Brdr:#FFFFFF; Dark Brdr:666666; Bg:#A7D2ED
Express E: Cellpad:0; Cellspace:0; Border:1; Light Brdr:#999999; Dark Brdr:000000; Bg:#A7D2ED

Experience (5) : About a skill of form context picture.
Everybody knows to put background picture in an older table, background picture can repeat fill till whole page. We can use this character of form to reduce the size of the picture in our webpage, for instance a gradual change below pursues, you look resembling is a piece of whole picture, what it uses actually is form context repeats fill character, and used picture is right that piece, size has 1.3k only, if should use the picture of one magnify,be here very not of be to one's profit. If you want to insert horizontal, with this method very effective also.

Experience (6) : Dang Lian deputy Li
Frame of picture form 1PIX has a lot of methods, it is very common method below:
1, a form is inserted in DW editor window.
2, press Ctrl+F3 or click Window | Properties command opens attribute float face plate.
3, choose whole form with the mouse, next settings are like in attribute float face plate: CellSpace:0;Border:0;Bg Color:#000000(

This color can change) according to need.
4, choose division of all form unit with the mouse, set the parameter Bg of attribute float face plate for #ffffff, this color sets the setting hue that is your page to answer to be the same as, if your setting color is yellow, this color also should be yellow, try knew.

Experience (7) : Line of the horizontal stroke in form and perpendicular line brushwork
Tell about below how to draw horizontal line, if horizontal line can be drawn, that sets upright a line with respect to No Promble!
1, a form of a many travel is inserted in DW editor window, open attribute float face plate at the same time
2, select group, in attribute float the setting visit sets the color that wants the line that draw a horizontal stroke for you, this exemple is set for Bg:#000000
3, set this height of unit case in attribute float face plate for 1, h: 1
4, the most crucial one step: Open source code editor, code of "&lttd Bgcolor="#000000" Height="1"&gt &lt/td&gt" in

(blank space accord with) take out, do calm.

Experience (8) : Casing of form dotted line
My website has circle of form dotted line the article of this respect (in article skill column) , my implementation method is below, you can see material effect

Read the effect page of cruel page Ver 4.0.
1, 2 little pictures are made in preexistence Photoshop, the picture size of the dotted line that draw a horizontal stroke is wide 3 elephants element is tall 1 elephant element (file name: 1.gif) , fill element of the first elephant black (if draw black line circle) , when drawing, put the picture with magnifier the biggest, it is OK to be nodded with pencil that, the picture size of the line that draw vertical stroke is wide 1 elephant element is tall 3 elephants element, element of the first elephant fills black (file name: 2.gif) .
2, a 3 form that list 3 are inserted in DW editor window, the first unit case form is amalgamative, incorporate the 3rd unit case again
3, background picture 1.gif is filled through attribute float face plate in group, set the height of unit case for 1 elephant element, be sure to keep in mind to want to carry modification source code this unit division (blank space) take out. Handle the 3rd with same method. Of such dotted line casing above had been drawn with below
4, the 2nd have 3 all right now, two or so use measure respectively 3 insert 2.gif, emphasize again must take out.


Experience (9) : How to make the mouse points to form, does form context become angry?
See the effect of next graphs first, what this uses is form type watch, should achieve this result you need to be joined in <td> code only
Onmouseout="this.style.backgroundColor=''

"Onmouseover="this.style.backgroundColor='#FFcccc'" , exemple: &lttd
Onmouseout="this.style.backgroundColor='' "
Onmouseover="this.style.backgroundColor='#FFcccc'">, "#ffccc " it is your mouse points to the color that should change to form

, you change a color according to need. An example gives below:


Experience (10) : How to use form to realize the picture in the picture, namely effect of the page in the page?
The composing of the webpage uses form mostly, use to express an unit to be able to embed a webpage, do you know? Such doing have a lot of profit, for instance you differentiate the area that often updates a form is unit, embed in this form unit you want updated content next, newer henceforth homepage needs to upload this only by the page of nest OK, not was necessary to undertake updating to home page, it is very convenient. I write a the simplest exemple filial generation

Code:
<html>
<head>
<title> example </title>
<body>
&lttable Border="1" Width="100%"&gt
<tr>
<td>
&ltIFRAME Src="example.htm" Width="300" Heitht="100"&gt&lt/IFRAME&gt
</td>
</tr>
</table>
</body>
</html>
The crucial code that inserts page be embeddinged is: &ltIFRAME Src="example.htm" Width="300" Heitht="100"&gt&lt/IFRAME&gt.
Example.htm is the page that is embedded, label <IFRAME> still has parameter of a few practicable to install as follows: Marginwidth:  holds Ti of Dang of Yi of wild rice of heart a surname to also sigh caries of Ji of cerebral ち Meng shine Arginwidth="20" of  Shu 簃, the unit is Pix, similarly hereinafter. Marginheight:  holds caries of be favored with of mother of Lu of ち of throat of ゲ of Xi of Dang of Yi of wild rice of heart a surnameHspace: Cou of  of Lin of dusk of male of chasm of administer of  balance doubtVspace: Chasm of administer of  balance doubt mires Feng  CouFrameborder: Hui of neck of the allow that owe Lian carries anxiety?1" to state " is " , fill "0" to state " is denied "Scrolling: Owe thin You to stop?1" of anxiety of Tiao  acyl states " is " , fill "0" to state " is denied "

Experience (11) : Should those problems note in use form?
1. whole form is not covered in a form, as far as possible fractionation becomes many form.
The nest administrative levels of 2. form wants as far as possible little, best nest form does not exceed 3.
The structure of 3. onefold form as far as possible orderly.

No comments:

Post a Comment