Difference between revisions of "Tools: Screen Shots"

From DurhamtechWiki
Jump to navigationJump to search
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
[[Image:SnippingTool-logo.jpg|right]]
+
[[Image:SnippingTool-logo.jpg|right|alt=SnippingToolSample]]
 
==How to Create Screen Shots==
 
==How to Create Screen Shots==
  
 
====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.
−
* [[Media:WindowsSnippingTool-How-To.pdf|How to Use the Windows Snipping Tool handout]] (pdf)
+
* 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 7: [[Media:WindowsSnippingTool-How-To.pdf|How to Use the Windows Snipping Tool handout]] (pdf)
  
 
====Why do instructors use Screen Shots?====  
 
====Why do instructors use Screen Shots?====  
Line 11: Line 13:
 
* Show your students how to make screen shots, so they can '''show''' instead of ''tell'' you about a problem
 
* Show your students how to make screen shots, so they can '''show''' instead of ''tell'' you about a problem
  
−
====3 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 Four 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)]
−
* [http://www.wikihow.com/Take-a-Screenshot-in-Microsoft-Windows Take a "Full Screen" Screenshot]
 
−
* [http://www.wikihow.com/Take-a-Screenshot-in-Microsoft-Windows#Taking_a_One_Window_Screenshot Take a "One Window" Screenshot]
 
  
−
====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
+
There's many places you can add an image, such as in Lessons, the Syllabus or your course Home page.
−
* In '''Lessons''', click on the '''Add Text''' button
+
In Sakai, there are two ways an instructor can insert an image. 
−
* In the "Text Editor" displayed, click where you want the picture to display, then click on the '''image tool''' on the tool bar  
+
===== Method 1: Embed Image in Lessons=====
−
* In the Image Properties box, click on '''Browse Server'''
+
* In '''Lessons''', click '''Add Content''', then '''Embed Content on Page'''
−
* On the '' bottom'', click on the '''Browse''' button, find and click on your picture, click '''Open'''
+
** Click '''Choose Files or Browse''', select the file, click '''Open'''
−
** On the ''right'', click on the '''Upload''' button
+
** Click '''Save'''.
−
** The name of your picture will show up in the middle of the screen, click on the '''picture name'''
+
* To add '''alternative text''' to your image:
−
* You'll now return to the Image Properties box:
+
** Beside the embedded image, click on the '''Edit''' button
−
** In the '''alternative text''' box: type in what is important about the image  
+
** Beside '''Alt Text''', replace the file name with what is important about the image
−
** If needed, change the width and/or add a border of 1; Click '''OK'''.
+
** 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
−
* '''If you need to''' '''change the picture size''' (if you have scroll bars displaying or it's too small), you can click to the left of the image, on the '''Edit''' button.
+
** 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'''.
+
=====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====
 
====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 952.
+
* 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

Retrieved from "https://wiki.durhamtech.edu/wiki/index.php?title=Tools:_Screen_Shots&oldid=19623"