Website design part 7

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

Website design part 6:

  Website design part 6

Open Nvu application.

Open index.html.

Click in the document.

Press Ctrl + A to select all content.

Press DEL to delete all content.

Click Table.

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

Click Advanced Edit...

Set cellspacing and cellpadding to 0.

Click in the upper left cell.

Click Image.

Click Choose File...

Select logo you have created in this lesson.

Logo is inserted.

Select bottom left cell.

Click Insert above and select Table.

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.

We have created new table in a table.

Select left cell in a new table.

Right-click and select Table Cell Properties...

Under Content Alignment mark Vertical and set it to Top.

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

Select left cell again.

Click Image and click Choose File...

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

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

The image is inserted.

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

Set Width: 60 pixels and click OK.

Select middle cell and set Width: 10 pixels.

Now go to right cell and write any text.

Select all text.

You can reshape the text.

Click File and select Save as.

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