Tutorials
Creating a Simple HTML Page
Creating a simple web page is easy using the built-in HTML editor in ANGEL.
The WYSIWYG (what you see is what you get) editor allows you to create web
pages without having to know HTML. The Fast!page HTML Editor is available
wherever a text area is found within ANGEL. The editor is available for both
faculty and students. It is found in many places within ANGEL including the
email tool and discussion forums. This tutorial will focus on some of the simple
formatting of text such as centering, changing the color, bolding, and changing
the size of the text. The tutorial will also demonstrate how to create a bulleted
list and add a horizontal rule to separate the text.
| Printable Version: |
Print out an exact copy of the Creating a Simple HTML Page tutorial. |
| View Demonstration: |
View a movie of the screens and cursor movement of the Creating a Simple HTML Page tutorial. |
1. Click on the HTML Editor Link to start creating a simple web page. The
image below is from a email message.
HTML Link
2. The HTML Editor will appear in a new page. To begin your web page, just
start typing inside the text area.
HTML Editor Window
3. For this
example, the first line will be centered, bold, a different color, and a larger
size. Click inside the text area and start typing your information. To center
the text, click the Center icon.
Centering Text
4. To make the text a larger size, highlight the text and then choose a new
point size using size drop-down.
Making Text Larger
5. To bold the text, make sure the text is highlighted and click the Bold
Icon (you would use the same procedure if you wanted the text italic or underlined)..
Make Text Bold
6. To change the color of the text, highlight the text and click on the Apply
Color icon and choose a color. Then click OK.
Choosing a Text Color
7. To create bulleted list of items, click on the Bullet icon and start typing.
Press enter to place the next bullet item on the next line.
Creating a Bulleted List
8. There are two ways to end the list. First, you can press enter twice. Second,
you can press enter and then click on the Bullet icon.
End Bulleted List
9. You can add a horizontal rule which is used to separate parts of a web
page. Place your cursor where you want to place the horizontal rule and click
the Horizontal Rule icon.
Placing a Horizontal Rule
10. Click Accept Changes.
Click Accept Changes
Related Topics:
Using the Built-in HTML Editor 