Intro to Content                             Basic ToolsJim L. SteffensmeierUniversity of PhoenixAET/545Instructor Carrie ...
ObjectiveToday, we’ll learn howto:  Use Keyboard   Shortcuts  Create a hyperlink   within any Microsoft   based applicat...
Lesson 1: Using Keyboard Shortcuts
Lesson 1: Using Keyboard Shortcuts          A keyboard shortcut is a combination of             keys that when pressed per...
Lesson 1: Using Keyboard Shortcuts                    This is the Control Key.                    All of the keyboard shor...
Lesson 1: Using Keyboard Shortcuts                      COPY                      Holding down the                      Co...
Lesson 1: Using Keyboard Shortcuts   Lets Practice!   Open up this free online text editor.   Type some text and highlight...
Lesson 1: Using Keyboard Shortcuts                      Paste                      Holding down the                      C...
Lesson 1: Using Keyboard Shortcuts   Lets Practice!   Use the free online text editor.   Press = Ctrl + V to paste the pre...
Lesson 1: Using Keyboard Shortcuts                      Select All                      Need to select all the            ...
Lesson 1: Using Keyboard Shortcuts   Lets Practice!   Use the free online text editor.   Type a sentence or two into the e...
Lesson 1: Using Keyboard Shortcuts                      UNDO                      Mistakes                      happen…and...
Lesson 1: Using Keyboard Shortcuts   Lets Practice!   Use the free online text editor.   Type a word into the editor. Now ...
Lesson 1: Using Keyboard Shortcuts    Let’s Review…
Lesson 1: Using Keyboard Shortcuts
Lesson 1: Using Keyboard Shortcuts    Let’s Review…
Lesson 1: Using Keyboard Shortcuts
Lesson 1: Using Keyboard Shortcuts    Let’s Review…
Lesson 1: Using Keyboard Shortcuts
Lesson 1: Using Keyboard Shortcuts    Let’s Review…
Lesson 1: Using Keyboard Shortcuts
Great!Let’s continue to Lesson 2!
Lesson 2: Creating a Hyperlink
Lesson 2: Creating a Hyperlink             What is a hyperlink?             A hyperlink is a special area on a Web        ...
Lesson 2: Creating a Hyperlink                 Hyperlinking Video     Click the link to watch the short video on Youtube.
Lesson 2: Creating a Hyperlink    Let’s Review…
Lesson 2: Creating a Hyperlink
Lesson 2: Creating a Hyperlink    Let’s Review…
Lesson 2: Creating a Hyperlink
Lesson 2: Creating a Hyperlink    Let’s Review…
Lesson 2: Creating a Hyperlink
Lesson 2: Creating a Hyperlink    Let’s Review…
Lesson 2: Creating a Hyperlink
Great!Let’s continue to Lesson 3!
Lesson 3: Editing Your Photos     For this part of the tutorial, you will practice using     picmonkey.com, a free online ...
Lesson 3: Editing your Photos          To begin working on your photo, click          this symbol to choose the photo with...
Lesson 3: Editing your Photos                    Depending on the file                    size of your photo, you         ...
Lesson 3: Editing your Photos                 Now you will see the                 Basic Editing Tools, and               ...
Lesson 3: Editing your Photos  Use the Crop tool to pic from preselected areas in the  dropdown field, or enter your own c...
Lesson 3: Editing your Photos  Use the rotate tool to straighten out photos that may be a  little crooked, or flip photos ...
Lesson 3: Editing your Photos  When using the Exposure tool, your best bet is always to try  out the auto adjust button fi...
Lesson 3: Editing your Photos  The Colors tool can be used to reduce the color saturation  of your photo, increase the bri...
Lesson 3: Editing your Photos  If you think your photo appears slightly blurry, or cloudy,  then you may benefit from the ...
Lesson 3: Editing your PhotosThe last of the basic editing tools is the Resize tool.You can resize using the actual size o...
Lesson 3: Editing your Photos    Let’s Review…
Lesson 3: Editing your Photos
Lesson 3: Editing your Photos    Let’s Review…
Lesson 3: Editing your Photos
Lesson 3: Editing your Photos    Let’s Review…
Lesson 3: Editing your Photos
Lesson 3: Editing your Photos    Let’s Review…
Lesson 3: Editing your Photos
Lesson 3: Editing your Photos      Good Job! The save button is always at      the top of the screen. Remember, if you    ...
Additional Resources:Thank you for completing this tutorial. If you would like tocomplete it again, you may hit the home b...
Upcoming SlideShare
Loading in …5
×

Editing Web Content: Learn the Basics First!

332 views
288 views

Published on

This is a tutorial on how to create hyperlinks, use keyboard shortcuts, and use the basic tool set in picmonkey.com to edit photos.

Published in: Self Improvement, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
332
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Editing Web Content: Learn the Basics First!

  1. 1. Intro to Content Basic ToolsJim L. SteffensmeierUniversity of PhoenixAET/545Instructor Carrie LewisAugust 12, 2012
  2. 2. ObjectiveToday, we’ll learn howto:  Use Keyboard Shortcuts  Create a hyperlink within any Microsoft based application.  Edit Photos Using Picmonkey.com
  3. 3. Lesson 1: Using Keyboard Shortcuts
  4. 4. Lesson 1: Using Keyboard Shortcuts A keyboard shortcut is a combination of keys that when pressed perform a specific action, saving you time and extra steps in order to accomplish common actions. Click the Graphic to the right to download or print a full list of all the keyboard shortcuts. Continue on to learn a few of the most useful shortcuts!
  5. 5. Lesson 1: Using Keyboard Shortcuts This is the Control Key. All of the keyboard shortcuts we are going to learn today require pressing them in conjunction with this key. Find this key on your keyboard. You will notice there are two control keys, one to the left, and one to the right of the space bar. They both do the same thing.
  6. 6. Lesson 1: Using Keyboard Shortcuts COPY Holding down the Control key at the same time as the C key will copy anything you have selected. This includes text, photos, or other objects that can be selected.
  7. 7. Lesson 1: Using Keyboard Shortcuts Lets Practice! Open up this free online text editor. Type some text and highlight it. Then press Ctrl + C. The text is now on your clipboard. Now continue to the next page to learn how to paste it back into the editor.
  8. 8. Lesson 1: Using Keyboard Shortcuts Paste Holding down the Control key at the same time as the V key will paste the items you previously copied. *Adding the Shift Key to the combo will paste as “plain text” which strips all html code.
  9. 9. Lesson 1: Using Keyboard Shortcuts Lets Practice! Use the free online text editor. Press = Ctrl + V to paste the previously copied text. Did you see the text appear? If so then you did it correctly! If not, use the back button to return to the previous slides to determine the correct steps. If you are ready to continue to the next slide…lets go!
  10. 10. Lesson 1: Using Keyboard Shortcuts Select All Need to select all the text in a section, or on an entire page? Holding down the Control key at the same time as the A key will select all of the text!
  11. 11. Lesson 1: Using Keyboard Shortcuts Lets Practice! Use the free online text editor. Type a sentence or two into the editor. Then Press Ctrl + A. All of the text should now be selected. You could copy it, delete it, make it bold, larger, or drag and drop it into a different location. The ability to select all of the text if needed can save you precious time.
  12. 12. Lesson 1: Using Keyboard Shortcuts UNDO Mistakes happen…and sometimes we just change our mind. Want an easy way to undo? Holding down the Control key at the same time as the Z key will undo the last action.
  13. 13. Lesson 1: Using Keyboard Shortcuts Lets Practice! Use the free online text editor. Type a word into the editor. Now make your text bold. Use Ctrl + Z to undo the action. It removed the bold formatting from your text. Keep hitting it and eventually it will undo every action you have done until you are left with a blank page. Now don’t you wish life had an undo button!
  14. 14. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  15. 15. Lesson 1: Using Keyboard Shortcuts
  16. 16. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  17. 17. Lesson 1: Using Keyboard Shortcuts
  18. 18. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  19. 19. Lesson 1: Using Keyboard Shortcuts
  20. 20. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  21. 21. Lesson 1: Using Keyboard Shortcuts
  22. 22. Great!Let’s continue to Lesson 2!
  23. 23. Lesson 2: Creating a Hyperlink
  24. 24. Lesson 2: Creating a Hyperlink What is a hyperlink? A hyperlink is a special area on a Web page which can be activated (usually with a mouse). The hyperlink can appear as text or graphics. Most hyperlinks take you to another Web page. Other hyperlinks perform special functions, such as sending email, submitting a form
  25. 25. Lesson 2: Creating a Hyperlink Hyperlinking Video Click the link to watch the short video on Youtube.
  26. 26. Lesson 2: Creating a Hyperlink Let’s Review…
  27. 27. Lesson 2: Creating a Hyperlink
  28. 28. Lesson 2: Creating a Hyperlink Let’s Review…
  29. 29. Lesson 2: Creating a Hyperlink
  30. 30. Lesson 2: Creating a Hyperlink Let’s Review…
  31. 31. Lesson 2: Creating a Hyperlink
  32. 32. Lesson 2: Creating a Hyperlink Let’s Review…
  33. 33. Lesson 2: Creating a Hyperlink
  34. 34. Great!Let’s continue to Lesson 3!
  35. 35. Lesson 3: Editing Your Photos For this part of the tutorial, you will practice using picmonkey.com, a free online photo editing application that requires no account creation or file uploading. Please click the logo above to open picmonky.com in a separate window/tab!
  36. 36. Lesson 3: Editing your Photos To begin working on your photo, click this symbol to choose the photo within your computer files, or simply drag and drop your photo onto the button.
  37. 37. Lesson 3: Editing your Photos Depending on the file size of your photo, you may be prompted to choose from the following 3 settings. When adding a photo to your website, you will want it to be under 3 megapixals. So choose the “Jack” setting. Then click on save.
  38. 38. Lesson 3: Editing your Photos Now you will see the Basic Editing Tools, and your picture. In this tutorial we will only be discussing basic edits. Advance tool options will be examined in later tutorials. Continue to the next slide to begin editing your photo!
  39. 39. Lesson 3: Editing your Photos Use the Crop tool to pic from preselected areas in the dropdown field, or enter your own custom dimensions into the Actual Size fields. You can also check mark the scale photo option if you would like to manually adjust the lighter colored crop area displayed on your photo. When you are done, click Apply.
  40. 40. Lesson 3: Editing your Photos Use the rotate tool to straighten out photos that may be a little crooked, or flip photos if needed. The straighten slider will help you straighten. The rotate icons will rotate 90 Degrees at a time, changing your photos from landscape to portrait, and the flip tools will create the effect you see below.
  41. 41. Lesson 3: Editing your Photos When using the Exposure tool, your best bet is always to try out the auto adjust button first. It’s usually going to give you the best result. You can also use the Brightness, Highlights, Shadows, and Contrast sliders in order to do subtle changes or drastic changes to your photo.
  42. 42. Lesson 3: Editing your Photos The Colors tool can be used to reduce the color saturation of your photo, increase the brightness of specific colors or increase the over all saturation of the photo. The temperature setting will make your overall colors more warm or cooler, adding reddish or blue tints to the photo. Again, like the other tools, the auto adjust button is excellent!
  43. 43. Lesson 3: Editing your Photos If you think your photo appears slightly blurry, or cloudy, then you may benefit from the Sharpen tool. Examine the two photos below. The first photo is the original, the second photo has had the sharpness increased and the clarity increased. Even subtle changes like this can improve the overall appearance of your website.
  44. 44. Lesson 3: Editing your PhotosThe last of the basic editing tools is the Resize tool.You can resize using the actual size or you can use percentages.Check the box and enter any percentage to reduce the size ofthe photo.Checking the Keep Proportions box will prevent distorted photos.
  45. 45. Lesson 3: Editing your Photos Let’s Review…
  46. 46. Lesson 3: Editing your Photos
  47. 47. Lesson 3: Editing your Photos Let’s Review…
  48. 48. Lesson 3: Editing your Photos
  49. 49. Lesson 3: Editing your Photos Let’s Review…
  50. 50. Lesson 3: Editing your Photos
  51. 51. Lesson 3: Editing your Photos Let’s Review…
  52. 52. Lesson 3: Editing your Photos
  53. 53. Lesson 3: Editing your Photos Good Job! The save button is always at the top of the screen. Remember, if you are unsure where something is, it never hurts to look around! You can now close picmonkey.com, we have finished Lesson 3. Continue to the next slide when you are done.
  54. 54. Additional Resources:Thank you for completing this tutorial. If you would like tocomplete it again, you may hit the home button at the bottomof your screen. If you would like more information about thelessons in this plan, here are some helpful links!• Picmonkey.com FAQs• Microsoft Keyboard Shortcuts• Youtube Video on Hyperlinking• 10 Photo Editing Tips from a Pro!• How to create a hyperlink in Microsoft Office Good luck on your new website!

×