New Guide to DW MX Template Building Station

Source: Internet
Author: User
Tags contains dreamweaver
Template Dreamweaver powerful, user-friendly, coupled with the other two brothers Flash and fireworks close cooperation, is the first choice to make the site. But Dreamweaver has been positioned in professional web design software, the beginner's consideration seems not very thoughtful, if you do not have some knowledge of the web design, it is really difficult to understand so many complex features, especially when you just want to make a simple site and do not want to delve into the knowledge of the time, Dreamweaver is not that handy. Now with the rapid development of the Internet, more and more people began to create Web sites, in order to adapt to the needs of new forms, to occupy more market share, Macromedia Company in the Dreamweaver MX version of the software function of a major adjustment, especially for the novice to provide the site Touch board function, with it, Even if you have virtually no web page expertise, you can quickly create a professional-level page layout and quickly design a Web page.

To help you master this technique faster, let's take a look at how to use the trackpad to build your own web site.

   Step 1:

Open Dreamweaver MX, using the menu command file-new a dialog box will pop up to create a new file (Figure 1).

This dialog box contains two tab pages: General (generic) and templates (template). The Templates tab contains a list of your own defined sites (if any), from which you can select a template to create a new document. The General tab contains a wide variety of document types, from which you can select one to create a new page. Since it is a novice, nature has not designed the site, we use the General tab page Bar.

  Step 2:

Select the page designs item in the Gategory box, and in the page designs box on the right, you can see some of the template styles that Macromeidia company preset, where we can choose with the mouse, And you can immediately see the preview effect and text description in the rightmost preview area (Figure 2).

  Step 3:

Select the images Thumbnail grid item in the right page designs box, combining the rightmost preview effect graph with the following text description to see that this is a page for displaying photos, with 3 photos per page (Figure 3).

  Step 4:

If you only want to make a page like this, then please select the document option below right, if most of your Web site is so layout, you can choose the template option, make it for the site template, which can greatly facilitate the future design changes and maintenance. We select the document option and click the Ctreat button (Figure 4).

  Step 5:

We immediately see a page in Dreamweaver's working interface that looks exactly the same as the preview. Now all you have to do is change the text and picture information in your page to your own content. To change the text first, will you use Word? Yes, you can edit these words in the same way as in Word (Figure 5).


Step 6:

Again to see how to change the picture, the mouse clicks the first picture, in the work area below the properties panel can see a name src icon, click it, will appear a File selection dialog box, you can specify the need to change the path of the picture here. Note that to avoid path errors, it is a good idea to put all the pictures you want to use in the same directory (such as images), and all file names are in English lowercase (Figure 6).

  Step 7:

Finally, to modify the hyperlink, the function of the hyperlink is that when you click it with the mouse, it will make the browser jump to the set up the page and display. Use the default hyperlink in Dreamweaver to display text with blue and underlined status. Mouse in any one of these text clicks, we can in the Properties panel after link in the text box to see this text hyperlink settings, we can also click on the back of the Browse Byfile button to use the File selection box to select the file path to link, You can also fill in the path directly in the text box (Figure 7) (#代表链接到文件自身, which is often used to make empty links or for testing).

After some modification, you already have your own webpage, and all this I want to spend 10 minutes, still melancholy what? Finally, to the professional designers say, because the design of these templates is really professional, so when you want to be lazy also may wish to try.




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.