EDIT 660 5.4

Information about EDIT 660 5.4

Published on July 29, 2014

Author: crp2755

Source: authorstream.com

Content

Adding Image Elements to Your Page! : Adding Image Elements to Your Page! Adding pictures to your site works in much the same way as adding text: by dragging an image element to a page. While adding images is a great tool, keep in mind the tips that you learned in Module 2.0 Topic 2.2 and your likes and dislikes from other's sites.: Adding pictures to your site works in much the same way as adding text: by dragging an image element to a page. While adding images is a great tool, keep in mind the tips that you learned in  Module 2.0 Topic 2.2 and your  likes and  dislikes from other's sites. Click the Upload Image box to upload a picture.: Click the Upload Image box to upload a picture. This opens up a dialog box presenting several ways to add a photo. The two key options are to either upload (or drag) an image from your own computer or to search through the Weebly stock photo database. : This opens up a dialog box presenting several ways to add a photo. The two key options are to either upload (or drag) an image from your own computer or to search through the Weebly stock photo database.   Let's focus on the option to upload a photo from your own computer. The easiest way to approach this is to drag the picture you want to use from your desktop into the box that quite helpfully says "drag photo here." You can also click the green "Upload a photo" button if it isn't convenient to drag the image over. : Let's focus on the option to upload a photo from your own computer. The easiest way to approach this is to drag the picture you want to use from your desktop into the box that quite helpfully says "drag photo here." You can also click the green "Upload a photo" button if it isn't convenient to drag the image over.  The size of a picture will vary after upload, but it'll usually show as wide as the entire site.: The size of a picture will vary after upload, but it'll usually show as wide as the entire site. You can adjust the size of the image by clicking and dragging the little box that appears in the lower right corner of the image (you'll need to click on the picture to see it). : You can adjust the size of the image by clicking and dragging the little box that appears in the lower right corner of the image (you'll need to click on the picture to see it). Clicking on the photo also opens up a settings dialog box that you can use to make further changes. : Clicking on the photo also opens up a settings dialog box that you can use to make further changes.  Some notable controls : Lightbox : If you turn this on then any visitor who clicks the image on your site will be shown a larger version. Link: This option turns the image into a link. We cover links later in this guide. Spacing: Makes minor adjustments to the amount of white space around the picture. Caption: Lets you add a basic text caption under the pic . Advanced: Allows you to adjust (or turn off / on) the border around the picture. And the big blue "Edit Image" button opens up a simple image editor. : And the big blue " Edit Image" button opens up a simple image editor.  This editor provides some basic options for adding effects, lets you Rotate the image to any angle and has a Crop feature that can cut unwanted parts of the image away. : This editor provides some basic options for adding effects, lets you Rotate the image to any angle and has a Crop feature that can cut unwanted parts of the image away.  As an example of how these tools work, let's crop this picture a bit. : As an example of how these tools work, let's crop this picture a bit.  The Crop option places a box over the top of the picture. You can click on that box to drag it around and adjust the bubbles on the corners and sides to change the dimensions. : The Crop option places a box over the top of the picture. You can click on that box to drag it around and adjust the bubbles on the corners and sides to change the dimensions.  Once you've made changes click OK. If you don't like the changes you can click Crop again to readjust or click the grey Cancel button to drop out of the editor. We've cropped the example image down to more of a square; we'll keep this change and click the Save button in the upper right. : Once you've made changes click OK. If you don't like the changes you can click Crop again to readjust or click the grey Cancel button to drop out of the editor. We've cropped the example image down to more of a square; we'll keep this change and click the Save button in the upper right.  And now the changes to the image are saved. : And now the changes to the image are saved. 

Related presentations


Other presentations created by crp2755

Person-First Language Examples
18. 06. 2014
0 views

Person-First Language Examples

All 4 Paws Rescue
18. 06. 2014
0 views

All 4 Paws Rescue

Good and Bad Website
12. 07. 2014
0 views

Good and Bad Website

Good Website vs. Bad Website
12. 07. 2014
0 views

Good Website vs. Bad Website

Storyboard Methods
21. 07. 2014
0 views

Storyboard Methods

Principles of Good Web Design
21. 07. 2014
0 views

Principles of Good Web Design