Actual Drawing Tutorial 1: Creating Simple Web Page

 
 
 

This tutorial helps you to understand the basic techniques, which are used in Actual Drawing.
We will create a simple web page (example pictured below) with text and pictures.
 

 
In building this simple web page, you will learn how to set a web page background, add artistic text, add paragraph text, and add a picture.
 
You can see the finished web page in Web browser at MP3Page.html
 
 
Step 1: Creating a new Page

---

When you start, Actual Drawing opens an empty Page.
 
To start a new Page

• On the File menu, click New.

 
Step 2: Setting page properties

---

First of all we need to set the page title - text, which appears in the title bar of the browser's window when a browser displays this page.
 
To set page title

• Select Page Properties from the Modify menu.

The Page Properties dialog box appears.

• Select the General tab in the Page Properties dialog box.

• Type the page title in the Title box.

 
Step 3: Page Background

---

For this tutorial web page, we will fill the background with Sky Blue color.
 
To set page color

• Select Page Properties from the Modify menu.

The Page Properties dialog box appears.

• Select the Background tab in the Page Properties dialog box.

• Set background type - Color.

• Click the Set Color button and choose color from the Color selection tool.

 
Step 4: Adding Logo

---

Next step, we will create an artistic logo that our visitors will know what is the name of our site.
 
To add the Logo

• On the Insert menu, click Artistic Text.

• Click anywhere in the Document Window and drag away (in any direction) from this point to size the text frame. The frame is created when you release the mouse button. The text cursor appears at the top left corner of the frame.

• Type the "your MP3 music" text.

• Set text font: Arial, text color: , color of the text background: , and the text style: Bold and Italic.

Note: We have put the gray background color to avoid a white contour around text when we add a shadow.

• Click anywhere outside the text frame to finish the text editing.

 
Now, we will add a drop shadow to our logo. I makes the logo more realistic. But before add the shadow, we need to make text transparent. By default, the text is non transparent rectangle.
 
To make text transparent

• Click to check the Transparent check box in the Main tab of the Layer Properties panel.

 
To add the shadow

• Click the Shadow enabled check-box, in the Shadow tab of the Layer Properties panel.

• Set shadow color: .

• Set shadow background color: .

 
Step 5: Adding Paragraph text

---

Our web page contains paragraph text with links to music categories. The links are arranged inside a table. We will add a paragraph text layer to our page and insert the table with links to this layer.
 
To add paragraph Text

• On the Insert menu, click Paragraph Text, or click Artistic Text.

• Click anywhere in the Document Window and drag away (in any direction) from this point to size the text frame. The frame is created when you release the mouse button. The text cursor appears at the top left corner of the frame.

• Set the Arial font, size: 3, and style: bold.

• Type the "Free Music" text.

 
To insert the table inside the paragraph layer

• From the Insert menu, click Table and select New Table.

The New Table dialog box appears.

• In the Number of Columns box, enter the number of columns: 2.

• In the Number of Rows box, enter the number of rows: 5.

• Click the Set Color button to select the table color: No Color.

• Click OK to insert the table.

 
To insert links to music categories inside the table

• Click in a table cell and type a category name.

• Select the category name.

• Click Link from the Modify menu.

The Link Properties dialog box appears.

• In the URL box, type an URL to the category page.

See Link Properties for more details.

• Click Ok to save the link.

 
Step 6: Adding a Picture with Shadow

---

The last thing we need to add to our first page is a picture. We will set this picture as transparent with drop shadow.
 
To add the picture

• On the Insert menu, click Image.

• In the dialog box that appears, click the Browse button to choose a file.

• Click in the document window where you want to place the picture.

 
To make the picture transparent

• Click to check the Transparent check box in the Main tab of the Layer Properties panel.

 
To add the drop shadow

• Click the Shadow enabled check-box, in the Shadow tab of the Layer Properties panel.

• Set shadow color: .

• Set shadow background color: .

 
 

---

Return to Home Page

 

web hosting, web design, domain names • spyware downloads • download free software • song lyrics • surveillance directory • web traffic