20 tips for creating web pages in Dreamweaver

This article introduces you to 20 tips for making web pages in dreamweaver. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Related recommendations: "dreamweaver Tutorial"

20 tips for using Dreamweaver to create web pages. Hope this helps.

1) How to integrate Dreamweaver into IE browser?

The Dreamweaver installation program will add an "Edit with Dreamweaver" command to the context menu. We can also modify the Windows 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 on the IE toolbar.

Change the last line of the following text to your own Dreamweaver installation path, save them as a *.reg file, double-click it to add the 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 on the Program tab.

2) In order to use certain scripts, it is often necessary to add empty links to graphics or text. However, when you click on an object with an empty link during browsing, it will jump to the top of the page. How to avoid this?

Because the browser thinks the link is to the same page, but it cannot find the defined bookmark (anchor), so it stays at the top of the page. Replace the " # " of empty links with " javascript:void(null) " to solve this problem.

3) When using CSS and layers, the effects in different browsers are different, and sometimes even misalignment occurs. How to solve it?

Dreamweaver does a good job in terms of compatibility with different browsers, but this does not mean that web pages created with Dreamweaver will be exactly the same in IE and Netscape. Under normal circumstances, the appearance of the same webpage browsed by different browsers cannot be exactly the same. This is determined by the browsers of different manufacturers.

Generally, try to pay attention to the following issues:

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

Linked CSS often causes problems in Netscape Navigator. Use chained or inline styles;

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

Avoid using typographic properties that are not recommended by the W3C organization and use CSS instead.

4) Why when copying text from other documents to Dreamweaver, all the paragraphs are crowded together, and there are formatting codes inside Dreamweaver?

Dreamweaver has two categories for copying and pasting text. The standard method copies the object together with its properties and treats the contents of the clipboard as HTML code; the other method only copies or pastes the text and ignores it when copying. html format, when pasting, paste the html code as text. Press one more "Shift" (Ctrl Shift C/Ctrl Shift V) key to operate in the latter way.

5) Why can the web page be browsed normally with IE, but not meet the requirements or even make errors when using Netscape Navigator, and the document window of Dreamweaver cannot be modified well?

Please check the code. Because you use the WYSIWYG editor to repeatedly modify certain parts of the page, sometimes some redundant code will be left, such as redundant links. These codes cannot be seen in the Dreamweaver document window, and IE will ignore them. However, Netscape Navigator has stricter code requirements, and incredible phenomena occur during preview.

6) In Netscape Navigator, some bookmarks (anchors) do not work, and some seem to have disappeared?

Netscape Navigator's bookmarks are case-sensitive. In Navigator, bookmarks in multi-layered nested tables will be lost. Place the bookmarks outside the table.

7) The Dreamweaver document window is full of various panels. In order to edit the document, I have to open up each gap. It is too tiring. What should I do?

A screen with a resolution of 800X600 is indeed too small for Dreamweaver, but even 1024X768 cannot fit all the panels. The key is to be well organized.

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

Close "HTML Source Inspector" unless you want to use it now. In addition to occupying screen space, it also takes up considerable system resources;

Press F4 to hide all open panels and see the entire document, and press it again to display the panels;

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

Using multiple shortcut keys and mastering them proficiently is a good way to improve work efficiency.

When adding invisible objects, Dreamweaver will add the corresponding icon at the top of the page in the document window. If there are too many icons, it may hinder editing. You can hide and show them by pressing "Ctrl Shift I " (main menu View|Invisible Elements). You can also set these icons not to appear, but this is not recommended because they help select objects for editing.

8) The Head object panel can only add content. Can the content of the < head> mark be modified in the document window?

Can. There is a very intuitive way, press "Ctrl Shift W" (main menu View|Head Content), a row of icons will appear under the main menu bar of the document window, click these icons to modify.

9) How to select very small pictures in tables and layers, such as 1X1px?

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

You can also select the table cell (press the Ctrl key and click the corresponding cell with the mouse) or layer first, and then select < img src=" in the highlighted code in the "HTML Source Inspector" panel. .."> , return to the document window, and the picture is selected.

10) How to edit the name (Title) of a framework system?

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

11) How to change the default event of "behaviors"?

The event setting file is placed in the "\Configuration\Behaviors\Events\" folder in the Dreamweaver installation directory. For example, for browsers of version 4.0 or above, 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, the default event of this type will become "onMouseOver". Other analogies.

12) When opening a page, can a small window be opened at the same time using Dreamweaver?

Yes, no need 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 picture:

Picture 1

13) When inserting a table, there is always a space (< td> < /td> ) in the table cell. How can I prevent it from happening? ?

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

14) The < head> tag of a template document cannot be edited except for the web page theme. How can I add behaviors to a web page based on this template?

Use the "HTML Source inspector" panel to add editable tags before "< /head>" in the template document, as follows:

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

< script language="JavaScript">

< /script>

< !-- #EndEditable -->

15) When cooperating to develop and manage a website, using Dreamweaver's registration/checking system, are different access permissions added to the website-related files on the remote server?

Check in/check out is a management mechanism used internally by Dreamweaver and has nothing to do with file attributes. "check out" means that the file is being used by me and others cannot edit it; "check in" means that the file can be checked out and edited by other colleagues, and the local file will become read-only to prevent myself from changing it. Content.

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. It only Dreamweaver works. No attributes are added to the file. If you use other Ftp tools and editors, you can still open them.

16) When creating a web page, the mouse flies around, often changing the size of the set pictures. Can this be corrected without re-viewing the image?

If the size of the image does not match, its value will become conspicuously bold in the properties panel. Press the "Refresh" button on the panel to restore it to its true size.

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

The most direct method is to establish a framework system for the link.

It’s easier to use Dreamweaver’s “Go to URL” behavior. The dialog box displays all frames. Just fill in the corresponding page in the "URL" column below.

18) I want to add behavior to the text, but the items on the behavior panel are all dim and unselectable. What should I do?

When I encountered this situation before, I usually inserted a picture next to the text and added the required behavior to the picture. Then edit the code, move it over the text, and remove the image.

The above method is more cumbersome. The convenient way is to link the text to "javascript: void(null)", and those behaviors will be revealed honestly.

19) When putting a layer using behaviors into the Library, Dreamweaver does not let the layer's behaviors follow. What should I do?

Use templates.

20) The script that checks the Flash plug-in and redirects is sometimes abnormal. Is there any other method?

When making Flash web pages, people are accustomed to using Dreamweaver's "check plugin" behavior for redirection. But sometimes it will report incorrectly, saying that the plug-in is obviously installed, but it says it is not. Here's a solid way to redirect.

Create a new homepage as the redirected page. Use "Insert Refresh" in the "head" object panel to direct to a web page that does not use Flash technology, as shown in the figure. It will add the following code to the head of the page: < meta http-equiv="refresh" content="4;URL=noflash.htm">

Create another small Flash video in The first frame adds a "Get url" behavior, pointing to the page using Flash technology. Embed this short video into your home page for targeting purposes.

Obviously, this redirected page is very reliable.

This concludes the 20 tips for using Dreamweaver to create web pages, thank you for reading.

For more programming-related knowledge, please visit: Programming Learning! !

The above is the detailed content of 20 tips for creating web pages in Dreamweaver. For more information, please follow other related articles on the PHP Chinese website!