Dreamweaver Skills 50 Q

Dreamweaver| Skills Dreamweaver has been a lot of netizens love the web design tools, in addition to its powerful dynamic effect of production capacity, convenient and concise operation of the interface is unique, we will take the latest version of the DREAMWEAVER4 as an example, And to ask the way the system introduced, in the design process often encountered some problems and technical things.
Note: For convenience, below we will dreamweaver all reduced to DW representation.

1> in DW, how do I enter a space?

The question of entering a space in DW seems to have become a cliché, and we may have seen N times in many books or articles about the use of DW.

The restrictions on space input in DW are for the "half-width" text state. Therefore, by adjusting the input method to the Full-width mode can be avoided, the method is: Open the Chinese Input method (take artificial intelligence ABC as an example), press Shift+space switch to the full corner state, now should be no problem.

In addition, you can use a number of "flexible" methods to enter the purpose of the space, such as the commonly used:

Add the HTML code "" that represents the space directly in the source code, after you enter a length of text object, and then adjust the text to the same color as the current background, but note that the latter may appear somewhat problematic in some browsers. (Oh, at that time I used that is let Wang to see out!) ）

2> How do I add a custom small icon before the browser address bar?

Do you remember sometimes when browsing the home page of NetEase's website, a small icon of "easy" is displayed before the WWW.163.COM . By default, this icon is a specified image of an IE browser. As shown in figure:

In fact, this is not a sophisticated technology, but in the site directory to add a specific file.

At this point, we need to make an icon file in advance, size is 16*16 pixel. The file name extension is ico and then uploaded to the appropriate directory. Add the following code between the HTML source file "

<link rel= "Shortcut ICON" href= "http://the address of the picture (note corresponding to just the directory)" >

Where the "shortcut icon" is the name of the icon. Of course, if users use IE5 or the above version of browsing, it is simpler, simply upload the image to the root of the site, you can automatically identify!

3> Why, I originally designed a good web page, in the browser window to minimize the ugly embarrassment?

This should be a very worthy of attention, that is to say, in Full-screen state browsing the content of the web, a little problem is not. When we use the window's minimize command or manually resize the window, the problem slowly arises. The content of the page will be the current window as the display range, in descending order. For example, the difference is exactly the same as having a "wrap in line" and "no wrap" in Notepad.

To solve this problem, we must start from the layout of the Web page, generally speaking, the content of the Web page is mostly through the table to achieve. Therefore, the problem of the "fault" is also on the table.

Take a look at the following table's Properties panel display:

As you may have noticed, there are two different types, percentages, and pixels available on the table's high width setting. The use of percentages will result in the problem mentioned earlier, and it will all be corrected to the actual size of the pixels unit.

4> How to change the display of the page, the tip of the top of the message?

When browsing the page, the tip of the top is often the key to the content of the Web page, helping visitors to understand the content of the page in advance. Before DW4, the operation is not provided directly on the function, and we often do so by applying the "Title" attribute in the source code. Entering the DW4 is much simpler.

Type the text information you want directly in the Title input box at the top of the edit window.

How about 5> to add a color-specific border to a picture?

For a picture without a border, inserting it directly into the Web page is quite bad for the display effect. Remember in Microsoft's FP to add a satisfactory frame to the picture is still quite troublesome.

But it's much easier in the DW because there's a "Border" attribute that lets you set the width of the border directly. As shown in figure:

The width is set, you must ask, the color? The Panel does not offer a choice of colors! Oh, in fact, there is a skill problem, with the mouse to select the object of the picture, attention is not clicked to select, but drag selection. It's as if you were setting the text color.

6> How do I add tips for pictures and linked text?

When we browse the Web, when the mouse hovers over a picture object or link, at the bottom right of the mouse sometimes a message box appears. Make a note of the target. On some occasions, its role is very important.

Next look at the picture prompts the information to add, select the Picture object, in the property panel you will find an "Alt" input box. By default, the input box is blank. Here's what you need to enter the prompt.

The creation of link hints is not so simple. Because this functionality is not provided directly in the DW, we need to implement it by adding HTML code.

Add the Title attribute in <a href= "" >. title= hint content can be.

7> How to download your own zip or other types of files for others?

In the view of many primary Web page authors, it seems like a "mystery" to download through a mouse click, but far from it. A format file (htm,html,asp,php) that is not recognized by browsers in a DW. Perl,shtml, etc. as a link target, the default action is download.

All you need to do is to write down the name of the file you want to download, and then make a link to the target file. Note that the catalogue must not be mistaken.

How can 8> ensure that text in a Web page does not follow the browser font size setting?

As we all know, in IE browser function settings, there is a freedom to set the window content font size function, so due to the habit of different visitors, the page presented in front of them sometimes will be different.

For example, you may have used the design of the font 2nd, the result of the user to the browser's additional settings, the larger, then show the effect on the problem.

The solution is to make the content of the Web page qualitatively mandatory on a suitable size. He is not allowed to change. You can implement this requirement by using a CSS style sheet to enforce the font control.

9> Open the destination link as a new window?

Open with a new window, as the name implies, that is, without overwriting the current window under the premise of another open a browser window. You can <a href= "" > Join "Target=_blank" directly in the connection code.

If your HTML is poor, this setting is also available on the DW Properties panel, and when you type the WWW URL in the link input box, the target dropdown box is also activated. As shown in figure

Choose the most "blank" on it.

10> How to load a Web page, like many commercial websites, pop up an ad window

This is often seen in a number of large business websites. The behavior behavior can be easily implemented in DW.

Since it is loaded, we can treat the entire page content as an event object. Click on the "<body>" tab in the bottom left corner of the DW edit window, and you will notice that all the pages are selected.

Click the "Behavior" button in the Quick Launch pad to enter the behavior panel, as shown in figure:

By selecting the Open Browse window item, you can also customize the window style, such as size, retention of tool buttons, and so on. Another thing is to remember that the corresponding event is "Onload".

11> I have no "timelines" in my Quick Launch board, what should I do?

DW has added several new items to the Quick Launch Board since it was upgraded to version 4, such as assets and so on. At this time the original timelins (timeline) button was squeezed down.

Of course, if you are anxious to use it now, you can still find it through the menu "Windows"-"timelines". But after all, it's better to put it in the boot board, then we can add it by setting it in!

"Edit"-"preference" enters the window and selects "Panels" (panel) in the list of items on the left, as shown

Click the "+" button above to select "timelines" from the Drop-down list. The timeline has been automatically added to the current show in Launcher list content, OK. The changed "Launcher" Panel is shown in figure.

At the same time you can also according to their own needs free choice of button options in the Panel to improve efficiency.

12> make a Web page so that it can automatically refresh every 5 minutes, how to achieve?

When browsing on the Internet, we often encounter some Web pages. When there is no response for a period of time, it is refreshed automatically. In addition to the purpose of alerting visitors, when the new refresh address is not the current URL, the function of automatic jump is realized.

Whether it's a recurring refresh or an automatic jump. In web design, is a very practical operation. Here's how they are made.

Select the "Head" section of the DW "Object" panel, and note that by default, the common "content" is displayed. As shown in figure

Click the Refresh button above and the pop-up window is as follows:

In the Delay input box, type the time of the refresh delay (in seconds), and "Action" to refresh the specified target URL. Since it is now refreshing the current page, the direct menu option "Refresh this Document" is available.

13> How do I define keywords for a Web page (keyname)?

When users use the search engine to search the appropriate content of the page, the keyword plays a role that can not be ignored. Most search servers automatically detect the presence of new pages in the network every once in a while, and record them by keyword to facilitate user inquiries.

Of course you want your page to appear in the search engine's query return list, and the keyword definition is particularly important.

Also in the "Head" Panel section, as shown in

Click the "Keywords" button to eject the definition window as follows:

Input needs to be defined one by one keyword, note that each keyword is separated by a ";" number, there is no limit.

14> How do I hide some unnecessary labels in the editing window?

When a user inserts too many invisible elements into a Web page, a row of labels appears at the top of the editing window to make it easy for users to find them at any time. Although the label itself does not affect the display in the browser, but many later, often so that the content of the Web page has to be misplaced, and thus to a certain extent, to hinder the visual adjustment of the Web page, so how can these dongdong remove it?

Go to the Preperence panel and select "Invisibel Elements" in the list, as shown in the figure:

Tick off the items you don't want to show, such as S cripts

15> does not support the display content of the frames browser?

We know that there are a lot of browser types, so the first thing we think about when designing a Web page is "is this something that can be displayed in different browsers?" ”。 The framework is an example!

But avoid this, it's easy, you just need to add the following content to the source code.

< body><noframes>---This page contains a frame structure, if you do not display the normal, please download a new browser version or replace the mainstream browser---</noframes></body>

16> How to avoid people putting your pages in the frame?

Some malicious people often steal the fruits of other people's work, such as putting other people's carefully crafted pages into their own frames.

So how to avoid the content of their own web page is "stolen"?

You only need to add the following code to the

<s cript language= "Javas cript" ><!--
if (self!=top) {top.location=self.location;}
--></S Cript>

How does 17> add the annotation content?

annotation content, as the name implies, appears only as a description, so it does not appear in the Web page when browsing. Its role is to identify some important or complex code to make the necessary marking, to be more convenient and quick to find.

Enter the "Invisibel" section of the Object panel (that is, the invisible Element) and select the Insert "Comment" button with the following window:

Type the necessary information in "Comment". If you return to the source code, you will see that these actions add only a piece of code in the following format:

<! --This is the annotation content that needs to be filled in-->

18> horizontal line, why can't I set the color?

In DW, when you insert a horizontal line through the menu "insert"-"horizonal rule", you will notice in the property panel that there is no setting for the horizontal line color, because the color property of the label

If it seems necessary, we can only go directly to the source file changes.

<HR color= "Corresponding color code" >

19> How do I set the ability to turn off the current window?

Here we can first enter the text to mark the "Close window", drag the mouse to select it, in the "link" input box, type "/", at the same time into the Source code window, in the link code to type the event-onclick= "Javas cript:window.close ();" return false; ".

The complete code for:< a href= "/" onclick= "Javas cript:window.close (); return false; > Close Window </a>

Of course, you can also change the text "Close the window" to other objects, such as pictures, buttons and so on!

What is the window that 20> automatically closes at timed intervals?

The above mentioned a function to close the window, so now the automatic shutdown how to achieve it?

Add the following code after the source <body> code:

< s cript language= "Javas cript" > <!--
SetTimeout (' Window.close (); ', 10000);
--> </s cript>

The set timeout is a function to set the delay time, where 10000 represents 10 seconds.

21> How do I change the mouse's "shape" in the browser?

In general, the mouse in the browser with the "Arrow" style appears, then we can change it to their favorite other style types?

Changing the shape of the mouse is done through a "CSS style sheet" in the DW.

Menu "Text"-"CSS style sheet"-"Edit style sheet", pop-up style sheet editing window, or click the CSS Style button in the Quick Launch pad to find the following:

Click the New button to select the default make custom style and, in the following define, apply the style only to the current Web page document, "This document only".

Select Extensing in the left list item in the Style Definition window, and the appropriate right setting is as shown

In the "Cursor" (mouse), Drop-down Select the appropriate shape can be determined to return, press F12 in the browser to observe the effect, not satisfied, you can also modify the style.

22> How do I get rid of the underline below the link text?

After we complete the link creation, the link text content is often automatically added below an underscore to indicate that the content contains hyperlinks. When a link in a Web page for a long time, it seems a bit messy feeling, in fact, we can easily remove it.

Also, go to the Edit Style Sheet window and click New to establish a newer style, as follows

The type (types) here, you need to select "Redefine HTML tag", while in the specific tag tag, select the "a" to represent the hyperlink, click OK.

Edit the style and select "Type" in the list on the left, as follows

Check the "None" checkbox in the "Decoration" (decoration), when all the link text underlines in all pages are erased.

23> How to let the mouse in the link text above "hover", resulting in discoloration, deformation and other effects?

Visit the site, we encountered the most common but one effect is "mouse hover response", the so-called "mouse hover response" in the link text, including changes in color, cosmetic effect (underline, underlined) and other options.

Because this effect is very good played to the target content of the emphasis on the role, so whether it is a personal site or some large commercial sites (such as Sina, Sohu, NetEase, etc.) have applications.

In the last question, you already know the way to get rid of the link underline, and don't repeat it here. The following question will be how to add a mouse to respond to an event.

Also go to the Edit Style Sheet window and click New to establish a novel style, with the difference of choosing the last item in the type now-"Use CSS selector", "selector" menu, select "A:hover" as follows

OK, go to the Edit Style window, set the text color "red" in the "Type" item, and of course you can add the effect of underlining when the mouse hovers over.

24> How do I make the background picture of a Web page scroll without following content?

Background image is a lot of web page designers often add things, when the content of the page beyond a screen, pull the scroll bar background image and content is relatively static scrolling together, then can lock the background does not follow the scroll? Of course you can go to the "Edit style Sheet" window, click "New" to establish a novel style, select "Redefine HTML tag" in type, and select "Body" in the Tag menu, and select "Background" in the list on the left. As follows

Set "Attachment" (attachment) to "fixed". where scroll represents the scrolling display used by default.

25> background music You must know, how to add it?

In Microsoft's Web tool-frontpage, there is a setting for background music, so DW obviously didn't do this, so you can only add it manually in the source code if you want to use it.

Before using, to remind everyone that the use of background music must pay attention to the size of the Web page file, can not be forgotten.

The code is as follows:

< EMBED src= "Music.mid" autostart= "true" loop= "2" width= "" "height=" >

Where SRC specifies the location of the music file, autostart for the music file after the upload of the action, true to automatically start playing, False does not play (the default).

How does 26> use horizontal lines to make a thin line with a width of 1?

Please click here to see the implementation method (increase by the editor)

27> How do I automatically add a date after a page change?

You only need to add the following code between the source file <body></body>.

< s cript language= "Javas cript" ><!--
document.write ("Last Updated:" +document.lastmodified);
--></S Cript>

The display style in the browser is: "Last Updated:2001/8/19"

How does 28> control popup popup information?

Sometimes, when we click on the link, there will be some note-highlighting, which is the pop-up message. For example, when a link has not yet completed the production of the target content page, you can use the popup information to explain.

Enter the link text in the appropriate place in the Web page, select it, and make a link in the Properties panel. If you are still selected, click the Behavior button in the Quick Launch pad, such as:

Click on the "+" number on the left, select "Popun message" from the list, and in the following window, enter the information to be prompted, as shown

Set the mouse event (events) for this action as a click (onclick). Preview the effect in the browser as follows

29> How do you hide the URL address information for the status bar in your browser?

Browsing the web, when the mouse hovers over the link, in the following status bar will automatically display the link target address, in view of security issues, sometimes we need to reset it to "0", that is set to blank.

Now you just have to do some hand and foot in the link code, as follows

< a href= "http://www.pconline.com.cn/pcedu";;;;;;; > Pacific Network Institute </a>

30> How do I change the prompt text in the status bar?

By default, when a Web page is loaded, information such as the address of the page is displayed in the status bar. Want to make it more attractive?

In the DW "Behavior" behavior panel, click the "+" number to select the Text of Status Bar option under Set text set, as shown in

In the "Set Text of Status Bar" window, enter similar message such as "Welcome to our website--Network management message".

31> How do I create a form handle for an e-mail message?

Forms should be an essential element of web interaction, and the form's functionality is due to the interaction of information, so the form's processing often involves the use of high-level programming languages, you might say, wow! I can't program! It doesn't matter, in fact, for some simple form content processing by e-mail can also be implemented.

First look at the following code:

<form name= "Content" method= "post" action= "handlers to be used" ></FORM>

Above is a typical form of HTML source code, where method determines how to use, including post and get two kinds. Action is the handler we said above, which can be implemented by asp/php/cgi.

So how do you do that with e-mail? Action=mailto:bjbenben@sohu.com, so that when the Submit button is clicked, a prompt window pops up, as follows:

Click OK to send the contents of the form to the specified mailbox.

32> How do I make a canonical email link?

The so-called "email link" is when we click on it, the browser will automatically invoke the default mail client to send e-mail.

Enter the "Problematic mail ME" word, drag and drop the mouse, switch to the Properties panel, and type the following command in the link input box:

Mailto:bjbenben@sohu.com? subject= &bc= Other e-mail address &bcc= other e-mail address. As shown in figure:

Where mailto for the Mail Link protocol, Subject for the message of the title, BC is the same carbon copy of the e-mail address, BCC represents the dark sent.

33> How to make an "empty link"?

An empty link is a link with no linked object, and in an empty link, the target URL is represented by "#". In other words, when making a link, just enter the # tag in the link input box of the property board, it is an empty link.

The presence of an empty link involves a number of factors, such as a page that has not been completed on a regular basis, and in order to maintain consistency on the page display (link styles are different from regular text styles), you can use it.

34> Click on the empty link, the page is often reset to the top end of the page, how to deal with?

In the browser, when we click on the empty link, it will automatically reset the current page to the first end, thus affecting the user's normal reading content, we certainly hope that it can not move.

At this point, you can use the code "Javas cript:void (NULL)" Instead of the original "#" tag, look back, the problem has been resolved.

35> How to customize a link that is free to jump within a page?

If you often subscribe to a number of free electronic magazines online, it is certain that the "tag link" is not unfamiliar, through a similar list of directories, can easily jump to any part of the page, no doubt its use is specifically for the "Super Long content" web design.

First determine where the link points to, that is, the location after the screen jumps. Go to the "Invisibles" section of the object panel, select the target text, click the Insert Named Anchor button, and the window looks like this

Type the name of the label in Anchor name, OK, at which point the red dotted line appears automatically below the text to differentiate the normal text content, noting that they do not appear in the browser.

Then you can make the link, in the Property Board link Input Box entry "#nchor name (just the name)". Of course, if you want to point to a location on another page, it's OK, just put the little tail in there.

36> at the same time in a picture, make a lot of links, how to do?

This problem is what we usually say "picture hotspot" (Image hot), of course, in the DW there is another name called "Image Hot zone."

When the picture is selected, at the bottom left of the property panel, there is a "map" toolbar with three buttons on the right to delimit different areas, as shown

In which the rectangle tool for example, selected, the mouse to stay in the picture will be a "+" shape to show that the representative can drag around, finished as shown:

In turn, you can complete a number of hotspot areas of the link production. Note that the regions cannot overlap.

37> How to make a rollover picture that responds to mouse events?

In many web pages, we often see some column headings that can become different when the mouse is slippery. In fact, many of them through two different pictures to achieve, that is, the so-called "flip picture" effect.

Of course, first of all, you have to prepare two pictures of the same size in advance to ensure that there is no visual discomfort when flipping, click "Rollover Image" on the "Object" panel

The Flip Picture Settings window pops up, as follows:

Click the browse button to determine the address of the Original image and rollover image, and be sure to select the Preload rollover image check box below, otherwise, in the blink of an eye, will have a certain download delay and affect the effect.

38> how to make "flying in the sky" picture?

In many large commercial web site home, you often see a lot of floating around the advertising picture, click can be linked to the specified address, in the DW this is achieved through timelines.

First insert the target picture in the Web page, select it, click the Timelins button in the Quick Launch pad to enter the Timeline window, as shown in:

At the time axis 1frame the right mouse click, select "Add Object", this time axis will appear a blue color bar (default 1-15frame), the lens stops at 15frame, while moving the picture inside the page to the end of the movement.

Now that a simple motion animation has been completed, you can adjust the path's twists and turns by adding keyframe in the middle. Click the right arrow button above to preview the effect.

39> How to make a "static suspension" picture on the page?

The so-called "static suspension" is the image is always trying to stay in a certain position in the Web page, so the visual kind of follow the page "Go" feeling, like suspended.

The implementation of this effect is accomplished through Javas cript, and generally requires a certain degree of programming ability. Fortunately, DW provides a fixed plug-in to make this effect, so it is much simpler.

First you have to download the Stav plugin, Http://www.51step.com/download/dwplugbe/stav.zip, unzip the inside of the two files (which includes picture files cross Browser Static Division.gif and Web page files cross Browser Static division.htm) are copied to the DW installation directory Configuration\objects\common.

Restart the DW, in the object panel, you will see that the bottom has more than the SI item, select it in the pop-up window set the floating layer to the top and left, and then insert the specified content in the layer (here for the picture) can be.

40> how to make text and picture content coexist?

We all know that in the DW, picture objects are often exclusive line, then the text content can only be parallel to the position of the line, how can you let text around the picture display?

Select the picture, and in the upper right of the property panel you can see a "Align" menu of attributes, as shown in

Select left, and you will find that the text has been evenly arranged on the right side of the picture.

41> to implement multiple windows connections?

Panel design has been a major feature of DW, to the DW4 version, the use of the Panel has been quite a lot, then how can we use it more efficiently?

"Window Connection" is a convenient way to customize the technical features, in short, you can put two or more panels in a window as needed.

Click the mouse to drag a panel tab to 21 panels, when you see a black border, release the mouse, then two panels have been one, operation as shown:

42> How do I hide something in a Web page?

In the web design, sometimes we need to insert some content that does not require display, such as traffic statistics system, user access analysis system, etc., we should consider how to hide them, of course, there is a prerequisite that their presence will not affect the layout of other page elements.

Click the "Layers" button in the Object panel, drag to create a new layer and put everything you need to hide in it, as shown in the figure:

Click on the Small box on the left of the layer, calibrate it as selected, switch to the property panel, and set the VIS value to "Hidden", as shown in figure:

Wow! All the content is really gone.

43> How to create a simple pull-down menu?

Pull-down menu is the most common in the Web page, because it can save a lot of web space, it is mainly used in the need to do a number of objects listed occasions, such as friendship Connection list, cooperation website address and so on.

The DW provides a simpler way to do this so we don't have to write the boring code!

Enter the FORM section of the Object panel, as shown in the figure:

Click the Insert Jump menu button to eject the Drop-down Menus Settings window:

Enter the name of the menu item in "Text", or type the URL in the Go URL or use the browse button to select it. Click on the top "+" number to enter the new menu item, all items will be displayed in the menu items.

44> How to make a thin line with a width of 1?

In the DW, although the horizontal line is in the form of "line", but in the production of thin lines, it is not satisfactory performance, mainly too thick, no need for the delicate feeling!

Then we can take a flexible approach to the application of the table to achieve.

Insert a 1 row 1 column table in a Web page, set the table's "cellpadding" "cellspacing" to "0", and set the cell's "bgcolor" to red, and you can use a different color instead, "height" setting a height of 1.

There is also the most critical step, look at the source code, the <td></td> "" to remove.

45> How do I make a square with a border of 1?

Obviously, we still have to do it through the table settings.

Perhaps you would say, it's not easy! Create a 1-row 1-column table and then set its "Border" value to 1. In fact, a table made in this way is not just a square with a border of 1, but a lot of "thick"!

Also insert a 1 row 1 column table, set the table "border", "cellpadding" to "0", "cellspacing" set to "1". Set the table "bgcolor" to red (that is, the color of the border), and set the cell "bgcolor" is white (that is, the same background color), OK. The effect is as follows:

46> How do I set up a different page according to a different browser?

Unlike browsers, it supports different technologies and effects. As a result, the Web page we designed does not display properly or best in all browsers. It is necessary to judge a browser's jump.

When users open with different types or versions of browsers, they can return to different pages to ensure the user's normal browsing.

Click the "Behavior" button in the Quick Launch pad, point "+", select "Check Browse" in the Drop-down list, and the window is as follows:

You can set them by different types.

How do you create an object that you can drag in a 47> Web page?

Visit the site, often see a lot of the elements can be dragged by the mouse, including the majority of pictures, such as a picture of the ads blocking the content you want to browse, you can use the mouse to choose to throw it aside!

Make this effect through the layer of the "Drag Layer" behavior, click the behavior panel "+", select "Drag Layer", of course, before you need to ensure that the target layer is selected, simple settings after the OK.

48> How to add an external style style sheet (CSS) to a Web page

Style sheet has internal, external points, the previous we to the page elements directly modified by the set is the internal list. External CSS references are implemented through the <LINK> tag.

<LINK> tags include href; TYPE; Rel property settings. Where HREF: The address used to calibrate the style page file Url;rel: Optional CSS: Stylesheet/altermate;type: Used to mark style language type: Text/css.

What is the use of 49> to set the base of the Web page?

There is a button called base in the head section of the Object panel that is used to set up site sites, so what does the so-called "base site" do?

We all know that the way we use the link in the DW is relative, not absolute, that is, as long as the root address changes, all the points will also follow the automatic changes, the advantage is that portability is strong.

However, there are times when we just need it to not change, that is, to force it to use a fixed address, click the "Base" button, as shown in the figure:

Type the URL of the base address in Href, and click OK to be valid.

50> How to pinpoint the contents of a Web page?

This is a descriptive technique question, so we put it at the end of the 50 question. For now, DW Web page content positioning is achieved mainly through the tables and layers.

The table is mainly through the individual cells to complete the layout of different content, because in the Web page, we can completely "virtual" (adjust to browse is not visible), so easy to use, another advantage is that the table no matter what browsers are generic, no technical support on the criticism.

In contrast, layers are more casual, and you can drag and drop them as you want them to. The only point is that the layer is only supported in a new version of the browser, but for now, there should be no obstacles!

Turn from: Dynamic Network production guide www.knowsky.com