Tuesday, October 13, 2009

In Dreamweaver essence of life refines your form exterior

Form is a webpage undoubtedly a most main target in making, because normally the webpage is to rely on form to undertake layout layout and each element are organized, it decided whether the webpage is beautiful directly, content organization is clear. But the research that a lot of friends often ignore pair of table, and deliver the view to other layers, picture, specially good effect to wait a moment, actually you get the reasonable beautification that uses form to be able to go to the lavatory page, we often also hear the page that the friend complains form is made drab, coarse, lack changes, often also hear somebody to ask how to make a form rim that resembles element. It is actually in Dreamweaver we are OK the special and convenient table that turns you subtly, make your webpage more beautiful and careful thereby. We will be divided below if why 3 respect introductions turn your table subtly in Dreamweaver.

One, use attribute face plate.


Graph one
Above all the parameter that we need to understand face plate of two form attribute to go up: CellPad and CellSpace. If what the graph shows, cellPad is the distance between two unit case in pointing to form, cellSpace is to show the interval between the content among every unit case and it is apart from. Through changing these two parameter, cooperate setting colorific to change, can make the 1 form rim that resembles element expediently.
1, use Object face plate inserts a form, define table case reachs linage and row number widely, high. The acquiescent CellPad that notices to form is inserted in Dreamweaver right now and CellSpace, Border is 0. If pursue 2;

Graph 2
2, the Border that defines form in attribute face plate is 0, cellPad is 5 (5 maintain to resemble element between this content that can make unit case medium and unit case brim) ; CellSpace is 1 (this makes a span of an element maintains between unit case) . If purs ue 3;

Graph 3
3, the back scenery #999999 that sets table, if pursue 4;

4, the back scenery #FFFFFF that sets unit standard, if pursue 5;

Graph 5
5, the effect is previewed in the browser, we can see form presents a frame that resembles element, if pursue 6;

Graph 6

2, use form nest.
Still be the main principle above, we are using the mutual nest between form, can achieve more results.
1, above all our scale a form, consult the numerical value of the CellPad of this form and CellSpace mixes the example set in front color. If concrete result pursues 7;

Graph 7
2, the form that next another one-way sheet lists scale, install CellPad=2, if CellSpace=1 specific parameter pursues 8;

Graph 8
3, the form that has made in the first pace shift reachs in the form in the 2nd pace, if right now form exterior pursues 9;

Graph 9
We see this form has the circle outside crewel, the casing inside single track.
4, the form in altering the 2nd condition again is one-way biserial, set the table in a the first pace in every unit case, if last form outward appearance pursues 10;

Graph 10

redefine, define style of a.tdstyle alone, if specific parameter pursues 13;

The attention is here the frame width that we defined top and lower end is 1 like element, of or so both sides for 0.
4, final form result sees a picture 14;

(graph 15)
Right now form presents similar and stereo result.
6, above this form sense is not quite perfect, the right of whole form and lower part do not have frame. We can define.table1 of a style again, define this style it is quadrilateral 1 like element, add it to

, right now form exterior is like a graph 16;

Brief summary: Reasonable use above form skill of the introduction, OK and special create all sorts of common form forms expediently, achieve beautification thereby the purpose of your page. And the style expresses apply more augment the modal exterior of form, cooperate the support of tall browser, can achieve more diversiform result, be like dotted line, stereo line, etc. Individual feeling is in the design of commercial website, more use form can make arrangement of the face that add a page, can make a page concise and free at the same time, but also should remind everybody the nest administrative levels when form nest does not exceed three-layer.

No comments:

Post a Comment