20 Tips for Making Web Pages with Dreamweaver
Author：Eve Cole
Update Time：2009-06-01 01:02:13
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, and double-click it to add the information to the registry.
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.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?
In terms of compatibility with different browsers, Dreamweaver does a good job, 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 there is a parent-child relationship, such as a table in a layer, it is not within the scope of this principle;
Inline CSS often causes problems in Netscape Navigator, use chaining or inline;
Sometimes it is necessary to insert tables or transparent pictures 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?
There are two categories of copying and pasting text in Dreamweaver. The standard way copies the object together with its properties and uses the contents of the clipboard as HTML code; the other way only copies or pastes the text, ignoring the html format when copying and pasting. Then 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 using IE, but it does not meet the requirements or even makes errors when using Netscape Navigator, and why can't it be modified well in the document window of Dreamweaver?
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?
An 800X600 resolution screen is indeed too small for Dreamweaver, but even 1024X768 cannot fit all the panels. The key is to be well organized.
Close panels that are not temporarily used in editing and put commonly used panels together to save screen space;
Unless you need to use it now, close the "HTML Source Inspector". In addition to taking up 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 shortcut keys frequently 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> tag 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 a table cell, then hold down the "Shift" key and move with the arrow keys 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 to 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 "ConfigurationBehaviorsEvents" 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 becomes "onMouseOver". Other analogies.
12) When opening a page, can a small window be opened at the same time using Dreamweaver?
Yes, without writing a single 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:
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 an editable tag before the "</head>" of 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/inspection 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 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 creating a web page, the mouse is flying around, often changing the size of the set pictures. Can this be corrected without re-viewing the image?
If the image size does not match, its value will become 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 way is to create a frame 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 encountering this situation before, I usually insert a picture next to the text and add 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.
Make a new home page as the redirect 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">
Make another small Flash video and add a "Get url" behavior in the first frame to point to a page using Flash technology. Embed this short video into your home page for targeting purposes.
Obviously, this redirected page is very reliable.
