Difference between revisions of "Editor Tutorial"
From RCampus Wiki
Line 2: | Line 2: | ||
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. | 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== | ==Invoke the online editor== | ||
Line 9: | Line 10: | ||
Note: A web page is a document and will be saved into your document center. | Note: A web page is a document and will be saved into your document center. | ||
+ | |||
==Enter title and basic text== | ==Enter title and basic text== | ||
# Enter title (e.g. "home page") in the '''Title''' box. The title is not displayed to others. | # Enter title (e.g. "home page") in the '''Title''' box. The title is not displayed to others. | ||
# Enter message (e.g. "Welcome to my site") in the '''content''' area. | # Enter message (e.g. "Welcome to my site") in the '''content''' area. | ||
+ | |||
==Change text color== | ==Change text color== | ||
Line 18: | Line 21: | ||
# Click on the '''Text Color''' (http://www.rcampus.com/fckeditor/images/toolbar/button.textcolor.gif) drop-down menu. | # Click on the '''Text Color''' (http://www.rcampus.com/fckeditor/images/toolbar/button.textcolor.gif) drop-down menu. | ||
# Click on the color of your choice. | # Click on the color of your choice. | ||
+ | |||
==Change text format== | ==Change text format== | ||
Line 23: | Line 27: | ||
# Click on '''Bold''' (http://www.rcampus.com/fckeditor/images/toolbar/button.bold.gif) icon. | # Click on '''Bold''' (http://www.rcampus.com/fckeditor/images/toolbar/button.bold.gif) icon. | ||
# Click on '''Center''' (http://www.rcampus.com/fckeditor/images/toolbar/button.justifycenter.gif) icon. | # Click on '''Center''' (http://www.rcampus.com/fckeditor/images/toolbar/button.justifycenter.gif) icon. | ||
+ | |||
==Change text size== | ==Change text size== | ||
Line 28: | Line 33: | ||
# Click on '''Size''' drop-down menu. | # Click on '''Size''' drop-down menu. | ||
# Select '''large'''. | # Select '''large'''. | ||
+ | |||
==Create a link== | ==Create a link== | ||
Line 37: | Line 43: | ||
Note: The link is created, but it will not be active until the document is saved. | Note: The link is created, but it will not be active until the document is saved. | ||
+ | |||
==Insert an image== | ==Insert an image== | ||
Line 48: | Line 55: | ||
Note: The uploaded image should be embedded in the page. | Note: The uploaded image should be embedded in the page. | ||
+ | |||
==Save your work== | ==Save your work== |
Revision as of 20:44, 3 April 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 build.
- Click on the create web page or revise web page tab.
Note: A web page is a document and will be saved into your document center.
Enter title and basic text
- Enter title (e.g. "home page") in the Title box. The title is not displayed to others.
- Enter message (e.g. "Welcome to my site") in the content area.
Change text color
- 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
While the text is still selected:
- Click on Bold () icon.
- Click on Center () icon.
Change text size
While 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 text (e.g. Book Exchange) and highlight the 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 Image Properties dialog box.
- Click on Upload tab then Browse button.
- Select an image from your computer and press [Open].
- Click on Send it to the server button. When a success notice pops up, press [OK]. You should see the selected image in the Preview box.
- 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.
See also
- Building content
- Changes to online editor (Information for online editor users prior to Sept 30, 2007)
- Browser compatibility