Dreamweaver webpage creation skills

Source: Internet
Author: User
Tags transparent image

This article brings together some tips you can use when creating a webpage using Dreamweaver. Hope to help you.

1) how to integrate Dreamweaver into IE browsers?
The Dreamweaver installer adds the "Edit with Dreamweaver" command in the context menu. We can also modify the Windows Registry to integrate it with IE. Like MS Word, Frontpage, and Notepad, use the edit button on the IE toolbar to call Dreamweaver to open the current page.
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.htm OpenWithListDreamweaver]
Export hkey_classes_root.htm OpenWithListDreamweavershell]
Export hkey_classes_root.htm OpenWithListDreamweavershelledit]
Export hkey_classes_root.htm OpenWithListDreamweavershelleditcommand]
@ = "C: Program filesm1_mediadreamweaver 3dreamweaver.exe % 1"
If you want to set it to the IE default editor, open "Internet options" of IE and specify it in the program tab.

2) in order to use some scripts, empty links are often required for graphics or text. However, when an object with a blank link is clicked during browsing, it will jump to the top of the page. How can we avoid this?
Because the browser thought it was linked to the same page, but it could not find the defined bookmarks (anchor), so it stayed at the top of the page. Use "javascript: void (null)" to replace "#" of the null link to solve this problem.

3) when using CSS and layers, the effects on different browsers are different and sometimes there is even a dislocation. How can this problem be solved?
In terms of compatibility with different browsers, Dreamweaver works well, but it does not mean that the webpage made with Dreamweaver is exactly the same in IE and Netscape. Generally, it is impossible for different browsers to view the same web page in the same way. This is determined by the browsers of different manufacturers.
Pay attention to the following issues:
Do not mix layer and table formatting. If it is a parent-child relationship, such as a table in the layer, it is not in this principle;
Inline CSS often encounters problems in Netscape Navigator, using chained or nested CSS;
Sometimes you need to insert a table or a transparent image in the blank layer to ensure the effect in Netscape Navigator. For layers with only a few pixels in width or height, use images instead;
Avoid using typographical properties that are not recommended by W3C organizations, instead of CSS.

4) Why are all paragraphs in a group merged from copying text from other documents to Dreamweaver, and there is a format code in Dreamweaver?
Dreamweaver can copy and paste texts in two categories. The standard method is to copy objects together with object attributes, and the clipboard content is used as HTML code. The other method is to copy or paste texts only, the html format is ignored during copying, and the html code is pasted as text during pasting. Press the "Shift" (Ctrl + Shift + C/Ctrl + Shift + V) key to press the next operation.

5) Why does the Web page use IE to browse normally, but Netscape Navigator does not meet the requirements or even errors, and the document window in Dreamweaver is always not easy to modify?
Check the code. Because the WYSIWYG editor repeatedly modifies some parts of the page, sometimes it leaves unnecessary code, such as redundant links, which is invisible in the Dreamweaver document window, and IE ignores them. However, Netscape Navigator has more strict code requirements, which is incredible during previewing.

6) in Netscape Navigator, some bookmarks (anchor) do not work, and some seem to have disappeared?
The bookmarks of Netscape Navigator are case sensitive. In Navigator, bookmarks in a multi-layer nested table are lost, and the bookmarks are placed outside the table.

7) The Dreamweaver document window is filled with various panels. In order to edit the document, you have to open gaps one by one. It is too tired. How can this problem be solved?
A 800X600 resolution screen is indeed smaller for Dreamweaver, but even 1024X768 won't fit all the panels. The key is to be well organized.

Close those panels that are temporarily unavailable during editing and put them together to save the screen space;
Disable "HTML Source Inspector" unless you want to use it now. Besides opening and occupying screen space, it also occupies a considerable amount of system resources;
Press F4 to hide all opened panels, view the full picture of the document, and click it to display the panel;
In the "Windows" menu, you can run the "Arrange Floating Palettes" command, which places all opened panels around the window and does not overlap each other.
It is a good way to improve work efficiency by using multiple shortcut keys and mastering them.
When an invisible object is added, Dreamweaver adds an icon to the top of the page of the document window. If there are too many icons, editing may be blocked. You can press Ctrl + Shift + I (main menu View | Invisible Elements) to hide and display them. You can also set the icon to not appear, but it is not recommended to do so, because they can help select objects for easy editing.

8) only content can be added to the Head object panel. Can you modify the content marked by
Yes. There is a very intuitive way, press "Ctrl + Shift + W" (main menu View | Head Content), a line of icons appears under the main menu selected in the document window, click these icons to modify.

9) How do I select very small images in tables and layers, such as 1X1px images?
Click in the cell of the table, press the "Shift" key, and press the arrow to move it. You can also select the table Unit (press Ctrl and click the corresponding unit with the mouse) or layer, select , return to the document window. The image is selected.

10) How to edit the name (Title) of a framework )?
Press Ctrl + F10 to open the Frames panel, click the outermost box, and press Ctrl + J (main menu Modify | Page Properties ).

11) how to change the default events of "behaviors?
The event setting file is placed in the "ConfigurationBehaviorsEvents" folder under the Dreamweaver installation directory. For example, for browsers Later than 4.0, open the file "4.0 and Later Browsers.htm ".
<A onClick = "*" onDblClick = "" onKeyDown = "" onKeyPress = "" onKeyUp = "" onMouseDown = "" onMouseOut = "" onMouseOver = "" onMouseUp = ">

Move "*" in "onClick =" * "to" onMouseOver = "and change it: <A onClick = "" onDblClick = "" onKeyDown = "" onKeyPress = "" onKeyUp = "" onMouseDown = "" onMouseOut = "" onMouseOver = "*" onMouseUp = ">

Restart Dreamweaver, and the default event of this type changes to "onMouseOver ". And so on.

12) can Dreamweaver be used to open a small window while opening a page?
Yes, no need to write a line of code. Use the built-in "Open Browser Window" script on the "behaviors" panel to set the page, Window size, and properties. As shown in the following figure:

13) when inserting a table, there is always a space in the table Unit (<td> </td>). How can we prevent it from being generated?
This is automatically generated by Dreamweaver. Do not delete it. If there is nothing in the table unit, Netscape Navigator will not display it.

14) in the
Use the "HTML Source inspector" panel to add editable tags before "<! -- # BeginEditable "Javascript" -->
<Script language = "JavaScript">
</Script>
<! -- # EndEditable -->

15) when developing and managing websites in cooperation, use the Dreamweaver registration/check system to check whether different access permissions are assigned to the website related files on the remote server?
Check in/check out is a kind of internal management mechanism used by Dreamweaver. It has nothing to do with file attributes. "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 checked out and edited by other colleagues, the local file will become read-only to prevent itself from changing its content.

Dreamweaver generates the corresponding ". the lck file is used to implement the check in/check out function. These files are not displayed in the "Site" window. Dreamweaver can read these files only 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 webpage, the mouse is flying and the size of the set image is often changed. Can it be corrected without viewing the image again?
If the image size does not match, the value of the image in the attribute panel will become bold. Press the "Refresh" button on the panel to restore it to the actual size.

17) how can I click a link and change multiple frameworks at the same time?
The most direct method is to create a framework for the link. Using Dreamweaver's "Go to URL" behavior is simpler. The dialog box shows all frames. 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 gray and not optional. What should I do?
In the past, I usually inserted an image next to the text and added the desired behavior to the image. Then edit the code, move it to the text, and remove the image. The above method is cumbersome. The convenient way is to link the text to "javascript: void (null)", and the behavior will be honestly revealed.

19) when the behaviors layer is put into the Library, Dreamweaver will not let the behaviors of the layer follow. What should I do?
Use a template.

20) check the Flash plug-in and redirect the script sometimes abnormal. Is there any other way?
When creating Flash web pages, people are used to redirect using Dreamweaver's "check plugin" behavior. However, sometimes it reports an error, but the plug-in is installed, but it does not. The following describes a secure method for redirection.
Create a new homepage as a redirected page. Use "Insert Refresh" on the "head" object panel to direct the webpage without Flash technology, as shown in the figure. It adds the following code to the page header: <meta http-equiv = "refresh" content = "4;url1_noflash.htm">

Add a "Get url" action to the first frame to point to the page using Flash technology. Embed the video into the targeted homepage.

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.