Tutorial/dreamweaver/Introductory Dreamweaver Classic 50 Q (i)

dreamweaver| Tutorial 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 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 homepage of NetEase website, at the address www. 163. COM before will display a "easy" small icon. 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 "":



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.