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

Xiaobian to share with you how Dreamweaver makes web pages, I believe most people still do not know how, so share this article for everyone's reference, I hope you have a lot of harvest after reading this article, let's go to understand it together!

1) How to integrate Dreamweaver into IE browser?

Dreamweaver installer adds an " Edit with Dreamweaver " command to the context menu, and we can also modify the Windows registry to integrate it with IE. Just like MS Word, Frontpage, and Notepad, Dreamweaver opens the current page by invoking the edit button in the IE toolbar.

Change the *** lines in the text below to your 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\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 IE's default editor, 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 it?

Because the browser thought it was linking to the same page, it couldn't find the anchor defined and stayed at the top of the page. Fix this by replacing the empty link's " # " with " _javascript:void(null)."

3) When using CSS and layers, the effect is different in different browsers, and sometimes there is even dislocation. How to solve it?

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

In general, we should pay attention to the following issues as much as possible:

@, do not mix the use of layer and table layout, if it is a parent-child relationship, such as the table in the layer, outside the scope of this principle;

@, inline CSS is often problematic in Netscape Navigator, using chained or inline CSS;

@ Sometimes it is necessary to insert tables or transparent pictures 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 typographical attributes that are not recommended by the W3C organization and replace them with CSS.

4) Why copy text from another document into Dreamweaver, and all the paragraphs will be crowded together, and there is a format code inside Dreamweaver?

Dreamweaver copies and pastes text in two ways: the standard way to copy an object with its attributes and paste the contents of the clipboard as HTML code; the other way to copy or paste text only, ignoring html formatting when copying, and pasting html code as text when pasting. Press the Shift key (Ctrl+Shift+C/Ctrl+Shift+V) multiple times to do the latter.

5) Why does Internet Explorer browse normally, but Netscape Navigator does not meet the requirements or even errors, and the document window in Dreamweaver is always modified badly?

Please check the code. Because parts of a page are modified repeatedly with the editor you see, sometimes you leave some redundant code, such as redundant links, that you don't see in Dreamweaver's document window and IE ignores. Netscape Navigator, however, is more demanding on code, and previews can be quite surprising.

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

Bookmarks in Netscape Navigator are case sensitive. In Navigator, bookmarks inside multi-level nested tables are lost, so put bookmarks outside the tables.

7) Dreamweaver document window is full of a variety of panels, in order to edit the document, have to open a gap, too tired, how to be good?

An 800 x 600 resolution screen is small for Dreamweaver, but even 1024 x 768 doesn't fit all the panels. The key is to organize well.

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

Turn off " HTML Source Inspector " unless you need it right now, it takes up considerable system resources in addition to screen space;

Press F4 to hide all open panels for a full view of the document, and then press F4 to show panels;

In the Windows menu there is a command " Arrange Floating Palettes ", which is used to place all open panels around the window without overlapping.

Multi-use shortcut keys and proficiency is a good way to improve work efficiency.

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

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

< head>

What's marked?

Yes. There is a very intuitive way to press Ctrl+Shift+W (main menu View| Head Content), a line of icons appears under the main menu bar of the document window, click these icons to modify.

9) How to select the very small pictures in the table and layer, such as 1X 1px pictures?

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

You can also select a table cell (Ctrl + click on the cell) or layer, and then select the highlighted code in the HTML Source Inspector pane.

< img src="...">

Return to the document window and the picture is selected.

How do I edit the title of a frame?

Press Ctrl+F10 to open the Frames panel, click on the outermost box, 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 above version 4.0, 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 for this class becomes "onMouseOver." Other analogy.

12) When opening a page, open a small window at the same time. Can Dreamweaver achieve this?

Yes, without writing a single line of code. Use the built-in " Open Browser Window " script in the Behaviors panel to set page, window size, and properties. As shown in the figure:

13) When inserting a table, there is always a blank 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 a table cell, Netscape Navigator will not display the cell.

14) Template document

< head>

Tags, except for the page theme 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 marker before the word, as follows:

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

< script language="JavaScript">

< /script>

< !-- #EndEditable -->

15) When collaborating on website development and management, using Dreamweaver's registration/inspection system, do you add different access rights to the relevant files of the website on the remote server?

Check in/check out is a management mechanism used internally in Dreamweaver that is independent of 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, preventing myself from changing its contents.

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

16) When making web pages, the mouse flies, often changing the size of the set picture. Can I correct it without reviewing the picture?

If the image size does not match, its value will be highlighted in bold in the Properties pane. Press the Refresh button on the panel to return to true size.

17) How can I click on a link to change multiple frames simultaneously?

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

It is easier to use Dreamweaver's " Go to URL " behavior. The dialog box displays all the frames. Fill in the corresponding page in the " URL " field below.

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

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

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

19) When putting a layer with behaviors into Library, Dreamweaver won't let the layer's behaviors follow. What should I do?

Use the template.

20) Checking Flash plug-ins and redirecting scripts sometimes doesn't work properly. Is there another way?

When creating Flash web pages, people are used to using Dreamweaver's " check plugin" behavior to redirect. But sometimes it misreports that it has plug-ins installed and says it doesn't. Here's a safe way to redirect.

Create a new home page as a redirect page. Use Insert Refresh in the head object panel to navigate to pages that do not use Flash technology, as shown. It adds the following code to the head of the page:

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

Make a small Flash movie with a " Get url " action at *** frame pointing to a page using Flash technology. Embed this little video on the home page for orientation.

Obviously, this redirected page is very reliable.

That's all from Dreamweaver How to Make Webpages. Thanks for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

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.