Shulou(Shulou.com)06/02 Report--

This article is to share with you about common problems in Dreamweaver development. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

1 > how do you enter a space in dw?

The problem of typing spaces seems to have become a clich é in DW, and we may have seen it 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, so it can be avoided by adjusting the input method to full-width mode, the method is: open the Chinese input method (artificial intelligence ABC as an example), press Shift+Space to switch to the full-width state, should be no problem now.

In addition, you can enter spaces in many "flexible" ways, such as:

Directly add the HTML code "& nbsp" that represents spaces in the source code; enter a certain length of text object, and then adjust the color of the text to the same color as the current background color, etc., but note that the latter may have some problems in some browsers.

2 > how to add a custom small icon in front of the browser address bar?

Do you remember that sometimes when browsing the home page of NetEase's website, a small icon with the word "Yi" is displayed in front of the address WWW.163.COM? By default, this icon is a specified image in an IE browser.

In fact, this is not an advanced technology, but a specific file has been added to the website directory.

At this point, we need to pre-make an icon file with a size of 16 to 16 pixels. The file extension is ico, and then upload to the appropriate directory. Add the following code between the HTML source file "":

Where "SHORTCUT ICON" is the name of the icon. Of course, if users use IE5 or above to browse, it is even easier, as long as the picture is uploaded to the root of the site, it can be automatically identified!

3 > Why does my well-designed web page become ugly and embarrassing when the browser window is minimized?

This should be a problem worthy of everyone's attention, that is, there is no problem when browsing web content in full screen. When we use the minimize command of the window or manually resize the window, the problem slowly arises. The content of the web page will take the current window as the display range and fall in turn. For example, it is exactly the same as the difference between "automatic line wrapping" and "no line wrapping" in notepad.

To solve this problem, we must start with the layout of the web page. in general, the positioning of web content is mostly achieved through tables. So the "fault" of the problem lies in the form.

Take a look at the properties panel of the following table:

You may have noticed that two different types, percentages and pixels, are available for setting the height and width of the table. The use of the percentage will result in the problem mentioned earlier, which can be corrected to the actual size of the Pixels unit.

4 > how to change the top prompt when a web page is displayed?

When browsing a web page, the prompts at the top often represent the key to the content of the page, which helps visitors to understand the content of the page in advance. Before DW4, this operation was not provided functionally directly, and we often did this by applying the "title" attribute to the source code. It's much easier to get into DW4.

Type the required text information directly in the "title" input box at the top of the editing window.

5 > how can I add a border with a specified color to the picture?

For pictures without borders, inserting them directly into the web page is quite poor in terms of display. Remember that it is quite troublesome to add a satisfactory frame to the picture in Microsoft FP.

However, it is much easier in DW because there is a "Border" property that allows you to directly set the width of the border.

When the width is set, you must ask, where is the color? There is no choice of color on the panel. Ha ha, in fact, there is a technical problem, use the mouse to select picture objects, pay attention not to click to select, but drag to select. Just do it like you set the text color.

6 > how to add tips for pictures and link text?

When we browse the web, when the mouse hovers over the picture object or link, a prompt message box sometimes appears at the lower right of the mouse. Make some comments on the goal. On some occasions, its role is very important.

Let's first take a look at the addition of the picture prompt, select the picture object, and you will find a "Alt" input box in the properties panel. By default, the input box is blank. Just enter the tips you need here.

Then the production of link tips is not so simple. Because this functionality is not provided directly in DW, we need to do this by adding HTML code.

Add the "title" attribute to the. Title= prompt content is fine.

7 > how to download your own ZIP or other types of files for others?

In the eyes of many junior web makers, it seems to be a "mystery" to complete a download with a mouse click, but in fact it is far from that. In DW, when any format file (other than HTM,HTML,asp,PHP.PERL,SHTML, etc.) that is not recognized by the browser is used as the link target, the default operation is to download.

At this point, you just need to write down the name of the file you want the viewer to download, and then make a link to the target file. Be careful not to make a mistake in the catalogue.

8 > how can I ensure that the Chinese characters in the web page do not change according to the browser font size setting?

As we all know, in the function settings of the IE browser, there is a function that can freely set the font size of the window content, so that the web pages presented to different visitors will sometimes be different due to the habits of different visitors.

For example, you may be designed with a 2-point font, but it becomes larger due to the user's extra settings for the browser, and there is a problem with the display effect.

Then the solution is to qualitatively force the content of the web page to an appropriate size. That is, he is not allowed to change. This requirement can be achieved by mandatory font control through css stylesheets.

9 > Open the target link in the form of a new window?

Open with a new window, as the name implies, that is, open another browser window without overwriting the current window. You can add "Target=_blank" directly to the connection code.

If your HTML is poor, this setting is also provided on the DW properties panel, and when you type the WWW URL in the Link input box, the following Target drop-down box is also activated.

Just choose the top "blank".

10 > how to make a web page load, like many commercial websites, pop up an advertising window

This is often seen in many large commercial websites. This can be easily achieved through the Behavior behavior in DW.

Since it is loaded, we can treat the entire web content as an event object. Click on the "" tab in the lower left corner of the DW editing window and you will notice that all the page content has been selected.

Click the "Behavior" button in the Quick launch Board to enter the behavior panel

Select the "Open Browse Window" item, and 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 > what should I do if I don't have "Timelines" in my quick launch pad?

After upgrading from DW to version 4, several new items have been added to the quick launch board, such as Assets and so on. At this point, the Timelins (timeline) button that used to be on it was squeezed down.

Of course, if you are eager to use it now, you can still find it through the menu "windows"-"Timelines". But after all, it is not as convenient as putting it in the startup board, so we can add it by setting it!

"Edit"-"Preference" enters the window and selects "panels" (panel) in the list of items on the left.

Click the + button above and select "Timelines" from the drop-down list. The timeline has been automatically added to the current "Show in Launcher" list, OK. Changed "Launcher" panel

At the same time, you can also freely choose the button options that appear in the panel according to your own needs to improve your work efficiency.

12 > how to make a web page so that it can be automatically refreshed every 5 minutes?

When browsing the Internet, we often come across some web pages. It will be refreshed automatically when there is no response from time to time. In addition to the purpose of reminding visitors, when the new refresh address is not the current URL, it can jump automatically.

Whether it is a repeated refresh or an automatic jump. In web design, it is a very practical operation. Let's introduce how to make them.

Select the "Head" section of the DW "Object" panel, and notice that by default, the "content" of Common is displayed.

Click the "Refresh" button above

Type the time of refresh delay (in seconds) in the "Delay" input box, and "Action" is the specified target URL for refresh. Because it is time to refresh the current page, the direct menu option "Refresh This Document" is fine.

13 > how to define the keywords (Keyname) of a web page?

When users use the search engine search suitable content web pages, keywords play a role that can not be ignored. Most search servers automatically detect whether new web pages are generated in the network every once in a while and record them according to keywords to facilitate users to query.

Of course you want your page to appear in the query return list of the search engine, when the definition of keywords is particularly important.

Also in the "Head" panel section

Click the "Keywords" button

Enter keywords that need to be defined one by one. Note that each keyword is separated by a ";" sign, and there is no limit to the number.

14 > how to hide some unnecessary tags in the editing window?

When the user inserts too many invisible elements in the web page, a row of corresponding tags will be displayed at the top of the editing window to facilitate the user to find them at any time. Although these tags themselves do not affect the display effect in the browser, but after more, often make the web page content have to be misplaced, thus hindering the visual adjustment of the web page to a certain extent, so how can these things be removed?

Go to the "Preperence" panel and select "Invisibel Elements" from the list

Just check the "check mark" in front of the items you don't want to display, such as Scripts, etc.

15 > arrange the display of browsers that do not support "frames"?

We know that there are many types of browsers, so the first thing we consider when designing web pages is "does this thing display well in different browsers?" . The framework is an example!

However, to avoid this, it is very simple, you only need to add the following to the source code.

< BODY>

-this page contains a frame structure. If you can't display it properly, please download a new browser version or change the mainstream browser.

< /noframes>

16 > how to prevent others from putting your web page in a frame?

Some people with bad intentions often steal the fruits of other people's work, such as putting other people's elaborate web pages into their own framework in the form of sub-pages.

So how to prevent their own web content from being "embezzled"?

You only need to add the following code between the source code of the web page:

< /script>

17 > how to add comments?

Comment content, as the name implies, appears only as explanatory content, so it does not appear on the web page when browsing. Its function is to mark some important or complex code in order to find it more easily and quickly.

Go to the "Invisibel" section of the Object panel (that is, invisible elements) and select the insert "Comment" button

Type the necessary information in Comment. At this point, if you return to the source code, you will see that all these operations add is a piece of code in the following format:

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

In DW, when inserting a horizontal line through the menu "Insert"-"Horizonal Rule", you will find that the settings on the color of the horizontal line are not provided in the properties panel, because the COLOR property of the tag (the HTML code of the horizontal line) is not supported in the earliest NC, so DW has no settings about it.

It seems that if necessary, we can only go directly to the source file to change.

19 > how to set the function that can close the current window?

Here we can first enter the marked text "close the window", drag to select it with the mouse, type "/" in the "Link" input box, while cutting into the source code window, type the event-onclick= "_ javascript:window.close (); return false;" in the link code.

The complete code is:

< a href="/"onclick="_javascript:window.close(); return false;">

Close the window

< /a>

Of course, you can also replace the text "close the window" with other objects, such as pictures, buttons and so on!

20 > what about windows that close automatically at regular intervals?

The function of closing windows is mentioned above, so how is the automatic closing now realized?

Add the following code after the source code:

< script LANGUAGE="javascript">

< /script>

Where set Timeout is a function used to set the delay time, where 10000 represents 10 seconds.

21 > how to change the "shape" of the mouse in the browser?

In general, the mouse appears as an "arrow" in the browser, so can we change it to another style we like?

Changing the shape of the mouse is achieved through the CSS stylesheet in DW.

Menu "Text"-"CSS style sheet (CSS style)"-"Edit style sheet", the editing window of the pop-up style sheet, you can also click the CSS style button in the quick launch board to find it, click the "New" button, select the default "Make custom style", and make the style apply only to the current web document, "This document only" in the Define below. In the "style definition" window on the left side of the list item, select "Extensing" (extension), the corresponding right side is set in "Cursor" (mouse), drop down to choose the appropriate shape, confirm and return, press F12 to observe the effect in the browser, if you are not satisfied, you can also modify the style.

22 > how to remove the underline under the link text?

After we have finished making the link, the link text is often automatically underlined below to indicate that the content contains a hyperlink. When there are more links in a web page, it seems to be a little messy, in fact, we can easily remove it. Also enter the "Edit style sheet" window, click "New" to establish a new style, where the Type (type), need to choose is "Redefine HTML Tag", at the same time in the specific tag Tag selected on behalf of the hyperlink "a", click OK.

Edit the style, select "Type" in the list on the left, check the "None" check box in "Decoration", and all the link text underlines in all pages are removed.

23 > how to make the mouse "hover" over the link text to produce discoloration, deformation and other effects?

One of the most common effects we encounter when visiting a website is the "mouse over response". The so-called "mouse over response" is shown in the linked text, including changing color and retouching effects (underlining, middle underlining) and other options.

As this effect plays a good role in emphasizing the target content, it is applied not only to personal websites but also to some large commercial websites (such as Sina, Sohu, NetEase, etc.).

In the last question, you already know how to remove the link underline, so I won't repeat it here. The next question will be the process of how to add a mouse to respond to events.

Also enter the "Edit style sheet" window, click "New" to establish a new style, the difference is that the current Type type to select the last item-"Use CSS selector", "Selector" menu select "a:hover" OK, enter the editing style window, set the text color in the "Type" item to "red", of course, you can also add the effect of underlining when you hover.

24 > how to make the background image of a web page not scroll with the content?

The background image is something that many web designers often add. When the content of the page exceeds one screen, pulling the scroll bar will scroll with the content relatively still, so can you lock the background and not follow the scroll? Of course, you can go to the "Edit style sheet" window, click "New" to establish the new style, select "Redefine HTML Tag" in the TYpe, select "Body" in the Tag menu, and select "Background" in the list on the left. Set "Attachment" (attachment) to "fixed". Where scroll represents the scrolling display used by default.

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

In Microsoft's web tool-Frontpage, there is a setting function for background music, so DW obviously does not do this, so if you want to use it, you can only add it manually in the source code.

Before using it, I would like to remind you that you must pay attention to the size of the web page file when using background music. The code is as follows:

< EMBED src="music.mid"autostart="true"loop="2"width="80"height="30">

Src specifies the location of the music file, autostart is the action after the music file is uploaded, true means to start playing automatically, and false does not play it (default).

27 > how to automatically add the changed date to the web page?

Just add the following code between the source files.

< Script Language="javascript">

< /Script>

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

28 > how to control pop-up POPUP messages?

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

Enter the link text in the appropriate location on the web page, select it, and make the link in the properties panel. While still selected, click the "Behavior" button in the quick launch pad

Click the "+" sign on the upper left, select "Popun message" from the list, and enter the information you need to prompt in the subsequent window.

Set the mouse event (Events) of the action to onclick. The preview effect in the browser is as follows

29 > how to hide the URL address information of the status bar in the browser?

When browsing the web, when the mouse hovers over the link, the link's destination address is automatically displayed in the status bar below. For security reasons, sometimes we need to reset it to "zero", that is, blank.

Now you just need to do something in the link code to achieve it.

< a href=http://tech.163.com/school onMouseOver="window.status='none';return true">

NetEase College

< /a>

30 > how to change the prompt text in the status bar?

By default, when a page is loaded, information such as the page's address will be displayed in the status bar. Do you want to make it more attractive?

In the DW "Behavior" behavior board, click the "+" sign to select the "Text Of Status Bar" option under "Set Text Set"

Enter Message information such as "Welcome to this website-Network Management message" in the "Set Text of Status Bar" window.

31 > how to establish form processing for e-mail?

The form should be an indispensable element in the interactive function of the web page, the function of the form is due to the interaction of information, so the processing of the form often involves the use of the network high-level programming language, you may say, wow! I can't program! It doesn't matter, in fact, for some simple form content processing can also be achieved by e-mail.

Take a look at the following code first:

The above is the HTML source code for a typical form in which METHOD decides to use both POST and GET. ACTION, that is, the handler we mentioned above, can generally be implemented through ASP/PHP/CGI.

So how to do it with e-mail? Action=mailto:XXX@163.com, so that when you click the submit button, a prompt window will pop up and click OK to send the contents of the form to the specified mailbox.

32 > how to make a standard email link?

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

Enter the word "problematic MAIL ME", drag and select it, switch to the properties panel, and type the following command in the LINK input box:

Mailto:XXX@163.com? Letters from Subject= users & bc= other email addresses & bcc= other email addresses. Where Mailto is the mail link protocol, Subject is the email title, bc is the email address that is copied at the same time, and bcc represents the secret message.

33 > how to make an "empty link"?

An empty link means that there is no link to an object. In an empty link, the target URL is represented by "#". In other words, when making a link, as long as you type the # tag in the LINK input box of the property board, it is an empty link.

The emergence of empty links involves many factors, such as some pages that are not completed on a regular basis, and in order to keep the display of the page consistent (the link style is different from the ordinary text style), you can use it.

34 > when you click an empty link, the page is often reset to the top of the page. how to deal with it?

In the browser, when we click on the empty link, it will automatically reset the current page to the front end, thus affecting the normal reading content of the user, of course, we hope it will remain unchanged.

At this point, you can replace the original "#" tag with the code "_ javascript:void (null)". Looking back, the problem has been solved.

35 > how to customize links that can jump freely within the page?

If you often subscribe to some free e-magazines online, you must be familiar with this "tag link". Through a list of similar directories, you can easily jump to any part of the page. there is no doubt that its use is specially designed for "super-long content" web pages.

First determine the location where the link points, that is, where the screen jumps and stays. Enter the "Invisibles" section of the "Object" panel, select the target text, click the "Insert Named Anchor" button, and type the tag name, OK, in the "Anchor Name". At this time, a red dotted line will automatically appear under the text to distinguish ordinary text content, and note that they will not appear in the browser.

Then you can make the link and type "# nchor Name" in the LINK input box of the property board. Of course, if you want to point to a location on another page, that's fine, just put the little tail there.

36 > what if I make many links on the same picture at the same time?

This problem is what we usually call "picture hotspots" (Image HOT). Of course, there is another name in DW called "image hotspots".

Select the picture, then in the lower left of the properties panel, there is a "Map" toolbar, its right is used to delineate different areas of the button, to the rectangle tool, for example, selected, the mouse over the picture will be shown in a "+" shape, on behalf of the left and right drag and drop, after completion, you can complete the link production of multiple hot areas. Note that the areas do not overlap.

37 > how do I make a flip picture that responds to mouse events?

In many web pages, we often see some column headings that can be changed when the mouse is over. In fact, many of them are achieved through two different pictures, that is, the so-called "flip picture" effect.

Of course, first of all, you have to prepare two pictures of exactly the same size in advance to ensure that there will not be any visual discomfort when flipping. Click "Rollover Image" on the "Object" panel to pop up "Flip Picture Settings" window, click the "Browse" button to determine the address of "Original image" and "Rollover image" respectively, and be sure to select the "Preload Rollover image" check box below, otherwise, the moment the mouse slips over. It will cause a certain download delay and affect the effect.

38 > how to make the picture of "flying all over the sky"?

On the home pages of many large commercial websites, you will often see a lot of advertising pictures floating back and forth, which you can click to link to the specified address, which is achieved through Timelines in DW.

First of all, insert the target picture in the web page, while selecting it, click the "Timelins" button in the quick launch board to enter the "timeline" window, right-click the mouse in the position of 1frame in the timeline, select "Add Object", then a blue bar will appear on the timeline (default 1-15frame), stop the lens in the 15frame, and move the picture on the page to the end position of the movement.

Now that a simple motion animation is complete, you can adjust the curvature of the path by adding keyframe in the middle. Click the right arrow button above to preview the effect.

39 > how to make a picture of "static suspension" in the page?

The so-called "static suspension" means that the picture is always trying to stay in a certain position on the page, so there is a visual feeling of "walking" with the page, as if suspended.

The realization of this effect is accomplished through javascript, which generally requires some programming ability. Fortunately, DW provides fixed plug-ins to create this effect, so it is much simpler.

First of all, you must download the stav plugin and copy the two files (including the image file Cross Browser Static division.gif and the web file Cross Browser Static Division.htm) to the DW installation directory Configuration\ Objects\ Common.

Restart DW, in the Object (objects) panel, you will see that there are more SI items at the bottom, select it to set the distance between the floating layer to the top and the left in the pop-up window, and then insert the specified content in the layer (in this case, the picture).

40 > how to make text and picture content coexist?

As we all know, in DW, picture objects often occupy a single line, so the text content can only be on a parallel line, how can we make the text display around the picture?

Select the image, in the upper right of the properties panel you can see a "Align" properties menu, select "Left", then you will find that the text has been evenly arranged on the right side of the image.

41 > realize the connection of multiple windows?

Panel design has always been a major feature of DW, to the DW4 version, there are already quite a number of panels, so how can we use it more efficiently? "window connection" is a kind of technical function that is convenient for everyone to customize. To put it simply, you can put two or more panels into one window as needed. Click and drag the Tab bar of a panel to two panels, when you see a black border, release the mouse, then the two panels have been merged into one.

42 > how to make a thin line with a width of 1?

In DW, although the horizontal line appears in the form of "Line", it does not perform satisfactorily when making thin lines, mainly because it is too thick and does not have the necessary sense of fineness!

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

Insert a 1-row and 1-column table in the page, set the table's "cellpadding" and "cellspacing" to "0", and set the cell's "bgcolor" to red, of course, you can also use other colors instead, "Height" sets the height to 1.

And the most critical step is to look at the source code and set the

< td>

< /td>

You can just remove the "" from the.

43 > how to make a box with a border of 1?

Obviously, we still have to do this through the setting of the table.

You might say, it's not easy! Create a table with 1 row and 1 column, and then set its "Border" value to 1. In fact, the table made in this way is not a box with a border of 1 at all, but much thicker!

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

44 > how to set up to return different pages according to different browsers?

Different browsers support different technologies and effects. Therefore, the web pages we designed are not displayed properly or optimally in all browsers. At this point, it is necessary to judge the jump of the browser.

When users open it with different types or versions of browsers, they can return to different pages to ensure normal browsing. Click the "Behavior" button in the quick launch pad, click the "+" sign, and select "Check Browse" in the drop-down list.

45 > how are objects that can be dragged on a web page created?

When visiting a website, you can often see a lot of elements that can be dragged with the mouse, most of which are pictures. For example, an advertising picture blocks the content you want to browse, and you can use the mouse to select and throw it aside!

This effect is achieved through the "Drag Layer" behavior of the layer. Click the "+" sign in the Behavior panel and select "Drag Layer". Of course, you need to make sure that the target layer is selected and OK after simple settings.

Thank you for reading! This is the end of this article on "what are the common problems in Dreamweaver development?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.