Wednesday, October 28, 2009

DreamWeaver form magical function - the detailed of line draw a frame round that make is solved (one)

    In DreamWeaver, form is in by more application layout webpage, on fixed position content. Actually besides these " big function " apply, adopt the method of all sorts of flexible, form still can achieve a lot of results that achieve hard commonly in the design, will reveal to everybody below " line draw a frame round " making is a very good example, of course its clever apply far still more than this.


"Line draw a frame round " the boy or girl friend often is seeing in the webpage, for instance a filament, a pane is in etc include. In certain result harmonious in making, "Line draw a frame round " decorating is indispensable. What make us very regretful however is, a lot of mainstream webpage designs did not offer directer and handy line draw a frame round to make a function in the tool. Below this kind of circumstance, use other element to come true to appear secondhand particularly important.


1> crosses a filament make< BR>

Above all, I think everybody should manage here " cross a filament " concept, and very important reflected in " fine " on, this also is we should realize its reason place through form.


The netizen that has contacted webpage design knows, in HTML (exceed text to transmit a language) in, have


--------------------------------------------------------------------------------
mark, this mark is to be used make " horizontal " of the object, so you asked certainly, horizontal be filament? Why to go with form even it?


Really, horizontal be to use the line that make, include banner and vertical stroke the effect, it can come true. But will look with current application, horizontal what cannot achieve our place requirement at all is fineness, also namely the effect of true Height=1pixels.


It is one group passes below horizontal made filament graphic representation:





Among them before two look apparently should many coarse, after that of the face had been in attribute (Properties) board begin moves set height to be of 1 also not be apparently very the requirement that accords with us, and horizontal if wanting to change color, must just can come true in source code, use rising is not very convenient, understood above these, we look how to achieve better result through form.


Click " Object " in face plate " form " icon perhaps chooses menu " Insert " - " Table " , proper in the webpage place inserts tall, wide all be the form object of 1. If pursue



The indication condition Width from " Percent " more instead represents actual bulk " Pixels " , such avoiding that put in the window what when shrinking, cause is unbalanced, OK, use form of mouse make choice of in webpage editor window at the same time, attribute board is as follows:

 


This is the form attribute setting below acquiescent condition, will among them " Border " , "CellPad " , "CellSpace " be worth whole set for 0.


The mouse is nodded for nothing in form interior, at this moment attribute board is already automatic switch installs the window to the attribute of unit case, of will unit case " Bg " set is " gules " (the color that is final filament, can install freely) , at the same time " H " the setting is " 1 " , if pursue



Click an editor the window is left those who go up " Show Code View " pushbutton enters source code window, codeBetween " " take out, can see the effect now.



In addition, you can pass those who adjust form " Width " the length that is worth control filament. Similar method, still can make set upright a filament.

No comments:

Post a Comment