Location: PHPKode > projects > NetLink > netlink_os/Tutorial/egap/index.php
<h4>Welcome to the <span class='nl'>Rotide Egap</span> Section of the <span class='nl'>NetLink</span> Tutorial</h4>
<div style='width: 100%; text-align: center;'>
 <div id='egap_menu_div'>
  <ul id='egap_menu'>
   <li id='end1'>&#160;[&#160;</li>
   <li id='sel'><a href='?id=tutorial&amp;tut=egap'>Access Editor</a></li>
   <li>|</li>
   <li><a href='?id=tutorial&amp;tut=egap/part1'>Pages and Text</a></li>
   <li>|</li>
   <li><a href='?id=tutorial&amp;tut=egap/part2'>Images and Styles</a></li>
   <li>|</li>
   <li><a href='?id=tutorial&amp;tut=egap/part3'>Links and Tables</a></li>
   <li id='end2'>&#160;]&#160;</li>
  </ul>
 </div>
</div><br/>
<?php
require 'Tutorial/intro.txt';
?>
<br/><br/>
This tutorial is broken down into <b>4 main sections</b>: Accessing your Editor, Creating Pages and Adding basic text, Adding Images and Styles to your text, and finally, Links and Tables. To access a section quickly, just use the menu above to jump from section to section.
<hr/>
<h4 style='margin: 0px;'>Section 1:</h4>
<div style='margin-left: 35px; font-size: 11pt; font-style: italic;'>Accessing your Editor</div>
<br/><br/>
First, you can access your <b>Site Manager</b> by 1 of <b>2</b> ways: either click "Site Manager" in the Menu bar on the left, or you can click "Site Manager" on the Welcome page.
  <div style='width: 100%; text-align: center;'>
   <img src='Tutorial/egap/sm1.png' style='border: 2px #000 solid; margin-bottom: 63px;' alt=''/>
   <img src='Tutorial/egap/sm2.png' style='border: 2px #000 solid; margin-left: 40px;' alt=''/>
  </div>
<br/>
Next, you should see a screen very similar to the one below. This is your "Site Manger," and your new best friend. This "Site Manager", also called a <acronym title='CMS: Content Management System'>CMS</acronym>, takes the files on your account and divides them up into your webpages, your images, and your documents. From here, you can view your actual files, edit your webpages, edit your images (coming soon), rename your files, and delete your files.<br/><br/>
One option you can change: your viewing icons. For this, please visit the <a href='?id=tutorial&amp;tut=user#edit' class='under'>User Profile: Changing Editing Preferences</a>.<br/>
 <div style='width: 100%; text-align: center;'>
   <img src='Tutorial/egap/cms1.png' style='border: 2px #000 solid;' alt=''/>
 </div>
<br/>
Now, all of your webpages (assuming you will have more than 1) will have the following information: Filename, Last Modification, Size, Editing Icon/Text, Rename Icon/Text, and Delete Icon/Text. <i><span style='color: #F00; font-weight: bold;'>IMPORTANT:</span> You <b>cannot</b> rename/delete your "index.html". If you do, no one will be able to access your site unless they type in the whole address to that page!</i>
 <div style='width: 100%; text-align: center;'>
   <img src='Tutorial/egap/file1.png' style='border: 2px #000 solid;' alt=''/>
 </div>
<br/>
Next, let's start with our "index.html" file. Put your mouse over the words "index.html." Notice that the whole section that associates with "index.html" turns yellow; this is to let you easily tell which file you have and which file you are about to modify.
 <div style='width: 100%; text-align: center;'>
   <img src='Tutorial/egap/file2.png' style='border: 2px #000 solid;' alt=''/>
 </div>
<br/>
Since we now have "index.html" in our sight, let's start editing it! Click the Icon that looks like a Window/Document and a Pencil - OR if you have your preference set to "Text", click the "Edit" text. 
 <div style='width: 100%; text-align: center;'>
   <img src='Tutorial/egap/file3.png' style='border: 2px #000 solid;' alt=''/>
   <img src='Tutorial/egap/file4.png' style='border: 2px #000 solid;' alt=''/>
 </div>
<br/>
This will take you to the <span class='nl'>Rotide Egap&trade;</span> and we can begin our Editing Lessons. Just click "Next: Pages and Text" below to begin....
 <div style='width: 100%; text-align: center;'>
   <img src='Tutorial/egap/egap1.png' style='border: 2px #000 solid;' alt=''/>
 </div>
<br/>
<!--==========================================================================================-->
  <table class='egap_menu'>
  <tr>
   <td style='text-align: center;'><a href='?id=tutorial&amp;tut=egap/part1'>Next: Pages and Text &gt;&gt;</a></td>
  </tr>
 </table>
Return current item: NetLink