Dreamweaver Classic Questions (complete) 2

Source: Internet
Author: User
Tags add object empty end flip picture insert window dreamweaver
dreamweaver| problem

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>.

< Script language= "JavaScript" ><!--
document.write ("Last Updated:" +document.lastmodified);
--></script>

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.

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

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 something in the link code to get it done,

< a href=http://tech.163.com/school > NetEase College </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.

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:xxx@163.com, so that when you click the Submit button, a prompt will pop up, and the "OK" form will be sent 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:XXX@163.com? subject= &bc= Other e-mail address &bcc= other e-mail address. 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 "javascript: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 type the name of the label in anchor name, OK, at which point the red dotted line appears automatically below the text to distinguish the normal text content , note 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."

Select the picture, which is located below the left of the property panel, there is a "Map" toolbar, the right side of which is three to delimit different areas of the button, in which the rectangle tool as an example, checked, the mouse resting on the picture will be a "+" shape to show that the representative can drag around, After completion, 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 to eject the Flip Picture Settings window, and click the Browse button to determine the Original Image "and" rollover image "address, note that you must select the following" Preload rollover image "check box, otherwise the mouse in the blink of an instant, 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 at the same time, click the "Timelins" button in the Quick Launch pad to enter the Timeline window, right-click on the timeline 1frame, select "Add Object", and a blue color bar appears on the timeline (default 1-15frame), Stop the lens at 15frame and move the picture within the page to the end of the motion.

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 done through JavaScript, generally requires a certain degree of programming capabilities. Fortunately, DW provides a fixed plug-in to make this effect, so it is much simpler.

First you must first download the Stav plugin, which will contain the two files (including 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, in the upper right of the property panel you can see a "Align" menu of attributes, select "Left", then 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.

42> 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> in the "" to remove it.

43> 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.

44> 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 "+", and select "Check Browse" in the Drop-down list.

How do you create an object that you can drag in a 45> 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.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.