Difference between revisions of "Editor Tutorial"
From RCampus Wiki
Line 28: | Line 28: | ||
==Create a link== | ==Create a link== | ||
− | [[Image:InsertLink.JPG| | + | [[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| | + | [[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.
Contents
Invoke the online editor
- Go to the page you want to create.
- 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
- Enter "home page" in the Title box. The title is not displayed to others.
- Enter "Welcome to my site" in the content area.
Change text color
- Select/highlight the text you want to change.
- Click on the Text Color () drop-down menu.
- Click on the color of your choice.
Change text format
With the text is still selected:
- Click on Bold () icon.
- Click on Center () icon.
Change text size
With the text is still selected:
- Click on Size drop-down menu.
- Select large.
Create a link
- 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.
- Click on Insert/Edit Link () icon. This will open the Link dialog box.
- 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
- Position the cursor where you want to insert an image.
- Select Insert/Edit Image () icon. This will open the Insert Image dialog box.
- Click on Browse and select an image from your computer.
- Click on Send it to the server.
- 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
- Click on the save button at the bottom of the page.