Difference between revisions of "Tools: Screen Shots"

From DurhamtechWiki
Jump to navigationJump to search
 
(30 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
====What are Screen Shots?====  
 
====What are Screen Shots?====  
 
* A screen shot is a picture of something that was displayed on your computer.
 
* A screen shot is a picture of something that was displayed on your computer.
 +
* Windows 10 with updates: [https://www.windowscentral.com/how-use-snip-sketch-take-screenshots-windows-10-october-2018-update How to use the Snip & Sketch tool to create screenshots]
 
* Windows 10: [https://support.microsoft.com/en-us/help/13776/windows-use-snipping-tool-to-capture-screenshots Use the snipping tool to capture screenshots]
 
* Windows 10: [https://support.microsoft.com/en-us/help/13776/windows-use-snipping-tool-to-capture-screenshots Use the snipping tool to capture screenshots]
 
* Windows 7: [[Media:WindowsSnippingTool-How-To.pdf|How to Use the Windows Snipping Tool handout]] (pdf)
 
* Windows 7: [[Media:WindowsSnippingTool-How-To.pdf|How to Use the Windows Snipping Tool handout]] (pdf)
Line 13: Line 14:
  
 
====Easiest Ways to Take a Screenshot using Microsoft Windows====
 
====Easiest Ways to Take a Screenshot using Microsoft Windows====
* [http://www.digitalcitizen.life/4-ways-take-screenshots-windows-8-81-using-built-tools Eight Ways to Take Screenshots (Windows 8/10)]
+
* [https://www.cnet.com/how-to/8-ways-to-take-screenshots-in-windows-10/ Eight Ways to Take Screenshots (Windows 10/Windows 10 Update)]
* [http://www.wikihow.com/Take-a-Screenshot-in-Microsoft-Windows#Using_the_Snipping_Tool Use the Windows Snipping Tool (Windows 7)]
+
* [http://www.wikihow.com/Take-a-Screenshot-in-Microsoft-Windows#Using_the_Snipping_Tool Use the Windows Snipping Tool (Windows 8/10)]
  
====7 Ways to Take a Screenshot using Mac OS====
+
====How to Take a Screenshot using Mac OS====
* [http://www.wikihow.com/Take-a-Screenshot-in-Mac-OS-X Start with: Screenshot a Portion of your Screen]
+
* [https://support.apple.com/en-us/HT201361 How to take a screenshot on a Mac]
* [http://www.wikihow.com/Take-a-Screenshot-in-Mac-OS-X#Additional_Methods Additional Mac tools]
+
 
 +
====How to Take a Screenshot using iPhone and Android devices====
 +
* [https://www.theverge.com/2019/11/8/20953522/how-to-take-screenshot-mac-windows-pc-iphone-android How to take a screenshot on your Mac, Windows PC, iPhone and Android]
  
 
====How do you add a screen shot to Sakai?====
 
====How do you add a screen shot to Sakai?====
 +
There's many places you can add an image, such as in Lessons, the Syllabus or your course Home page.
 
In Sakai, there are two ways an instructor can insert an image.   
 
In Sakai, there are two ways an instructor can insert an image.   
* Method 1: Embed Image in Lessons
+
===== Method 1: Embed Image in Lessons=====
* Method 2: Use the Text Editor toolbar
+
* In '''Lessons''', click '''Add Content''', then '''Embed Content on Page'''
 
+
** Click '''Choose Files or Browse''', select the file, click '''Open'''
 +
** Click '''Save'''.
 +
* To add '''alternative text''' to your image:
 +
** Beside the embedded image, click on the '''Edit''' button
 +
** Beside '''Alt Text''', replace the file name with what is important about the image
 +
** Alternatively, in the Item Description box, type in a long description for complex images(such as charts, graphs and diagrams) which will display below the image
 +
** Click '''Save'''
  
* Method 2:  Use the Text Editor toolbar  
+
=====Method 2:  Display an Image using the Text Editor toolbar (in Lessons)=====
* There's many places you can add an image, such as in Lessons, the Syllabus or your course Home page
 
 
* In '''Lessons''', click on '''Add Content''', then '''Add Text'''  
 
* In '''Lessons''', click on '''Add Content''', then '''Add Text'''  
 
** In the "Text Editor" displayed, click where you want the picture to display, then click on the '''image tool''' on the tool bar  
 
** In the "Text Editor" displayed, click where you want the picture to display, then click on the '''image tool''' on the tool bar  
 
*** In the Image Properties box, click on '''Browse Server'''
 
*** In the Image Properties box, click on '''Browse Server'''
*** At the '' top'', click on the '''Upload Files''' button, then drag and drop your file or click on the "Select Files to Open" button, find and click on your picture, click '''Open'''
+
*** At the '' top'', click on the '''Upload Files''' button, then drag and drop your file or click on the '''Select Files to Open''' button, find and click on your picture, click '''Open'''
 
*** Now that your file has been selected, in the ''lower right corner'', click on the '''OK''' button  
 
*** Now that your file has been selected, in the ''lower right corner'', click on the '''OK''' button  
 
** You'll now return to the Image Properties box:
 
** You'll now return to the Image Properties box:
*** In the '''Alternative Text''' box: type in what is important about the image  
+
*** In the '''Alternative Text box''': type in what is important about the image  
*** If needed, change the width; Click '''OK'''.
+
*** If needed, change the width (between 300 and 400); Click '''OK'''.
* '''If you need to''' '''change the picture size''' (if you have scroll bars displaying or it's too small), you can click to the right of the image, on the '''Edit''' icon.
+
** Below the Text Editor box, click '''Save'''
** Click on the image, then click on the "Image" tool on the tool bar
 
** In the Image Properties box, you usually should change only the ''width''; the height should automatically adjust; Click '''OK'''.
 
  
 
====Use Jing to create Screenshots====
 
====Use Jing to create Screenshots====
 
* To draw straight arrows and boxes, and add numbers or text: try out the free tool Jing
 
* To draw straight arrows and boxes, and add numbers or text: try out the free tool Jing
* Download Jing free at home, or ask IT to install it at work. Or try it out in Tech Center 219.
+
* Download Jing free at home, or ask IT to install it at work.  
 
* [http://courses.durhamtech.edu/wiki/index.php/Tools:_Jing How to Create and Share screenshots with Jing]
 
* [http://courses.durhamtech.edu/wiki/index.php/Tools:_Jing How to Create and Share screenshots with Jing]

Latest revision as of 10:51, 15 July 2020

SnippingToolSample

How to Create Screen Shots

What are Screen Shots?

Why do instructors use Screen Shots?

  • Show a picture of a diagram or process and add it to Word, PowerPoint or Sakai
  • Provide a roadmap to a part of your course for your students
  • Show your students how to make screen shots, so they can show instead of tell you about a problem

Easiest Ways to Take a Screenshot using Microsoft Windows

How to Take a Screenshot using Mac OS

How to Take a Screenshot using iPhone and Android devices

How do you add a screen shot to Sakai?

There's many places you can add an image, such as in Lessons, the Syllabus or your course Home page. In Sakai, there are two ways an instructor can insert an image.

Method 1: Embed Image in Lessons
  • In Lessons, click Add Content, then Embed Content on Page
    • Click Choose Files or Browse, select the file, click Open
    • Click Save.
  • To add alternative text to your image:
    • Beside the embedded image, click on the Edit button
    • Beside Alt Text, replace the file name with what is important about the image
    • Alternatively, in the Item Description box, type in a long description for complex images(such as charts, graphs and diagrams) which will display below the image
    • Click Save
Method 2: Display an Image using the Text Editor toolbar (in Lessons)
  • In Lessons, click on Add Content, then Add Text
    • In the "Text Editor" displayed, click where you want the picture to display, then click on the image tool on the tool bar
      • In the Image Properties box, click on Browse Server
      • At the top, click on the Upload Files button, then drag and drop your file or click on the Select Files to Open button, find and click on your picture, click Open
      • Now that your file has been selected, in the lower right corner, click on the OK button
    • You'll now return to the Image Properties box:
      • In the Alternative Text box: type in what is important about the image
      • If needed, change the width (between 300 and 400); Click OK.
    • Below the Text Editor box, click Save

Use Jing to create Screenshots