If you have successfully downloaded the YSP logo and the first three pictures to your site folder, you are ready to start building the 'home' page.
In order to produce a layout where pictures and text are placed alongside each other, this step by step will introduce you to the technique of using a table as a 'layout grid' in which to place your page elements. Just follow the step by step below.
Once you have downloaded the logo and the first three pictures, if you return to Kompozer and clik on the 'refresh' icon in Site manager (the yellow 'clockwise arrow') you should see the four files in the site folder.
Now you are ready to place the images on the page. All you have to do is drag and drop them onto the page. Start with the YSP logo and then the three pictures.
You'll notice that the pictures arrange themselves in a linear way down the web page, just as if you were using MS Word. You can't place the pictures on the right hand side of the page for example by 'dragging' them there.
That's one of the disadvantages of basic HTML - unlike desktop publishing, there is no sophisticated control for placing images.
This is where a table can be used to provide a 'grid' or 'framework' for page layout. To place a table at the top of your page to put the pictures and text into, just click on the Insert Table icon in the toolbar (arrowed in red) and choose the cell dimensions you want from the pop up. In this case we should start with a table 5 cells wide by 6 cells (or rows) deep.
Click OK to insert the table onto the page.
In order to use the table effectively, table cells need to be merged or 'joined' to make areas where elements can placed.
To join cells, highlight adjascent cells by clicking, holding and dragging. Try this with all the cells in the top row. (See screen grab left)
Then use the menu command: TABLE > JOIN SELECTED CELLS. The top row will then become one large cell.
Now cut and paste the YSP logo graphic into the joined cell and type the title: 'Yorkshire Sculpture Park' next to it. See screen grab below.
Step 4 - Adding text
Adding text is easy. Just click and start typing - like Word. To format the text us the 'Word like' formatting tools in the tool bar (outlined in red on the screen grab). Highlight your text, then set the font to Helvetica/Arial in the drop down section headed 'Variable Width', finally use the larger 'A' icon to increase the text size.
The text tools in Kompozer (and most web editors) are not very sophisticated, because text on web pages is restricted in various ways in terms of sizing and spacing.
Highlight the word 'Sculpture' and use the B icon to embolden it.