View source for Tutorial 3a: Adding covers to a ship's Covers Page

In [[Tutorial 2d: Editing the Naval Covers section]], you created Covers Page 1 for your ship. We did not upload any covers at that time so the page only has a single placeholder for where to put the first cover. In this tutorial, you will add three covers to your ship's Covers Page. You will need one or two of your own covers already scanned and ready to upload. If you haven't already done so, do it now before proceeding with this tutorial. See [[Tutorial 1c: An introduction to uploading images]] for information on scanning standards, file naming conventions, and instructions on how to upload an image.
<p>&nbsp;</p>
<b>1. Adding the first cover to "Covers Page 1"</b>
<br>&nbsp;<br>
<ol>
<li>First you need to display the [[Test_Ship_Index_Page | Test Ship Index Page]]. Right click on the link and open it in a new window or tab.
<br>&nbsp;<br>
<li>Click on the link for the ship you are working on in order to display its main page. In the tutorial, we are using SHIP2 but you should click on the link for ship you are working on.
<br>&nbsp;<br>
<li>Click on the "Covers Page 1" link in the Naval Covers section. This will display the covers page for your ship.
<br>&nbsp;<br>
[[image:CoversPage1Link.png | thumb | 100px]] << Image showing the link to "Covers Page 1" in the "Naval Covers" section of the ship's main page.
<br>&nbsp;<br>
<li>Edit the covers page by clicking the <code>edit</code> tab at the top of the page. The code for the page will appear in a large text box in the middle of the page.
<br>&nbsp;<br>
[[image:CoversPageEditLink.png | thumb | 100px]] << Image showing the edit tab on "Covers Page 1" 
<br>&nbsp;<br>
[[image:CoversPageEditMode.png | thumb | 100px]] << Image showing "Covers Page 1" in edit mode.
<br>&nbsp;<br>
<li>Since there is a blank entry already provided for the first cover, we will use it and just make whatever modifications we need. Look for the "cover entry" code in the edit box:
<pre>
<!-- =========== -->
<!-- COVER ENTRY -->
<!-- =========== -->
<br/>&amp;nbsp;<br/><table width="95%" border="1" cellpadding="5" cellspacing="0">
<tr><td valign="center" align="center" width="200" rowspan="2">
[[Image:Image_Name|thumb|center|200px]]
</td><td valign="center" align="center" width="100" rowspan="2">
Thumbnail Link to Full Cover Back Image
</td><td valign="center">
YYYY-MM-DD
</td></tr><tr><td valign="center">
Postmark &amp;nbsp;&amp;nbsp;[Killer Text: KILLER TEXT]<br/>
</td></tr></table>
Note:
<!-- === End of Cover Entry === -->
</pre>
<br/>
Only a few lines of code need to be modified and only two are mandatory. We'll walk you through each of those lines in turn. 
<br>&nbsp;<br>
<ol type="a">
<li>The first line that needs to be modified is line 6. 
<pre>
[[Image:Image_Name|thumb|center|200px]]
</pre>
This is where you identify the file that contains an image of the front of the cover. 
The only part you need to change is the <code>Image_Name</code> portion. Please use the standard naming convention for your image files (see [[Tutorial 1c: An introduction to uploading images]] for full information). For this tutorial, we will upload a cover from a real ship (USS Arizona) and put it under SHIP2. With our changes, the line looks like this:
<pre>
[[Image:Tutorial_Arizona_BB_39_19390530_1_Front.jpg|thumb|center|200px]]
</pre>
<br/>
<li>The next line to modify is line 8. 
<pre>
Thumbnail Link to Full Cover Back Image
</pre>
This is where you identify the file that contains an image of the back of the cover. This is optional and only needed if there is something of interest on the back.
If you have an image you want to display, replace the line with the following image link code:
<pre>
[[Image:Image_Name|thumb|center|100px]]
</pre>
and replace <code>Image_Name</code> with an appropriate file name just like you did in the previous step. Note that the image size (the number at the end of the line) is 100px (pixels) and not 200px like for the front image. This is not an error. For the tutorial, our cover from USS Arizona has a back image so we include it.
<pre>
[[Image:Tutorial_Arizona_BB_39_19390530_1_Back.jpg|thumb|center|100px]]
</pre>
If you do not want to display an image of the back of the cover, replace the entire line with "No Image".
<pre>
No Image
</pre>
<br/>
<li>The next line to modify is line 10. 
<pre>
YYYY-MM-DD
</pre>
This line contains the date for the cover.
Change the "YYYY-MM-DD" to the date for the cover using the given format. For the tutorial, the cover has a date of May 30, 1939 so its line would look like the following:
<pre>
1939-05-30
</pre>
<br/>
<li>The next line to modify is line 12. 
<pre>
Postmark &amp;nbsp;&amp;nbsp;[Killer Text: KILLER TEXT]<br/>
</pre>
This line contains the postmark type and killer bar text. This information is optional so you don't have to provide it if you don't want to.  Also, you should only give the postmark type if you are sure what it is (dont just guess).
For the tutorial, the cover has a type 3 (AC-TTB) postmark with killer text of "SAN PEDRO / CALIF". Replace the <code>Postmark</code> text at the beginning of the line with the postmark and replace the <code>KILLER TEXT</code> text at the end of the line with the killer bar text. If there is no killer bar text then you can delete the entire killer text portion or leave it as is.
<pre>
3 (AC-TTB)&amp;nbsp;&amp;nbsp;[Killer Text: SAN PEDRO / CALIF]<br/>
</pre>
<br/>
<li>The last line to modify is line 14 (the second to the last line)
<pre>
Note:
</pre>
This line is optional and contains any special information you want to include about the cover.
For the tutorial, we will add a simple comment:
<pre>
Note: This is the first cover for SHIP2
</pre>
</ol>
<br/>
<li>This is what the code looks like with all the changes:
<pre>
<!-- =========== -->
<!-- COVER ENTRY -->
<!-- =========== -->
<br/>&amp;nbsp;<br/><table width="95%" border="1" cellpadding="5" cellspacing="0">
<tr><td valign="center" align="center" width="200" rowspan="2">
[[Image:Tutorial_Arizona_BB_39_19390530_1_Front.jpg|thumb|center|200px]]
</td><td valign="center" align="center" width="100" rowspan="2">
[[Image:Tutorial_Arizona_BB_39_19390530_1_Back.jpg|thumb|center|100px]]
</td><td valign="center">
1939-05-30
</td></tr><tr><td valign="center">
3 (AC-TTB)&amp;nbsp;&amp;nbsp;[Killer Text: SAN PEDRO / CALIF]<br/>
</td></tr></table>
Note: This is the first cover for SHIP2
<!-- === End of Cover Entry === -->
</pre>
<br/>
[[image:CoversPageCodeChanges.png | thumb | 100px]] << Image showing "Covers Page 1" with the code changes.
<br>&nbsp;<br>
<li>Now go to the bottom of the page and click the "Show preview" button to see how it will look.
<br>&nbsp;<br>
[[image:CoversPagePreviewMode.png | thumb | 100px]] << Image showing "Covers Page 1" in preview mode.
<br>&nbsp;<br>
Notice that the cover images are not displayed yet since we haven't uploaded them yet. At present, there are only two links that will assist you in uploading the images. Actually, you could have uploaded the images previously if you had wanted to - in which case the images would now be on the page instead of the links. There is no reason you cannot upload a bunch of images first and then add them to the appropriate pages later - just don't forget their file names!
<br>&nbsp;<br>
<li>Go to the bottom of the preview page and click the "Save page" button to save the changes. Don't forget to add a short description in the Summary line just above the "Save page" button. Something like "added 1 cover" would be sufficient.
<br>&nbsp;<br>
<li>Now it is time to upload the images. Click on each of the image links in turn and upload the image using the process described in [[Tutorial 1c: An introduction to uploading images]]. When finished uploading the images, reload the page using the browser's reload button. The images should appear.
<br>&nbsp;<br>
[[image:ImageExampleDone.png | thumb | 100px]] << Image showing "Covers Page 1" with the first cover added.
</ol>
<p>&nbsp;</p>
Go to [[Tutorial 3a: Adding covers to a ship's Covers Page - Page 2 | Page 2]] of this tutorial (click on the link) to see how to add the other two covers.
<p>&nbsp;</p>
Return to [[Tutorials_Main_Page | Tutorials Main Page]]
<p>&nbsp;</p>
<hr>
<font size="-2">Copyright {{CURRENTYEAR}} Naval Cover Museum</font>