SlideShare a Scribd company logo
1 of 54
Intro to Content
                             Basic Tools


Jim L. Steffensmeier
University of Phoenix
AET/545
Instructor Carrie Lewis
August 12, 2012
Objective
Today, we’ll learn how
to:
  Use Keyboard
   Shortcuts
  Create a hyperlink
   within any Microsoft
   based application.
  Edit Photos Using
   Picmonkey.com
Lesson 1: Using Keyboard Shortcuts
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!
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.
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.
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.
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.
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!
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!
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.
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.
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!
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
             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
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 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!
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.
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.
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!
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.
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.
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.
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!
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.
Lesson 3: Editing your Photos
The 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 of
the photo.

Checking the Keep Proportions box will prevent distorted 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
    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
       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.
Additional Resources:
Thank you for completing this tutorial. If you would like to
complete it again, you may hit the home button at the bottom
of your screen. If you would like more information about the
lessons 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!

More Related Content

Similar to Editing Web Content: Learn the Basics First!

SFM Lesson 1
SFM Lesson 1SFM Lesson 1
SFM Lesson 1TonyC445
 
Question 6: Technology – What have you learnt about technologies from the pro...
Question 6: Technology – What have you learnt about technologies from the pro...Question 6: Technology – What have you learnt about technologies from the pro...
Question 6: Technology – What have you learnt about technologies from the pro...ciaraoakes
 
Programming fundamentals lecture 1&2
Programming fundamentals lecture 1&2Programming fundamentals lecture 1&2
Programming fundamentals lecture 1&2Raja Hamid
 
Lesson 1
Lesson 1Lesson 1
Lesson 1grechie
 
Wt1110 sb unit 1
Wt1110 sb unit 1Wt1110 sb unit 1
Wt1110 sb unit 1kateridrex
 
Tips & Tricks of Microsoft
Tips & Tricks of MicrosoftTips & Tricks of Microsoft
Tips & Tricks of MicrosoftCompudon
 
Lecture4 1
Lecture4 1Lecture4 1
Lecture4 1sajib333
 
Office2007 Overview Express
Office2007 Overview ExpressOffice2007 Overview Express
Office2007 Overview ExpressLiquidHub
 
PPT Tutorial Assignment
PPT Tutorial AssignmentPPT Tutorial Assignment
PPT Tutorial Assignmentgiancc
 
Office2007 Overview Express
Office2007 Overview ExpressOffice2007 Overview Express
Office2007 Overview ExpressLiquidHub
 
8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designersRemon Mia
 
Level 1 photoshop - makeup tutorial
Level 1 photoshop - makeup tutorialLevel 1 photoshop - makeup tutorial
Level 1 photoshop - makeup tutorialiain bruce
 
Using adobe premier elements 13 intermediate
Using adobe premier elements 13 intermediateUsing adobe premier elements 13 intermediate
Using adobe premier elements 13 intermediatejphibbert
 
Work space mac for newusers
Work space mac for newusersWork space mac for newusers
Work space mac for newusersWilliam McIntosh
 
Programming Fundamentals using C++
Programming Fundamentals using C++Programming Fundamentals using C++
Programming Fundamentals using C++ALI RAZA
 

Similar to Editing Web Content: Learn the Basics First! (20)

SFM Lesson 1
SFM Lesson 1SFM Lesson 1
SFM Lesson 1
 
Question 6: Technology – What have you learnt about technologies from the pro...
Question 6: Technology – What have you learnt about technologies from the pro...Question 6: Technology – What have you learnt about technologies from the pro...
Question 6: Technology – What have you learnt about technologies from the pro...
 
Word 2007-Get Up To Speed
Word 2007-Get Up To SpeedWord 2007-Get Up To Speed
Word 2007-Get Up To Speed
 
FLASH L07 VIEW TOOLS
FLASH L07 VIEW TOOLSFLASH L07 VIEW TOOLS
FLASH L07 VIEW TOOLS
 
Programming fundamentals lecture 1&2
Programming fundamentals lecture 1&2Programming fundamentals lecture 1&2
Programming fundamentals lecture 1&2
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Wt1110 sb unit 1
Wt1110 sb unit 1Wt1110 sb unit 1
Wt1110 sb unit 1
 
Tips & Tricks of Microsoft
Tips & Tricks of MicrosoftTips & Tricks of Microsoft
Tips & Tricks of Microsoft
 
Lecture4 1
Lecture4 1Lecture4 1
Lecture4 1
 
Office2007 Overview Express
Office2007 Overview ExpressOffice2007 Overview Express
Office2007 Overview Express
 
PPT Tutorial Assignment
PPT Tutorial AssignmentPPT Tutorial Assignment
PPT Tutorial Assignment
 
Microsoft Windows 7 Fundamentals (8th Ed.)
Microsoft Windows 7 Fundamentals (8th Ed.)Microsoft Windows 7 Fundamentals (8th Ed.)
Microsoft Windows 7 Fundamentals (8th Ed.)
 
Business 1
 Business 1 Business 1
Business 1
 
Office2007 Overview Express
Office2007 Overview ExpressOffice2007 Overview Express
Office2007 Overview Express
 
8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers
 
Level 1 photoshop - makeup tutorial
Level 1 photoshop - makeup tutorialLevel 1 photoshop - makeup tutorial
Level 1 photoshop - makeup tutorial
 
Using adobe premier elements 13 intermediate
Using adobe premier elements 13 intermediateUsing adobe premier elements 13 intermediate
Using adobe premier elements 13 intermediate
 
Work space mac for newusers
Work space mac for newusersWork space mac for newusers
Work space mac for newusers
 
Programming Fundamentals using C++
Programming Fundamentals using C++Programming Fundamentals using C++
Programming Fundamentals using C++
 
Workspace new users
Workspace new usersWorkspace new users
Workspace new users
 

Recently uploaded

西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做j5bzwet6
 
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxShubham Rawat
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxJackieSparrow3
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)oannq
 
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In DelhiCall Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In DelhiSoniyaSingh
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilabledollysharma2066
 
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ EscortsDelhi Escorts Service
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证kbdhl05e
 
办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭o8wvnojp
 

Recently uploaded (12)

西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做
 
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
 
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptx
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptx
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)
 
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In DelhiCall Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In Delhi
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
 
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证
 
办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭
 

Editing Web Content: Learn the Basics First!

  • 1. Intro to Content Basic Tools Jim L. Steffensmeier University of Phoenix AET/545 Instructor Carrie Lewis August 12, 2012
  • 2. Objective Today, we’ll learn how to:  Use Keyboard Shortcuts  Create a hyperlink within any Microsoft based application.  Edit Photos Using Picmonkey.com
  • 3. Lesson 1: Using Keyboard Shortcuts
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  • 15. Lesson 1: Using Keyboard Shortcuts
  • 16. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  • 17. Lesson 1: Using Keyboard Shortcuts
  • 18. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  • 19. Lesson 1: Using Keyboard Shortcuts
  • 20. Lesson 1: Using Keyboard Shortcuts Let’s Review…
  • 21. Lesson 1: Using Keyboard Shortcuts
  • 23. Lesson 2: Creating a Hyperlink
  • 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. Lesson 2: Creating a Hyperlink Hyperlinking Video Click the link to watch the short video on Youtube.
  • 26. Lesson 2: Creating a Hyperlink Let’s Review…
  • 27. Lesson 2: Creating a Hyperlink
  • 28. Lesson 2: Creating a Hyperlink Let’s Review…
  • 29. Lesson 2: Creating a Hyperlink
  • 30. Lesson 2: Creating a Hyperlink Let’s Review…
  • 31. Lesson 2: Creating a Hyperlink
  • 32. Lesson 2: Creating a Hyperlink Let’s Review…
  • 33. Lesson 2: Creating a Hyperlink
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. Lesson 3: Editing your Photos The 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 of the photo. Checking the Keep Proportions box will prevent distorted photos.
  • 45. Lesson 3: Editing your Photos Let’s Review…
  • 46. Lesson 3: Editing your Photos
  • 47. Lesson 3: Editing your Photos Let’s Review…
  • 48. Lesson 3: Editing your Photos
  • 49. Lesson 3: Editing your Photos Let’s Review…
  • 50. Lesson 3: Editing your Photos
  • 51. Lesson 3: Editing your Photos Let’s Review…
  • 52. Lesson 3: Editing your Photos
  • 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. Additional Resources: Thank you for completing this tutorial. If you would like to complete it again, you may hit the home button at the bottom of your screen. If you would like more information about the lessons 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!