Tip:
Highlight text to annotate it
X
in this section we're going to be inserting an image into a lesson we
place our cursor where we want the image to go
we then choose insert from the menu bar and select
image from the drop-down menu
we then click on the select image button navigate to where we have our
images stored
notice the types of images that we allow inside of the SoftChalk lesson
we then choose the image click on select
and have been tells us that the image is good
meaning that its size fits nicely in our windows
the next thing we'll look at are the image attributes
starting with alignment
we have as we see five different alignments
the alignments of none and absolute bottom are fairly similar
left and right allows us to wrap
text around the image and top
puts a line of text at the top of the image
let's use the default alignment of none
and see what it looks like we'll click ok
noticed the line of text with a cursor was
is at the bottom part of our image
let's right mouse click on the image to modify it and change to the absolute
bottom that puts the bottom of the line of text in line with the bottom all of
the image the rest of the image has no text around
let's change it to a top alignment
that puts the line of text at the top of the image with a lot of white space
underneath it and then the rest of the paragraph of text below it
let's modify it one more time and change to our final alignment of left
remember if that allows text to wrap all around the image
and now we see our image with text wrapping around it
let's modify it again remember right mouse click
and choose modified
we're going to change the height of our image rather than six hundred ninety
three i'm going to change that and make it three hundred fifty
notice the width changes at the same rate that keeps the image proportional
to the its original size we're also we can draw a border around it
and we can also change both the vertical
and the horizontal spacing they can be values from zero through
thirty represents
pixels
that's full for the for vertical space
horizontal space
we also can type in a long description
to be used with screen readers
we then click ok
and we see the results of our
inserting an image
with text wrapping around it
next
let's insert image that's stand-alone i don't want extra wrap-around
i place my cursor on a blank line
this time i'm going to click on the image button on our toolbar
we'll select the image navigate to where the images are stored
select it
it again tells me the image is good
i'm going to leave the alignment as none
i don't need or i'm actually going to put in a border around this and again
put in a long description
we then click ok
and our images in our lesson stand alone
we can modify its placement simply by clicking on the image and then choosing
the alignment we'd like
i put it at the center
finally let's put in another image and final method
i'm going to place my cursor on a blank line
and this time i'm going to right mouse click
from the pop-up menu i'm going to choose image
again i want this image to stand alone so while selecting image
choose the image that i want
notices it says it's not recommended
that means that it's too large to fit in our last
we should optimize we don't have to you
but look at what it now does
the image is probably going to be way too long to display correctly on our
screens
so i'd saved this and previewed it and noticed that i now have to scroll
to the right to see the right hand and side of the image
and down to see
the bottom of the image
the entire image will not fit on the screen let's close our browser
modifify the image by right mouse clicking and modify we're back in
SoftChalk
and we click on optimize now not only does that reduced the dimensions but it
also reduces the size of the image i should put in a long description
and than i click okay
notice how it now fits
on my screen