How To Make A Palview Webpage

New Webpage Project

Below is a step by step instruction on how to make a web page using PalMate. Press CTRL+P to print. Using PalMate you can get online help. Select an item and press F1 or click on the small icon with the question mark (if it is there). If you let the cursor hover over the icon for a second, a small text window will appear - sometimes it will tell you that there are two different help files available on the subject: left click for PalMate help or right click for Palview help. Many help topics are from the Palview Manual. See the The PalMate Introduction how to access the Palview Manual.

1. Select "New Webpage" from the Files menu.
   A dialog, "Select Style" will pop up asking you to select from a list of styles. The first time you run PalMate the list will contain the styles installed with the program and each style is described.
   Select the "Normal1" style.

2. A new dialog, "Pgn Source File Options", will appear asking you to select between the following options:
   • 1 pgn file - convert all games.
   • 1 pgn file - select and convert some games.
   • Multiple pgn files to multiple Html files.
   Select the first item, "1 pgn file - convert all games" and click OK.

3. A normal Windows file dialog will appear. Browse and select a pgn file with a few games. In the example I have selected a pgn file called "normal.pgn".

4. A new dialog, "WebPage 1", will appear.
   

   There are two important boxes in this dialog:
   "Local HTML directory" and
   "Local CSS directory"
   This is where your final HTML file and stylesheet will be saved. Later - when you select various images - the image links will be written relative to the HTML and CSS directories. It is OK to save the stylesheet in your HTML directory as I have done here.
   Click on the folder images to browse for a location.

   The other information in the dialog can be regarded as service information. Notice that the html file gets its name from the pgn file name, in this case "normal.htm". The stylesheet to upload is named as the style you selected, "normal1".

5. When you close the "WebPage 1" dialog PalMate will ask you if it is OK to copy the pgn file to the HTML directory. Answer as you please, but bear in mind that processing and previewing the final page will be faster if the pgn file is copied to the HTML directory. The reason for this is that Palview creates the HTML file in the pgn directory, and if the directories aren't the same PalMate will need to copy the webpage from the pgn directory and delete the original (yes, we do some house cleaning).

6. After that the Webpage Project window will appear. It looks like this:

   

7. Now click on the Internet Explorer icon in the toolbar to preview the page with the current settings. Most likely the page will display neither chess board, pieces nor control panel. This is because you need to tell PalMate where to find these images - it would be extremely lucky if the paths in the original PalMate Style installed with PalMate should work on your computer.
   So you need to tell PalMate where the various images are located.

8. From the Layout menu select "Chess Board" and "Image". Browse until you find the directory with your chess board images, select one and click OK.

   Repeat this with "Chess Pieces" and "Control Panel" in the Layout menu.

9. Click on the Internet Explorer icon in the toolbar once again. Now - hopefully - you should see a page that makes sense.

10. Now select the BODY tag in the project window (just below the text "Game Page Stylesheet"). When BODY is highlighted open the "CssFormat" menu and select "Background". A dialog appears.

11. Click on "Select Color" and pick some new color. When you have Okay'ed your way back to the main screen try the Internet Explorer once again to preview the page with your new background color.

12. Keep on changing the layout until you are reasonably satisfied with the preview results.

13. Go to the "Files" menu and select "Save" to save the webpage and the style with the changes you have made. Upload the necessary files to your server and have a look. If you aren't sure what files to upload, go to the "View" menu and select "Webpage Properties".