In Dreamweaver UltraDev, the file name of a new page is untitled.asp by default. We need to rename this page, for example "index.htm". The method to rename is to slowly click twice on the file name (as shown below). Don't click too fast, otherwise it will become 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, indicating that the web page file is a static HTML file (it can also be represented by the suffix html). In the future, please remember to change the suffix of the web page to htm or html, otherwise After uploading to the server, the browser cannot open normally.
【 hint 】
Why is the name of the first page of a website usually index.html and not something else? For example, when you enter the URL http://www.goeway.com/index.html in your browser, you do not explicitly specify which page to open, but the server will automatically look for the file index.html. , if it exists, display this file. If it does not exist, look for index.htm again. If it does not exist, an error message will most likely be displayed. The order of finding index.html first, then index.htm is determined by the server, and most servers follow this principle, and ordinary users do not have the right to modify this setting. Therefore, when we make a web page, it is best to name the first page of the website index.html or index.htm.
Set page properties
Setting page properties is an essential step before officially starting to create a web page. Double-click to open the newly created index.htm, and it will automatically enter the editing window. Select Modify > Page Properties to set some necessary page properties, as shown below:
① Title: The title of the page will be displayed directly in the upper left corner of the browser. For example, if you open the goEway.com website with a browser, you can see the title of the page "goEway.com - Internet Guide" in the upper left corner of the browser. . Be sure to develop the habit of setting a title for each page. This will not only make it easier for visitors to browse, but also help you distinguish different pages during the web editing process. Although the title is not a necessary element of a web page, it does reflect whether the web page creator has considered the details of the viewer.
② Background Image: Click the Browse button to add a background image to the web page.
③ Background (background color): The default is white, click to select other colors. The following "#FFFFFF" is the RGB color value displayed in hexadecimal form.
④ Text (text color): Set the text to black here. It should be noted that if the color of the background and text is not set (the RGB color value is displayed as empty at this time), the browser will use the system's default settings when displaying the page. However, because the settings of different systems may be different, the display effect of the page will also be very different. Because, in order to better reflect your design ideas on the page, don’t forget to set the background color and text color of the page.
⑤ Link (link color): Set the color of the hyperlink. If not set, the default is blue.
⑥ Left and Top: Set the left and top margins, usually set to "0" to facilitate web page editing.
After making sure the page settings are correct, click OK to finish.
Make the simplest web page
Everything is difficult at the beginning, so let’s start with the simplest web page. If you follow the previous steps step by step, you should have a screen similar to the following:
At this time, the cursor is in the upper left corner of the editing window. You can now enter any text you like, for example: "Welcome to goEway.com", select the text, and click the Size drop-down menu on the properties panel.
Select the size of the text, such as "6", and then click
Center the text, then hit Enter a few times in front of the text to move the text down until the text is completely at the center of the page, as shown below:
Select the menu File > Save to save the page. Congratulations, your first web page has been completed. Press F12 to see the page effect. Are you satisfied?