Editing Web Content: Learn the Basics First!
Upcoming SlideShare
Loading in...5
×
 

Editing Web Content: Learn the Basics First!

on

  • 311 views

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

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

Statistics

Views

Total Views
311
Slideshare-icon Views on SlideShare
311
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Editing Web Content: Learn the Basics First! Editing Web Content: Learn the Basics First! Presentation Transcript

    • Intro to Content Basic ToolsJim L. SteffensmeierUniversity of PhoenixAET/545Instructor Carrie LewisAugust 12, 2012
    • ObjectiveToday, we’ll learn howto:  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 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.
    • 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 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!