A simple description of the basic steps of making a Web page with DW

Source: Internet
Author: User
Tags dreamweaver root directory

This tutorial is mainly for beginners, how to use Dreamweaver to make a Web page? This tutorial specifically explained the steps to make the Web page, and attention to the problem, and take an example to give you a detailed explanation!

Create a page page

1, in Dreamveaver "file-new-general-basic page-html", so that a page is built, the English version of the default file name is untitled.htm. The default file name for the Chinese version is "Untitled document." HTM indicates that this Web page file is a static HTML file. Give it a name for index.htm.

Note: The name of the first page of the website is usually index.htm or index.html. The names of other pages can be taken by themselves. This is the homepage, after uploading, open the page by default to connect to this page.

2, in the title space to enter the page name, click Modify-page properties, open the Page Properties window. Here you can set the title, background color, or background image of the Web site, the color of the hyperlink (usually by default), and others remain by default.

3. At this point the cursor is located in the upper left corner, you can enter a sentence, such as "Welcome to my home page." Select text, use menu window/properties to open the property panel, select the text size of 6, and then center the text, and then use a few carriage returns before the text in the middle of the page.

4. To choose a font, select the last item in the font: Edit the Font list. Then in the dialog box, select the + number, and then in the "Available fonts" column you need to add a font to the list of fonts, click on the middle button to join.

Note: The most commonly used on the Web page is italicized word. Do not add special fonts to the list because they are not visible when they are not installed on the computer. If necessary, make a picture and use it again.

Note: The way to enter the space on the page is: The input method is adjusted to the full angle.

Note: The way to change lines on the Web page is: Shift+enter. Press ENTER only to change the paragraph.

Here is a ready-made example to explain to you:

Now, take the simple Web page below as an example to describe the production process. The simple Web page is as follows:

Before we start making, let's analyze this page first. Take a look at what this page is using.

-The title "My Home Page" at the top of the page is a piece of text.

-The middle of the page is a picture.

-The bottom of the welcome word is a piece of text.

-The background of the webpage is a deep mauve color.

By thinking about the structure of the webpage, we can start making it.

Start Dreamweaver first to make sure you've built a Web site (root directory) with the site manager.

In order to make it convenient, please open the Resource Manager in advance and collect the pictures to be used in the website directory Images folder.

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.