<!--StartFragment-->HTML editors—software programs designed for writing and editing web pages—can be either text-based (e.g., Windows Notepad) or what-you-see-is-what-you-get (WYSIWYG). With a WYSIWYG editor, you can create web pages in an environment similar to programs such as Microsoft Word.
<p class="bodyText">And you don't need to know HTML.</p>
<p class="bodyText">AOLpress is a WYSIWYG editor which helps you create your web pages and then publish them on MTSU's server. In fact, you can make future modifications to your web pages "on the server." That means AOLpress can download the page you're looking at, let you make changes, and save it in its original location. So AOLpress acts as browser, editor, and FTP client.</p>
<p class="bodyText"><small>AOLpress is no longer actively supported or developed by AOL.</small> The Web and Instructional Technology Specialists in <a href="/id0900b40a80062375">Academic & Instructional Technology Services</a> can help you with any problems or questions.</p>
<h3 class="bodyText">Installing and Configuring AOLpress</h3>
<p class="bodyText">Once AOLPress is installed, start the program. To use it with your frank account, you will need to complete the following steps:</p>
<ol class="oList">
<li>From the menu bar select <em>Tools > Preferences > Sites</em></li>
<li>Enter the following in "Site Location"<br clear="all" /> <code class="bodyText">ftp://</code><var>yourusername</var><code class="bodyText">@frank.mtsu.edu/users/</code><var><em>yourgroup</em>/</var><em><var>yourusername</var></em><code class="bodyText">/public_html</code></li>
<li>Click <em>Add</em> and <em>Done</em>.</li>
</ol>
<p class="bodyText">You may open from or save directly to your frank account by selecting your account in the "Drives/Sites" box.</p>
<h3 class="bodyText">Opening and Saving Pages</h3>
<p class="bodyText">To open a new empty page:</p>
<ol class="oList">
<li>Choose <em>File > New > New Page</em> from the menu bar</li>
<li>You will have a blank page open and ready for use</li>
</ol>
<p class="bodyText">To open an existing page:</p>
<ol class="oList">
<li>Choose <em>File > Open</em> from the menu bar</li>
<li>Enter the name of the existing file in the "Page Location" box or "Browse" on the appropriate "Drive/Site" to find it.</li>
</ol>
<p class="bodyText">To save a page:</p>
<ol class="oList">
<li>Choose <em>File > Save</em> from the menu bar</li>
<li>Select the appropriate "Drive/Site"</li>
<li>Enter the name of the file and click "Save"</li>
</ol>
<h3 class="bodyText">Creating Text</h3>
<p class="bodyText">As you move the mouse over the page window, the cursor is I-shaped. When you click the mouse in the text, a flashing I-shaped cursor marks the point where text will be placed when you type. Once you have positioned the cursor, there are several ways to get text into your page.</p>
<ul class="list">
<li>Type on the keyboard. The text appears at the cursor position.</li>
<li>Copy and paste text from another document using <em>Edit > Copy</em> and <em>Edit > Paste</em></li>
<li>Import text from a web document using <em>File > Import</em></li>
</ul>
<p class="bodyText">You can format text by selecting your text and using the various options under the <em>Format</em> menu. Options include <em>Type Style</em>, <em>Size</em>, and <em>Color</em> as well as <em>Heading</em>. Paragraph formatting options include various alignment choices.</p>
<p class="bodyText">Text is often added in lists. With AOLPress you can add bulleted, numbered, or definition lists easily.</p>
<ol class="oList">
<li>Enter the text you wish to have in the list, separating each item with a <kbd>return</kbd></li>
<li>Select (highlight) the text by clicking and dragging over it</li>
<li>Select <em>Format > List > Bulleted List</em> / <em>Numbered List</em> / <em>Definition List</em>.</li>
</ol>
<h3 class="bodyText">Adding Images</h3>
<p class="bodyText">You cannot create images with AOLpress. However, you can create images with other software programs or copy them from web pages and add them to your web pages with AOLpress.</p>
<p class="bodyText">To copy an image from a web page:</p>
<ol class="oList">
<li>Use your web browser to locate a page with images</li>
<li>Point to the desired image and click on it with your right mouse button.<br /> (Macintosh users just hold the mouse button.)</li>
<li>Select "Save this Image as..."</li>
<li>Select the desired location of the image file on your hard drive.</li>
<li>Name the image and click "Save"</li>
<li>The image is now ready to be added to your web pages.</li>
</ol>
<p class="bodyText">To add inline images to your web pages:</p>
<ol class="oList">
<li>Move your cursor to the area on your web document where you wish to insert the image.</li>
<li>Select <em>Element > Image</em> from the menu bar</li>
<li>Enter the location and filename of the image or "Browse" for it. Typical web graphics are either GIF or JPEG.</li>
<li>Click "OK"</li>
</ol>
<h3 class="bodyText">Adding Links</h3>
<p class="bodyText">A link is a cross-reference to another file anywhere on the World Wide Web (WWW). Other files and anchors <code class="bodyText"><a>...</a></code> are the targets of links. A link can be either an absolute link or a relative link.</p>
<p class="bodyText">Absolute links specify the full location of a file:</p>
<p class="bodyText">http://www.mtsu.edu/~oit/web/aolpress.html</p>
<p class="bodyText">You should try to use absolute links only to references files outside your own web.</p>
<p class="bodyText">Relative links omit part of the file specification and use the current location as the default:</p>
<p class="bodyText">index.html</p>
<p class="bodyText">It's usually best to use relative links within your own web site. Relative links allow you to move the entire directory tree to a new location without breaking your links.</p>
<p class="bodyText">To make a link:</p>
<ol class="oList">
<li>Select the text or image you want to make into a link, either to another web site or to another of your web pages</li>
<li>Choose the <em>Element</em> > <em>Link</em> menu item to bring up the Link window</li>
<li>Type the URL in the "Link To Page" field. (Example: <a href="http://www.mtsu.edu/%7Eitd/">http://www.mtsu.edu</a>)</li>
<li>Click "OK." The text you selected in your document is now colored and underlined</li>
<li>Clicking on your new link takes you to the page you chose.</li>
</ol>
<h3 class="bodyText">Creating Tables</h3>
<p class="bodyText">Tables (like the one below) let you align text and images into columns and rows.</p>
<table border="1" cellpadding="2" align="center">
<tbody>
<tr>
<td><span style="color:Red;">Test #1 -- January 30</span></td>
<td>Review Chapters 1 - 20</td>
</tr>
<tr>
<td><span style="color:Green;">Paper #1 -- February 12</span></td>
<td>Read and review assigned readings including<br /> <a href="/id0900b40a800d5dd6">MTSU Computer and Network Acceptable Use Policy</a></td>
</tr>
<tr>
<td><span style="color:Red;">Test #2 -- March 28</span></td>
<td>Review Chapters 21 - 40</td>
</tr>
</tbody>
</table>
To add a table to your web page:<br /> <br />
<ol class="oList">
<li>Move your cursor to the place where you want to create the table.</li>
<li>Choose the <em>Table > Create Table</em> menu item.</li>
<li>Set the number of vertical Columns and horizontal Rows you want in your table. (It's easy to change these numbers later.)</li>
<li>If you want the table to have a caption, type the text in the "Caption" field.</li>
<li>The fields at the bottom of the window control the Borders and Spacing of the table.</li>
<li>Click "OK" when you are ready to create the table.</li>
</ol>
<p class="bodyText">If you want to change any of these settings later, just put your cursor inside the table and choose the <em>Table</em> > <em>Alter Layout</em> menu item.</p>
<p class="bodyText">You are ready to add text and/or images to your table cells.</p>
<h3 class="bodyText">Viewing HTML</h3>
<p class="bodyText">When using AOLPress, you don't see HTML tags—you probably don't want to. Sometimes you may need to see and edit the "HTML source."</p>
<p class="bodyText">To do this, select <em>Tools</em> > <em>Show HTML</em>. You can view or edit in this window. To exit, click on the"X" in the upper right-hand corner of the window. Select "Apply" if you wish to save your changes, "Abort" if you don't wish to save them, or "Cancel" to stay in the HTML view mode.</p>
<p class="bodyText"><small>Learn more about the many options in AOLPress by working their online tutorial. Select <em>Help</em> > <em>Tutorial</em> to get started.</small></p>