How to Create InPrint Online pages

First off, please log into the InPrint Online admin pages that you have been given by the SYP website team via the following link:

http://inprint.thesyp.org.uk/admin/

Once you've logged in, you can go straight into creating a new article - the most simple way is by clicking the 'Add new article' link on the top left hand side of the InPrint Online content admin centre:

Creating a new inprint online article

The first box to enter text into is the 'Article title', and then the 'Article Subtitle'.  The third box is a drop-down list asking you to 'Choose An Article Type'.  You can choose from Editorial, News, Feature, Archive, or Front Page Item' - you must choose one of these, or your page will not go live.  If you're unsure which category your article should go into, please contact the InPrint Online editor.

The next box is another drop-down list which asks you to specify the 'Article Author'.  Click down this list and choose the name of the author:

Adding an InPrint Author

If the author's name is not in the list, then the best thing to do is to leave the page altogether, and click on 'Author Admin' from the main menu on the left hand side, and choose 'Add New Author' from the drop-down list:

You're then sent to the page where you can add in the author's details.  The first box is for the author's name, and the second box is for the author's email address.  Please note that you must enter an author email address, or the author's details will not be recorded.  If you don't want to use the author's actual email address, then you can enter inprint@thesyp.org.uk as a default email address.  There's also an option to enter an image of the author in the 3rd box, but this isn't necessary, and indeed, this 3rd box is usually left blank.  Once you've successfully added the author's details, then you can go back to creating your article by clicking 'Add Article' from the 'Article Admin' list on the main menu on the left hand side.  Please note that 'Article Author' is a required field, so, if you have not previously added an author's name, then the article that you will have previously been working on will not have been saved, and you'll have to start again - so please enter details in all the boxes in order to save you from wasting time and copy!

The fourth box is 'Article Text'.  No doubt you'll have written your article in Microsoft Word.  If you have done so, then please paste your text into the 'Article Text' box.  However, to make all the InPrint Online articles look consistent and professional, it's best to remove all the formatting using the following 'eraser' icon from top row of the tool box above:

Another way to do this, is to paste your text into Microsoft Notepad first, which will remove the formatting, and then copy and paste the text from Notepad into the 'Article Text' box.

You can then add formatting via the tool box above, which uses the icons for Bold, italics, underline etc that you will already be familiar with from Microsoft Word:

You can also adjust the alignment of paragraphs using icons that will also be familiar to you from Microsoft Word:

Paragraph alignment icons

You'll notice that if you hit enter, then the default is to have new paragraphs start with a gap of double line spacing.  If however, you want just a single line spacing between paragraphs, then you can achieve this by hitting Shift+Enter on your keyboard.  To remove a double space between paragraphs, then Shift+Backspace will do this for you.

If you want to put an image into your article, you first have to consider the quality of the picture, as the resolution of the picture can affect how long your webpage loads.  I.e., the higher the resolution, the longer it takes for a webpage to load.  Webpage images should be 72dpi.  So, if the image you want to add comes from a digital camera, you may need to edit it before adding it to the site, as the resolution will probably be too large.  You can edit your photo online via http://fotoflexer.com/.  You don't have to have an account for fotoflexer.  To use fotoflexer, go to the homepage and click the 'Upload Photo' icon in the top right hand corner, and select the photo you want to use.  Once the photo has uploaded, click the 'Resize' button:

fotoflexer resize button

Then click on the 'Preset Sizes' drop-down list and select 'Website':

fotoflexer website image resizer

Then click the 'Apply' button, and then the 'Save' button in the top fotoflexer menu bar to save your new webpage ready image to your computer.

To insert a picture into your article, then position the cursor in the 'Article Text' box at the point where you want the picture to appear, and then click on the 'Insert/Edit Image' icon in the second row of the tool box:

Add Picture icon

This will then open up the following dialogue box:

To add a photo, click the upload tab from the 'Image Properties' box:

This will open another dialogue box, of which there is a partial screenshot below:

The first part to look out for is the 'Upload' box.  Click the 'Browse' button to select the image's location on your computer:

Select the image you want from your computer, and then click the 'Open' button at the bottom.  This will then take you back to the 'Image Properties' dialogue box.  To upload the picture that you have selected, click the 'Send it to the Server' button:

This will then open up another mini dialogue box which says:

Successfully uploaded box

Click the 'OK' button on this dialogue box, and then click the 'OK' button at the bottom right of the 'Image Properties' dialogue box:

Image dialogue ok box

This will then take you back to the main Image Properties dialogue box, where you can edit your uploaded image further:

Edit uploaded picture

The first field is the 'Alternative Text' box.  The text you enter into this box will show up in show web browsers when the cursor is placed over the image.  While it's not essential to enter text into this field, it does help visually impaired people if you do so, as their screen readers will read out this description of the image:

Web tag box image

In the boxes below this, you can change the size of the image, which will be kept in proportion, unless you click on the unlock box:

Change picture size box

In the box below, you can add or remove a border to an image.  This is particularly useful if you have hyperlinked an image, as you can use this box to remove the blue border that is automatically place around hyperlinked images.  I usually don't bother adding a border to an image - unless it's a screenshot!:

Picture border box

Please put a margin of 10 pixels along the height and width of your image, as this will help it stand out more from the text in some web browsers:

Picture margins box

You can also align the picture from left to right using the 'Align' box:

Picture alignment box

You can also align a picture by left clicking on it with your mouse, and choosing one of the alignment options from the toolbox:

Beneath the 'Article Text' box, there's a 'Thumbnail Url' box which you can use to add a thumbnail image of the article to the InPrint Online listings.  However, this is not compulsory and is rarely used at the moment.

Below this are a couple of boxes that you should only click if you're submitting a News item - an expiry date for the article in the future, although you can override the expiry date you've entered by clicking the 'Force Active' box.

Below this is an option to give access to the article to non-SYP members.  At the moment, the consensus is that everything on InPrint Online should be free to non-members, except the most recent copies of the InPrint magazine, which are posted online in pdf.  Below this are a couple of options that you only need to fill in if you're adding one of these InPrint pdfs.

And then finally, to make sure your article is submitted, you must click the 'Add Article' button:

Add article button image