Dreamweaver How to build a Web site with frames

Source: Internet
Author: User
Tags dreamweaver

Sometimes see a number of forums, the left side is the name of each discussion area, click on any one of the discussion area can be seen in the right section of the content of the discussion area, but the left side is displayed independently, such as dragging the left scroll bar does not affect the right side of the display effect. In fact, this is the use of the framework technology in the page, so you can put the browser's display space into several parts, each part of the page to display the content independently. And the combination of several frameworks to form a set of frames, can make the page more rich effect.

Effect description

First set up two pages, respectively, "myphoto.htm", "mydiary.htm". The previous one is the album page, the latter one is the diary page. Create a page with frames and add a navigation bar.

Creative Thinking

Open the Dreamweaver MX 2004 software to create two new pages, enter the navigation text on the left: "Home page, my diary, my album", in each corresponding page input corresponding text, such as the site's homepage link page content, on the input "My site home." Create a new page, click the frame icon in the layout, set up the frame, then save the page, set up the navigation bar in the left frame, enter the text in the right frame, and then save the page again.

Operation Steps

(1) Open the Dreamweaver MX 2004 software to create a new file, as shown in Figure 3-1.

Tip: You can also use the shortcut key Ctrl + N to open the New Document dialog box.

(2) Save the page, you can set the file name when you save, such as "Myphoto (my Photo album)", as shown in Figure 3-2.

Tip: You can also use the shortcut key ctrl+s to open the Save As dialog box.

(3) Create a new file with the same method, and save the page as "Mydiary (My journal)".

(4) Then create a new file again, creating the left and right frame parameters in the page, and entering the appropriate text in the left and right frames, as shown in Figure 3-3.

(5) For ease of operation, first save the page as a page with 3 different names, as shown in Figure 3-4.

(6) Set the link for the page. First, set up the "home page" link, as shown in Figure 3-5.

7 followed by adding the "My Diary" hyperlink, as shown in Figure 3-6.

(8) and then add the "My Photo album" hyperlink, as shown in Figure 3-7.

(9) in the "File" menu, choose Save Command, save all pages, complete the operation.

When using frames, it is important for the reader to understand the structure of the framework so that the framework can be used and controlled well.

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.