Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Web services | Web sites | Website design part 7
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Website design part 7

In this lesson we will add graphical elements, which we have created in previous lesson.

 
  Author: Brodjan | Version: Nvu 1.0PR | 24th January 2014 |  
 
 
1.
 

Website design part 6:



Open Nvu application.

 
 
2.
 

Open index.html.

 
 
3.
 

Click in the document.

Press Ctrl + A to select all content.

Press DEL to delete all content.


 
 
4.
 

Click Table.

 
 
5.
 

Click Precisely tab and set Rows: 2, Columns: 1, Width: 100 % of window.

Click Advanced Edit...

 
 
6.
 

Set cellspacing and cellpadding to 0.

 
 
7.
 

Click in the upper left cell.

 
 
8.
 

Click Image.

 
 
9.
 

Click Choose File...

 
 
10.
 

Select logo you have created in this lesson.

 
 
11.
 

Logo is inserted.

Select bottom left cell.

Click Insert above and select Table.

 
 
12.
 

Select Precisely tab.

Now set Rows: 1, Columns: 3, Width: 600 pixels.

Click Advanced Edit... and set cellspacing and cellpadding to 0.

Click OK and OK again.

 
 
13.
 

We have created new table in a table.

Select left cell in a new table.

Right-click and select Table Cell Properties...

 
 
14.
 

Under Content Alignment mark Vertical and set it to Top.

 
 
15.
 

Set Vertical\Top alignment also for middle and right cell. 

 
 
16.
 

Select left cell again.

Click Image and click Choose File...

Now select one of the signs we have created in this lesson.

 
 
17.
 

Before you click OK mark Don't use alternate text.

 
 
18.
 

The image is inserted.

Right-click in a cell where you have inserted the sign and select Table Cell Properties...

 
 
19.
 

Set Width: 60 pixels and click OK.

 
 
20.
 

Select middle cell and set Width: 10 pixels.

 
 
21.
 

Now go to right cell and write any text.

Select all text.

 
 
22.
 

You can reshape the text.

 
 
23.
 

Click File and select Save as.

Name the file and save it in the same folder where you have saved your web page.

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO