|
To start with, I used the excellent explanation here:
http://panic.johnny.googlepages.com/template3
<this link doesn't work anymore, Johnny's pages have disappeared suddenly>
Although (for me) this explanation didn't work exactly as described, I worked my way around it, following the general principle laid out here. original example
1 - First in GPC I make a new empty page called "TEMPLATE", choosing colours and three column layout.
2 - I save the page and re-open it, then I insert the @@@@@ markers for begin an end of the various feautures. example
3 - Then I preview the page.
4 - When in preview I did a right click in the bottom part of the page (not the orange bar) and choose VIEW SOURCE (or something similar, I do not use an English Windows version)
5 - The html-source code now opens in Notepad
6 - I save the file as "myfilename.html" in a directory called "mygooglepage" in which I save all the html files, as well as all the pictures I use. This way the pictures directly have the correct href-adress when inserted into the html code.
7 - I open a first instance of Frontpage and load this html file, clicking on the html-tab to view the page as html-code.
8 - I open a second instance of Frontpage and start making a new page
9 - In this page I only make those things I want to see in my left column using the normal mode for making a page.
10 - When satisfied I change to html-mode and (in this case) copy the
text from <TABLE> until </TABLE>
11 - I switch to the template file in the other Frontpage that's running and then I paste this text between the @@@ start and end markers for the left column.
12 - Repeating step 8 through 11, I made the code for the nested table and the right column table. (And the header, subheader and footer)
13 - I then save the file with the name I want to give it.
14 - Switching back to Page Creator I click on the button underneath the list with pictures and upload my new page file.
15 - Then I made a link on my start page linking to the html (which is the page I just made and uploaded)
16 - Voila - the tables are in my Google page, and the middle table is a nested table.
17 - In the new version I changed the layout a bit, so you can see that text can be aligned, backgroundcolours chose and pictures inserted, with or without linking to other pages.
I shall try to make other pages featuring other possibilities and where necessary show them as separate pages on my website.
NOTE - Because of all the code Google inserts, the preview function of Frontpage doesn't work properly. That's why I make the individual parts of the pages in separate steps and then add the code to the code-page.
NOTE - You can easily check that ALL the Google code is still intact!
GOOD LUCK !
|