Magical uses of DreamWeaver tables-detailed explanation of wireframe production (1)
Author：Eve Cole
Update Time：2009-05-30 18:36:28
In DreamWeaver, tables are more commonly used in laying out web pages and positioning content. In fact, in addition to the application of these "big functions", through various flexible methods, tables can also achieve many effects that are generally difficult to achieve in design. The "wireframe" production that will be shown below is a good example. Of course Its clever use goes beyond that.
"Wireframe" objects are often seen in web pages, such as a thin line, a box, etc. In the coordinated production of certain effects, "wireframe" modification is essential. However, it is a pity that many mainstream web design tools do not provide relatively straightforward and easy wireframe creation functions. In this case, it is particularly important to use other elements to achieve indirection.
1> Production of thin cross-width lines
First of all, I think everyone should understand the concept of "thin line across the width" here, and a very important point is reflected in the "thin", which is why we have to use tables to achieve it.
Netizens who have been exposed to web design all know that in HTML (Hypertext Transfer Language), there is a
mark, this mark is used to create the "horizontal line" object, then you must be asking, isn't the horizontal line just a thin line? Why use tables to do it?
Indeed, horizontal lines are used to make lines, including banner and vertical effects, which can be achieved. But judging from the current application, the horizontal line simply cannot achieve the fineness we require, that is, the real effect of Height=1pixels.
Here is a set of thin line illustrations made with horizontal lines:
The first two of them obviously look much rougher, and the latter one, which has been manually set to a height of 1 on the Properties panel, obviously does not meet our requirements. If you want to change the color of the horizontal line, you must go to the source code. It can be achieved only in medium, but it is not very convenient to use. After understanding the above, let's take a look at how to achieve better results through tables.
Click the "Table" icon in the "Object" panel or select the menu "Insert" - "Table" to insert a table object with a height and width of 1 at an appropriate position in the web page. As shown in the picture
