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

This article mainly introduces how to use dreamweaver to make web pages, which can be used for reference by friends who need it. I hope you will learn a lot after reading this article. Next, let the editor take you to learn about it.

20 tips for using Dreamweaver to make web pages.

1) how to integrate Dreamweaver into IE browsers?

The Dreamweaver installer adds a "Edit with Dreamweaver" command to the context menu, and we can modify Windows's registry to integrate it with IE. Just like MS Word, Frontpage, and Notepad, Dreamweaver is called to open the current web page through the edit button of the IE toolbar.

Change the last line of the text below to your own Dreamweaver installation path, save them as a * .reg file, and double-click it to add information to the registry.

REGEDIT4

[HKEY_CLASSES_ROOT\ HTM\ OpenWithList\ Dreamweaver]

[HKEY_CLASSES_ROOT\ HTM\ OpenWithList\ Dreamweaver\ shell]

[HKEY_CLASSES_ROOT\ HTM\ OpenWithList\ Dreamweaver\ shell\ edit]

[HKEY_CLASSES_ROOT\ HTM\ OpenWithList\ Dreamweaver\ shell\ edit\ command]

@ = "C:\ Program files\ Macromedia\ Dreamweaver 3\ dreamweaver.exe% 1"

If you want to set it as the default editor for IE, open IE's "Internet options" and specify it in the program tab.

2) in order to use some scripts, it is often necessary to add empty links to graphics or text, but when browsing, clicking on objects with empty links will jump to the top of the page, how to avoid?

Because the browser thought it was linked to the same page, but it couldn't find the defined anchor, it stayed at the top of the page. Replace the empty link "#" with "javascript:void (null)" to solve this problem.

3) when using CSS and layer, the effect is different in different browsers, and sometimes there is even dislocation, how to solve it?

Dreamweaver does a good job of being compatible with different browsers, but it doesn't mean that pages made in Dreamweaver are exactly the same in IE and Netscape. Usually, browsing the same web page with different browsers cannot look exactly the same, which is determined by the browsers of different manufacturers.

In general, we should try our best to pay attention to the following problems:

Do not mix layer and table typesetting. If it is a parent-child relationship, such as a table in a layer, it is not within the scope of this principle.

Inline CSS often has problems in Netscape Navigator, using chained or embedded

Sometimes it is necessary to insert tables or transparent images in the empty layer to ensure the effect in Netscape Navigator. For layers that are only a few pixels wide or high, use pictures instead

Avoid using typesetting attributes that are not recommended by W3C organizations and use CSS instead.

4) Why is it that when text is copied from other documents to Dreamweaver, all the paragraphs are huddled together, while there is a format code inside Dreamweaver?

There are two categories of Dreamweaver copy and paste text, the standard way to copy the object together with the properties of the object, the contents of the clipboard as HTML code; the other way to copy or paste the text only, ignore the html format when copying, and paste the html code as text when pasting. Press one more "Shift" (Ctrl Shift C/Ctrl Shift V) key to operate in the latter way.

5) Why is it normal to browse the web page with IE, but not meet the requirements or even make mistakes with Netscape Navigator, and why is it always bad to modify the document window in Dreamweaver?

Please check the code. Because repeatedly modifying some parts of the page with the seen editor sometimes leaves some extra code, such as extra links, which is not visible in the Dreamweaver document window, and IE will ignore them. But Netscape Navigator is more strict with the code, and there is an incredible phenomenon when previewing.

6) in Netscape Navigator, some bookmarks (anchor) don't work, and some seem to disappear?

Netscape Navigator bookmarks are case sensitive. In Navigator, the bookmark inside a multi-layer nested table is lost, and the bookmark is placed outside the table.

7) Dreamweaver document window is covered with a variety of panels, in order to edit the document, have to open a gap, too tired, what to do?

It's true that a 800X600 resolution screen is a little small for Dreamweaver, but even 1024X768 can't hold all the panels. The key is to organize well.

Close the panels that are not temporarily used in editing and put the commonly used panels together to save screen space

Unless you want to use it now, turn off "HTML Source Inspector", which not only takes up screen space, but also takes up considerable system resources

Press F4 to hide all open panels, get a full view of the document, and then click to display the panel.

There is a "Arrange Floating Palettes" command in the "Windows" menu, using this command to place all open panels around the window without overlapping each other.

Using more keyboard shortcuts and mastering them skillfully is a good way to improve work efficiency.

When you add invisible objects, Dreamweaver adds icons to the top of the page in the document window, which may hinder editing if there are too many icons. You can press "Ctrl Shift I" (main menu View | Invisible Elements) to hide and show them. You can also set these icons not to appear, but this is not recommended because they help select objects and are easy to edit.

8) the Head object panel can only add content and can be modified in the document window

< head>

The contents of the tag?

Sure. In a very intuitive way, press "Ctrl Shift W" (main menu View | Head Content), a line of icons appears under the main menu bar of the document window, and click these icons to modify.

9) how to select the very small pictures in the table and layer, such as 1X1px?

Click in the cell of the table, then press the "Shift" key and move with the arrow key to select.

You can also select the table cell (press the Ctrl key and click the corresponding cell with the mouse) or layer, and then select the

< img src="...">

Return to the document window and the picture is selected

10) how to edit the name of a frame system (Title)?

Press "Ctrl F10" to open the "Frames" panel, click the outermost box, and press "Ctrl J" (main menu Modify | Page Properties).

11) how do I change the default event for "behaviors"?

The event settings file is placed in the "\ Configuration\ Behaviors\ Events\" folder under the Dreamweaver installation directory. For example, for browsers version 4.0 or later, open the file "4.0 and Later Browsers.htm".

< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">

Move the "*" in "onClick=" * "to" onMouseOver= "" and change it to:

< A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="*" onMouseUp="">

Restart Dreamweaver, and the default event of this class becomes "onMouseOver". Other analogies.

12) when opening a page, can you use Dreamweaver to open a small window at the same time?

Yes, you don't have to write a line of code. Use the built-in "Open Browser Window" script in the behaviors panel to set the page, window size, and properties. As shown in the figure:

Picture 1

13) when you insert a table, there is always a space in the table cell

< td>

< /td>

), how can we prevent it from happening?

This is automatically generated by Dreamweaver. Do not delete it. If there is nothing in the table cell, Netscape Navigator will not display the cell.

14) template document

< head>

Tag, except for the theme of the page can not be edited, how can I add behaviors to the page based on this template?

Use the "HTML Source inspector" panel in the template document

< /head>

"add an editable tag before it, as follows:

< !-- #BeginEditable "Javascript" -->

< script language="JavaScript">

< /script>

< !-- #EndEditable -->

15) when cooperating in the development and management of the website, does the registration / inspection system of Dreamweaver add different access rights to the files related to the website of the remote server?

Check in/check out is a management mechanism used internally in Dreamweaver, which has nothing to do with the properties of the file. "check out" means that the file is being used by me and cannot be edited by others; "check in" means that the file can be check out and edited by other colleagues, and the local file will become read-only to prevent itself from changing its contents.

Dreamweaver implements the check in/check out function by generating corresponding ".lck" files on local and remote servers, these files are not displayed in the "Site" window, Dreamweaver can read these files, and it is only valid for Dreamweaver. No attributes are added to the file. If you use other Ftp tools and editors, you can still open them.

16) when making a web page, the mouse flies, often changing the size of the set picture. Can I correct it without re-viewing the picture?

If the size of the picture does not match, in the properties panel, its value will become conspicuous bold. Press the "Refresh" button on the panel to return to its true size.

17) how can I click a link and change multiple frames at the same time?

The most direct way is to create a framework for the link.

It's easier to use Dreamweaver's "Go to URL" behavior. The dialog box displays all the frames, and fill in the corresponding page in the "URL" column below.

18) want to add behavior to the text, but the items on the behavior panel are gray and unselectable, what should I do?

In the past, when I encountered this situation, I usually inserted a picture next to the text and added the required behavior to the picture. Then edit the code, move it to the text, and remove the picture.

The above approach is more cumbersome and convenient is to link the text to "javascript:void (null)", and those behavior are honestly revealed.

19) when you put a layer that uses behaviors into the Library, what if Dreamweaver doesn't let the behaviors of the layer follow?

Do it with a template.

20) scripts that check Flash plug-ins and redirect are sometimes abnormal. Is there any other way?

When making Flash pages, people are used to using Dreamweaver's "check plugin" behavior for redirection. But sometimes it will misreport, obviously installed the plug-in, but said no. Here is a safe way to redirect.

Make a new home page as a redirected page. Use the "Insert Refresh" of the "head" object panel to direct to web pages that do not use Flash technology, as shown in the figure. It adds the following code to the header of the page:

< meta http-equiv="refresh" content="4;URL=noflash.htm">

Make another small Flash movie and add a "Get url" behavior to the first frame to point to the page that uses Flash technology. Embed this small film into the home page for targeting.

Obviously, this redirected page is very reliable.

That's the end of 20 tips for making web pages using Dreamweaver. Thank you for reading.

Thank you for reading this article carefully. I hope the editor will share how to make web content in dreamweaver is helpful to everyone. At the same time, I also hope you can support us, pay attention to the industry information channel, and find out if you have any problems. Detailed solutions are waiting for you to learn!

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.