Dreamweaver 4 Concise Tutorials (four, starting from the simplest web page)

Source: Internet
Author: User
Tags modify window dreamweaver
dreamweaver| Tutorials | Web page start with the simplest web page

   New Page

Generally recommended in the Site window to complete the new Web page file operation, so as to help you clear the new page in the specific location of the entire site:

Option one: Select File > New file on the menu



Method Two: In the local directory, select the directory you want to create a new page, click the right button, select New File

In Dreamweaver Ultradev, the file name of the new page defaults to untitled.asp. We're going to give this page a new name, such as "index.htm". The way to change the name is to slowly click on the filename two (as shown below), not too fast, otherwise it will turn into a double-click to open the file.



Among them, HTM is not only the suffix of the file, but also the type description of the Web page file, which means that the Web page file is a static HTML file (also can be expressed in the suffix HTML), then everyone will remember to change the page suffix to htm or HTML, otherwise the browser will not open after the server.

" hint "

Why is the name of the first page of the website usually index.html and not the other? For example, when you enter the http://www.goeway.com/index.html URL in the browser, you do not specifically specify which page to open, but the server will automatically find index.html This file, if any, the display of this file, if not, then find index.htm again, if not, it is likely to display the error message. and first find index.html, then find index.htm this order is determined by the server, and the vast majority of servers are following this principle, and the general user does not have the right to modify this setting. So when we make a Web page, it's best to name the first page of the site index.html or index.htm.

  Set page Properties


Setting page properties is an essential part of the process before you start making your Web page officially. Double-click to open the newly created index.htm, automatically into the editing window. Select Modify > Page properties to set some of the necessary page attributes, as shown in the following figure:



  ① Title: page titles will appear directly to the top left of the browser, for example, open the Goeway.com Web site in the browser, you can see the title of the page in the upper left corner of the browser "goeway.com– Online Guide." Be sure to get into the habit of setting a title for each page, which is easy for visitors to browse, and helps you distinguish between pages in the editing process. Although the headline is not a necessary element of a Web page, it is a reflection of whether the Web page maker has taken the view of the viewer from a small place.

  ② Background image (background image): Click on the Browse button to add a background image to the page.

  ③ Background (background color): The default is white, click to select a different color. The following "#FFFFFF" is an RGB color value that is displayed in 16-way.

  ④ text (text color): Sets the text here to black. Note that if you do not set the color of the background and text (this time the RGB color value is displayed as empty), then the browser in the Display page, the system will adopt the default settings. However, because of different system settings can be a difference, so that the results of the page will be displayed in a variety of ways. Because, in order to better let the page reflect your design ideas, do not forget to set the background color of the page and text color.

  ⑤ link (linked color): Sets the hyperlink color, and does not set the default to blue.

  ⑥ left and top: Sets the margins of the left-hand and the tops, typically set to "0" to facilitate editing of the Web page.

After making sure the page is set correctly, click OK to finish.
  Make one of the simplest web pages

If everything starts to be difficult, let's start with the simplest Web page. If you have followed the previous steps in one step, you should be able to follow the same picture as follows:



The cursor is at the top left corner of the editing window, now you can enter any text you like, for example: "Welcome to Goeway.com", select text, the Size Drop-down menu on the property panel to select the type of text, such as "6", and then click on the text, and then hit a few return in front of the text to make the text move Down Until the text is completely centered on the page, as shown below:



Choose menu File > Save page, congratulations, your first page has been completed, press F12 to see the page effect, satisfied?



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.