Uploading and Embedding Images: Difference between revisions

From UNB Archives and Special Collections
Jump to navigation Jump to search
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 6: Line 6:


[[File:DropFilesHere.png|center]]
[[File:DropFilesHere.png|center]]


Having dragged an image file into the "Drop files here" box, select "<u>Click here to upload this file</u>" to load the image to the wiki. Once uploaded, the image can be inserted into any relevant entry in the future.
Having dragged an image file into the "Drop files here" box, select "<u>Click here to upload this file</u>" to load the image to the wiki. Once uploaded, the image can be inserted into any relevant entry in the future.
Line 42: Line 44:
*These fields dictate the size of the displayed version of the image.
*These fields dictate the size of the displayed version of the image.
*For optimal quality (minimal distortion of the image) the numbers inputted in these fields should be equal in proportion of the original image.
*For optimal quality (minimal distortion of the image) the numbers inputted in these fields should be equal in proportion of the original image.
<br/><center>'''Example:''' If the original .jpg file was 1200x900, the modified dimensions should be 600x450 (50%) or 400x300 (33%).</center><br/>
<br/><center>'''Example:''' If the original .jpg file was 1200x900, the modified dimensions should be 600x450 (50%) or 400x300 (33%).</center><br/><div style="border:2px solid black; background-color:white"><br/><center>'''Tip:''' to get your image in the upmost right corner, embed the image at the '''very beginning''' of the entry, before the first section. Do not worry about spacing between the image and that first section of the entry - it will automatically format itself and present properly. Make sure that the image alignment is set to "right."<br/></center><center><br/></center></div>
 
<br/>--[[User:Markmcumber|MarkMcCumber]] ([[User talk:Markmcumber|talk]]) 3 July 2014 (ADT)
<br/>--[[User:Markmcumber|MarkMcCumber]] ([[User talk:Markmcumber|talk]]) 11:41, 9 July 2014 (ADT)
[[Category:Mark's Contributions|Uploading and]]<br/>[[Category:Manual Pages|Uploading and]]
[[Category:Mark's Contributions|Uploading and]]<br/>[[Category:Manual Pages|Uploading and]]

Latest revision as of 09:31, 14 August 2014

Return to Student Manual.
Return to Administrator Manual.

Uploading

Upon selecting the Edit tab, the contributor will notice the long, horizontal box on top of both editors labeled "Drop files here," into which image files are simply dragged:

DropFilesHere.png


Having dragged an image file into the "Drop files here" box, select "Click here to upload this file" to load the image to the wiki. Once uploaded, the image can be inserted into any relevant entry in the future.


UploadthisFile.png


Embedding

The simplest way to insert an image is by clicking the small image icon on the RichTextEditor menu:

ImageIcon.png

The exact Image file name must be entered into this first field and, if the image has already been uploaded, it will appear in the search results returned in the box below the field. The contributor will also notice several fields by which the selected image can be manipulated.

ImageManipulation.png



Caption: The caption usually includes an explanation of the image and a proper citation.

  • Depending on the Special type selected for the image, the text inputted to this field will appear as a caption below the image; otherwise the caption will appear as the mouse cursor is placed over the image.
  • See the Citation Guide for the appropriate style and procedure.


Special type: This field dictates in what format the image will appear within the entry.

  • Thumbnail and Frame formats will display a caption at the bottom of the image.
  • Thumbnail is the standard format used within this wiki.


Alignment: This field dictates the position of the image on the page.

  • The standard selection is Right, but having several images could warrant an alternative selection.
  • The text will fill the space around the image, so selecting Center may be problematic.


Width & Height are numeric fields.

  • These fields dictate the size of the displayed version of the image.
  • For optimal quality (minimal distortion of the image) the numbers inputted in these fields should be equal in proportion of the original image.


Example: If the original .jpg file was 1200x900, the modified dimensions should be 600x450 (50%) or 400x300 (33%).



Tip: to get your image in the upmost right corner, embed the image at the very beginning of the entry, before the first section. Do not worry about spacing between the image and that first section of the entry - it will automatically format itself and present properly. Make sure that the image alignment is set to "right."


--MarkMcCumber (talk) 3 July 2014 (ADT)