Web Design and Production FAQs

1. Why is the home page name of the website generally named index.htm or index.asp?

the homepage file name of the website is index.htm or index.asp, which is a website naming specification. Enter the URL in the browser address bar, even if you do not enter index.htm or index.asp, the browser will be able to find the correct file and display correctly, because the Web server default home name is Index.htm or index.asp. In addition, by setting, the default home file name format commonly used by Web server is Index.htm, Default.htm, Index.asp, Default.asp and so on.
2. Cleverly set resolution
when making a Web page, it is sometimes found that It is normal for a Web page to be browsed on the local computer, but when viewed on another computer, the layout of the Web page is confused because of the different resolution of each computer. In the lower-right corner of the Dreamweaver document window, displays the resolution size of the current document. Click the current resolution number, in the pop-up menu you can specify the display resolution for the current page, and modify to make the page more flexible.
3. Quick way to open a file and insert a Web page image
in Dreamweaver, when editing a webpage, you do not have to open the file through the "open" command in the menu bar, a quicker way is to use the files panel to open the relevant file, Drag a file directly to the document editing window with your mouse, or you can drag an image file to a Web page directly from the files panel by inserting elements such as images on your Web page.
4. How do I just copy text and not want to format it?
When you copy text from Dreamweaver to another application, the HTML code and text are copied together. At this time, the general use of shortcut keys, "CTRL + C" To copy, if the copy when the more press a "C." Key to copy only the selected text. When pasting from an external document, if you want the text to be formatted, you can choose the edit ︱ paste Text command in the menu and do not use the shortcut key "Ctrl + V" directly.
5. How do I hide a tag subtly?
If an invisible element is inserted into a Web page, Dreamweaver automatically adds a corresponding element label to the page so that the invisible element is selected. However, if you do not want to display, you can also hide the label, by pressing the "Ctrl+u" key to open the Preferences dialog box, select "Invisible element" in the category, all the element labels will appear on the right side of the panel. As long as you remove the unwanted element before the label, it will not appear again.
6. Dreamweaver automatically creates style features
The Text properties panel can set the style and formatting of the currently selected text. When you use the Properties panel to set text styles and formatting, Dreamweaver tracks the formatting attributes specified for each text element and assigns a label to each element using a naming convention: Style1, Style2, Style3 、......、 Stylen. If you assign the same format property to two or more text elements, Dreamweaver marks the elements with the same caption, eliminating redundant style names.
7. What is the difference between font "format" and "size"?
In the Text Properties panel, both format and size can set the font size, but there are some differences between the two, choose Format, the font size changes to bold at the same time, if you want to change the text size, but do not want to make the font bold, you can use the Size property. In addition, size only works on the selected text, and formatting works on the entire paragraph of text.
8. Why can't I enter more than one space character in my text?
In the Web page, sometimes need to enter a space, but in some cases can not be entered, resulting in the inability to enter the correct space for the reason may be input method errors, only the correct use of input method can solve the problem. There are several ways to resolve this.
Switch to Code view, where you need to add a space, enter the code, you will come out a space, enter several times the code will come out a few spaces.
If using the Smart ABC Input method, press shift+ SPACEBAR, then the input method of the property bar on the Half moon becomes a circle, and then press the space bar, the space is out.
Switch to the text insert bar, and in the character drop-down list, select the Do not break space option to enter a space directly.
9. Why is the distance from the previous line large when you press Enter in Dreamweaver to wrap?
When you press ENTER in Dreamweaver to wrap, the distance from the previous line is far away because the default is a paragraph when you press the ENTER key, rather than a generic simple line break. So to wrap, press the SHIFT key first, then press ENTER again, so the distance between the lines is not a big one.
10. How do I set up a font family?
What is a font family? Is the setting of several fonts for text that is automatically displayed with the second or subsequent font in the series when the first font that cannot be displayed is encountered. Dreamweaver built-in 6 series of English fonts, General English fonts with "Verdana,arial,helvetica,sans-serif" This series is more beautiful. If you do not use these font family, you need to edit the font family, you can use the drop-down list the bottom of the "Edit Font list" to create a font family, you can also enter the font name directly in the drop-down list, the font is separated by commas, Chinese Web page default font is Arial, generally empty, do not select any font.
11. How do I use 3 types of CSS styles?
CSS style sheet in the Web page production generally have 3 ways of usage, then the specific use of what should be used? When there are more than one Web page to use CSS, the way of using an external CSS file, so that the code of the Web page greatly reduced, easy to modify, only in a single page of CSS, using the document head method, only in a page one or two places to use the CSS, using inline insertion method.
12. CSS Styles for conflicts
When you apply two or more CSS styles to the same text, these styles can conflict and produce unexpected results. The browser applies style attributes based on the following rules, and if two styles are applied to the same text, the browser displays all of the properties of both styles unless a particular property conflict occurs. One style might specify blue as the text color, while the other might specify red as the text color. If the properties of two styles applied to the same text conflict, the browser displays the properties of the innermost style (the style closest to the text itself). Therefore, if the external style sheet and inline CSS styles affect the text element at the same time, the inline style is the one that is applied.
If there is a direct conflict, the properties in the CSS style (the style applied with the class attribute) will supersede the attributes in the HTML tag style.
For example, the HL-defined style can specify the font, size, and color of all HL paragraphs, but is applied to the custom CSS style of the paragraph. Blue replaces the color settings in the HL style, and the other custom CSS style. Red will replace. Blue because it is inside the. Blue style.
13. How to represent a document relative path
Omit the absolute URL portion of the document relative to the path that is the same for the current document and the linked document. If the destination file that you want to link to is in the same folder as the current document, enter a file name, and if it is in a subfolder, provide the name of the subfolder, followed by a forward slash "/", and then the file name, if you are in the parent folder, add the file name before the filename. /"(where" ... ") Represents the top-level directory of the folder hierarchy).
14. Solve the problem that may occur in the Jump menu
When you select a Jump menu item, you cannot re-select this menu item if you navigate back to the page again, or if you specify a frame in the open URL to text box in the Insert Jump Menu dialog box. There are two ways to solve this problem:
Use the menu to select a hint (such as a category) or a user description (such as "choose one of these items:"). The menu selection prompt is automatically re-selected after each menu is selected.
Use the Go button, which allows you to re-access the currently selected link.
Note that because these options apply to the entire Jump menu, in the Insert Jump Menu dialog box, each Jump menu can only select one of these options.
15. Use Drag and Drop
When you use Dreamweaver to edit a Web page, you often need to insert some images, and if you want to insert a lot of images, it is cumbersome to follow the usual methods. You can use the drag technique to solve this problem well. First, the Dreamweaver operation window into the active window, find the image file to be inserted, drag them one by one with the mouse to the appropriate parts of the Web page, Dreamweaver will automatically add the URL of these images to the file's HTML code, The image file required to be dragged here must be a file in a Web image format such as GIF, JPEG, and so on. The same is true for images that are already in the Web page, but if you drag the image with a hyperlink, you can no longer use the drag technique, because the only hyperlink address is dragged over.
16. How do I add a specified color border to an image?
In the Dreamweaver Image Properties panel, there is a border property that allows you to set the width of the border directly. Width is set, but there is no color, so how can you add a different color to the border of the image? It can be implemented using CSS style sheets. In the image Properties panel, in a class option, select Manage styles from the Class list box, create a new style, open the CSS Style definition window, select the border item, and set the desired color for the border. Just apply this style to an image with a border.
14. Making thumbnails using the "resample" function in image editing
A large image, which takes a lot of time to fully load, is very slow to access the Web page, and all images displayed on the page are not worth browsing to everyone. A good way to solve this problem is to create thumbnails of the images on the Web page. A link is maintained between the thumbnail and the image, and the viewer clicks to view the original when needed. Dreamweaver in the image editing "resampling" function, greatly facilitates people to make the size of freely controllable thumbnails, such as the image of the original 50KB, by narrowing resampling, can reach 1~5kb, which in the case of maintaining the picture, it is very convenient for visitors to browse, Page download speed will also be significantly improved.
18. I want to set the flash background in the webpage to be transparent, how to solve?
Using Dreamweaver, you can insert Flash animations in a Web page, and you can set a transparent flash background by inserting code inside the tag wmode=transparent.
19. Why can't I change the height of the table?
When you use Dreamweaver to make a Web page, you often need to change the height of the table, but sometimes you drag the border of the table, no matter how you drag, and when you drop the mouse, the table returns to its original appearance. This occurs because the table has been provided with a fixed height, when you want to change the height of the table, especially when the table is compressed, the height of the table remains the original setting, the direct expression is that no matter how to drag the table border, the height of the table will not change. In this case, you only need to clear the height of the table and then drag the border of the table.
So how do you get rid of the table height setting? You first need to select a table. When the table is selected, the height setting of the table is canceled by clicking the clear Row Height icon in the table Properties panel. The height of the table is automatically matched according to the table's content. Of course, the way to clear the table height is more than one of the above methods, you can also select the table, in the table's properties box directly delete the table height value. Similarly, this method is useful for changing the width of the table, however, when the table is selected, the height of the column is not deleted, but the width of the columns. This makes it easy to adjust the height and width of the table.
As you can see, the main effect of clear row height and column width is to create a table of rules. You can use the clear row Height and column width command to minimize the table and then reset the table height by the High option on the Properties panel, when a regular, uniform table appears.
20. Tips for creating tables
When you create a table, you can use the default value if you start not to determine its properties, and then modify it from the Table Properties panel. In addition, the table width of the setting, generally speaking, large tables tend to use absolute size, the table is nested in the relative size of the table, so that the location of the page will not be the difference between the display resolution caused confusion.
21. Background color of the table
The background color setting for a table can be either an entire table or a cell. In general, large tables use one color, one or some cells with a different color. Flexible settings can often create a unique page color.
22. Tips for choosing a different frame or frame set
To select the next frame (frameset) or the previous frame (frameset) at the same hierarchical level of the current selection, press the LEFT ARROW or RIGHT ARROW key while holding down the ALT key, and then select the frames and frameset in the order in which they are defined in the frameset file by using the keys To select the parent frameset (the frameset that contains the current selection) press the UP ARROW key while holding down the ALT key; To select the first child frame or frameset of the currently selected frameset (that is, the first one in the order defined in the frameset file), press and hold the ALT key while pressing the arrow key.
23. Why don't I set the background image to display?
Click the left mouse button in a cell in the table, you can see the background map file of the settings from the Properties panel, and it is normal to display it in Dreamweaver, starting IE browsing this page, but the background image is not visible.
When you return to Dreamweaver and look at the code where the cursor is located, you will find that the background settings

The label. The background of the table in IE can not be set in, can only be placed in the

In Move the background code to

, after saving the document, then browsing, the background map will be displayed normally. 24. Copy the form to note On the Web page can often see some very good forms, such as Jump menu-based forms, which have a lot of links about the address, may just fit their own web pages, if directly copied over, then omitted the input work. However, it is sometimes found that forms that are copied from other pages cannot be used, mainly because the form uses tables, and when copied, only the tables are copied, and the labels are ignored. When using tables in a form, make sure that all table labels are placed between two labels for the form to be submitted normally. 25. How can I quickly insert more than one check box or radio button? When you insert a check box or radio button on a Web page, you sometimes need to insert more than one. A quick way to do this is to insert a check box or radio button, then select the check box or radio button, and hold down the CTRL key while dragging the mouse, and the selected check box or radio button is copied. 26. How do I check the correctness of the data after the visitor has completed the form submission? Select the form, select the window | Behavior command in the menu, open the Behaviors Panel, click the button in the panel, select the "Check form" option in the pop-up menu, and pop up the "Check form" dialog box to set the data for each Form object in the dialog box. 27. How do I display the red dashed box in my form? Displaying the red dashed box in a form is simple, in the document that is inserted into the form, select the View | visual Aids | Invisible Elements command in the menu to see the red dashed form inserted in the document. 28. How do I automatically add "last Modified Date" to a webpage? To automatically include the "Last Modified date" in the Web page, you can do so in the source code ... Add the following code between them:

Web Design and Production FAQs