Dreamweaver 3 table Experience Talk

Dreamweaver is a friend of the home page, few people use it, it makes us more relaxed typesetting. Some people say that the DW table does not use FP, I think otherwise, FP is an average of more than one row high, column high function, but the DW parameter change settings is very convenient, you can clear the table row height, column high definition of HTML statements, this function is very good. Good! Good! I no longer wordy, went straight to the topic, I will ask the way to introduce my several experiences, follw me:

Experience (a): Why is the table better than the layer layout?

First to learn DW friends, are more like to use layer layout, the main reason is that the layer can put objects to any position you want to put, and just drag the mouse, looks very relaxed, but with F12 preview on the unrecognizable, regret it? Let's use a tabular layout. The location of the layer is different from that of the table, and the positioning mode of the layer is the dynamic positioning method (citation < >), it's positioned on two parameters left and top, which sets the distance between the layer frame and the browser's border, whether you're maximizing it or at a different resolution, and the table will change in different situations. Especially when you use the form and the layer layout, this effect will make you miserable for a lifetime. Is the layer useless? Certainly useful, generally uses it to do some special effects, uses good can let your homepage icing on the cake. The site has a DW layer application of the tutorial, interested to see.

Experience (ii): How to eliminate the difference in resolution?

This is a very old-fashioned topic, but someone always asks. Our current Web page Best browsing resolution is mostly 800*600, but there are a lot of brothers with 640*480 or 1024*768, how to make your Web page compatibility is better, you just have to set the width of the table 100% can be decided this problem.

Experience (iii): Why does my table change in preview?

We often finish the table layout after the preview, found that the appearance of the table changed, not some height has become longer, that is, the width widened. The reason for this is that when you are typesetting, you drag or drop the height or length of the table with the mouse, so that the DW will automatically add some wide length code or height code to your page code. Because it's often done in the typesetting process, your page code adds a lot of these high and wide code, and when you preview it, the browser will display the code, and the table will appear to change. Fortunately DW provides you with a decision, press CTRL+F3 and click the table border out of the Table property Panel, point property Panel Clear Row heiht (get rid of the table to define the height of the HTML statement), and clear Column Wedths (get rid of HTML statements that define the width of the table) you'd better use it less, it will backfire if you use it, if you use a cut in your Web page, use it to eliminate the gap between the pictures is very effective.

Experience (iv): a technique for background images of a table.

Everyone knows that when you put a background picture in a larger table, the background picture repeats itself until the entire page is filled. We can use this feature of the table to reduce the size of the pictures in our web pages, for example, the following gradient diagram, you look like a whole picture, its practical is the table background repeat fill characteristics, and the picture is the right one, the size of only 1.3k, if you want to use a large picture is not cost-effective. If you want to insert a horizontal line, this method is also very effective.

Experience (V): How to make the mouse point to the table, the table background color?



Experience (vi): How to use the table to achieve the painting, that is, page effect?

Most of the Web page layout uses a table, using a table unit can embed a Web page, you know? This has a lot of benefits, such as you put the frequently updated areas into a table cell, and then embedded in this table cell you want to update the content, the future Update home page simply upload the nested page can be, there is no need to update the homepage, is not very convenient. I write the simplest example code:




Marginwidth: the width reserved on the right side of the table for the contents of the Web page: marginwidth= "20", in pix, below.
Marginheight: The height of the content in the Web page reserved at the top of the table;
Hspace: The horizontal axis of the upper right corner of the webpage;
Vspace: The vertical axis of the upper right corner of the webpage;
Frameborder: Whether to show edges, fill in "1" means "yes", fill "0" means "no"
Scrolling: Whether the scroll bar appears, fill in "1" means "yes", fill "0" means "no"

Experience (vii): What issues should be noted in the use of tables?

1. The entire table should not be nested in a table, as far as possible to split into multiple tables.
2. Table nesting level as little as possible, the best nesting table does not exceed 3 layers.
3. The structure of a single table is as neat as possible.