WebSite 2.0 CMS Made Simple Tutorial: Photos
1.1.Startup, overview, hints & tips 2. Working with photos 3. Hyperlinks and file uploads
Working with photos
1. Login and choose either Pages or News under the content heading in the Admin panel.
See "Startup & Overview" for instructions.
2. Choose the photo insert position
Place your cursor at the beginning of
the approximate line you would like the
photo positioned vertically in the
layout and click the Insert Image icon 
in the toolbar.
3. The Insert/edit image window opens. Press the image browser icon 
on the
toolbar (or type in the image URL if you want to display a photo already uploaded to another Website)
4. Choose or upload a photo
To display a photo that you've already uploaded, just click on the photo name or thumbnail image displayed.
If you would like to upload a photo or graphic file from your PC or Mac, click on the Browse button, navigate to the file on your system, and select that file. After you select the local file, it's path will be displayed in the New File area. Just click Upload 
and the file will be uploaded and added to the image selection.
Note: It's a good idea to resize your image before uploading to your site to keep you page load times fast. You can resize an image using software like Photoshop or use a free online service like Webresizer.com.
Your newly uploaded image will be listed first in the list, click the thumbnail or image name to add it to your page or news post.
5. Set the image properties
This process applies to both new photos and existing photos posted in the content section of your live pages.
Select the image with a left mouse click. Eight "handles" appear around the image. You can resize the image by clicking and dragging these handles.
In many cases, you'll want your text to flow to the right or left of your image. With the image selected, press the image icon again to open the Insert/edit image window.
Choose the Appearance Tab in the Insert/edit image window. Under Alignment, select either Left or Right to specify on which side of your page you would like your image to float. Then enter amounts for spacing around the photo ("10" for Vertical space and "20" for Horizontal space is a common setting).
After you enter your appearance settings, click the update 
button.
6. Saving your page or news post with photos added.
You'll be returned to the edit content page where you'll see your aligned photo with spacing displayed in your text content.
Press Submit or Apply to save your page and post it to your live site. For instructions see the overview tutorial.
Next Tutorial: Adding hyperlinks and uploading files
Was this helpful?
Do you have any suggestions for
improvement? Please take a minute
and let us know.
Instructional content on this page is copyrighted 2006-2008 Generose Corporation. RisingLine's WebSite 2.0 Content Management Solutions are modifications of CMS Made Simple and are distributed under the terms of the GNU/GPL license.
Next page: Adding hyperlinks and uploading files
Top
