Difference between revisions of "Editor Tutorial"

From RCampus Wiki
Jump to: navigation, search
Line 28: Line 28:
  
 
==Create a link==
 
==Create a link==
[[Image:InsertLink.JPG|frame|]]
+
[[Image:InsertLink.JPG|thumb|]]
 
# Press '''Enter''' on your keyboard twice to add space and start a new paragraph.
 
# Press '''Enter''' on your keyboard twice to add space and start a new paragraph.
 
# Type a link text (e.g. '''Book Exchange''') and select/highlight the link text.
 
# Type a link text (e.g. '''Book Exchange''') and select/highlight the link text.
Line 37: Line 37:
  
 
==Insert an image==
 
==Insert an image==
[[Image:ImageProperties.JPG|frame|]]
+
[[Image:ImageProperties.JPG|thumb|]]
 
# Position the cursor where you want to insert an image.
 
# Position the cursor where you want to insert an image.
 
# Select '''Insert/Edit Image''' (http://www.rcampus.com/fckeditor/images/toolbar/button.image.gif) icon. This will open the '''Insert Image''' dialog box.
 
# Select '''Insert/Edit Image''' (http://www.rcampus.com/fckeditor/images/toolbar/button.image.gif) icon. This will open the '''Insert Image''' dialog box.

Revision as of 23:37, 17 March 2008

This short tutorial shows the steps to create a basic web page. In this tutorial, you will learn how to create a sample home page with a welcome message, an image and a link to an external website.

Invoke the online editor

  1. Go to the page you want to create.
  2. Click on the create web page or revise web page tab.

A web page is a document and will be saved into your document center.

Enter title and basic text

  1. Enter "home page" in the Title box. The title is not displayed to others.
  2. Enter "Welcome to my site" in the content area.

Change text color

  1. Select/highlight the text you want to change.
  2. Click on the Text Color (button.textcolor.gif) drop-down menu.
  3. Click on the color of your choice.

Change text format

With the text is still selected:

  1. Click on Bold (button.bold.gif) icon.
  2. Click on Center (button.justifycenter.gif) icon.

Change text size

With the text is still selected:

  1. Click on Size drop-down menu.
  2. Select large.

Create a link

InsertLink.JPG
  1. Press Enter on your keyboard twice to add space and start a new paragraph.
  2. Type a link text (e.g. Book Exchange) and select/highlight the link text.
  3. Click on Insert/Edit Link (button.link.gif) icon. This will open the Link dialog box.
  4. Enter the web address or URL (e.g. http://www.TBXN.com) in the URL box then press [OK].

Note: The link is created, but it will not be active until the document is saved.

Insert an image

ImageProperties.JPG
  1. Position the cursor where you want to insert an image.
  2. Select Insert/Edit Image (button.image.gif) icon. This will open the Insert Image dialog box.
  3. Click on Browse and select an image from your computer.
  4. Click on Send it to the server.
  5. You should see the selected image in the Preview box then press [OK].

Note: The uploaded image should be embedded in the page.

Save your work

  1. Click on the save button at the bottom of the page.