Adding and Aligning an Image

Adding and Aligning an Image
There is more to most Web pages than text, and this one does look a bit dull, especially for a welcome page. An image is just the thing to spruce it up.
Click just before the R in the Readings paragraph.
Images are inserted inline with text. There are a variety of alignment options that let you further customize placement. But when you insert a new image, it is always placed at the insertion point. Here, the image needs to be aligned relative to the Readings paragraph, which is why the insertion point is at the beginning of the paragraph.
Click the Insert Image icon in the Common tab of the Insert panel.
The Insert panel contains dozens of prebuilt HTML objects. They are stored in different categories, with Common being the default. You can change categories by clicking the tab name. For now, yours should be set to Common.
This command inserts a simple image. Specifically, it inserts the following block of HTML:

Navigate to slow_march.jpg, which can be found in the images folder, and click Select.
The image appears in the page, though its alignment leaves something to be desired. By default, text doesn't wrap around images, which end up taking a lot of screen real estate. The consequence of this is that the majority of your content is pushed offscreen. While most users tolerate some scrolling, usability testing has shown that content that has to be scrolled is much more likely to be overlooked or ignored.
Sometimes it is not possible or practical to keep all content on the page without scrolling, but you can minimize the amount of content "below the fold" by having text wrap around images.