Location: PHPKode > projects > NetLink > netlink_os/Tutorial/egap_a/index.php
<h4>Welcome to the Advanved User Section of the <span class='nl'>NetLink</span> Tutorial</h4>

<?php
require 'Tutorial/intro.txt';
?>
<br/><br/>
Let's start changing your account to "Advanced Mode." This can be done by following the directions located in the <a href='?id=tutorial&amp;tut=user#adv' class='under'>User Profile: Advanced Section.</a> After this is completed, follow the simple steps below to begin coding your own website!
<br/><br/>
Let's begin....<br/><br/>
First off, before you start coding your own website, you need to know the basics of <b><acronym title='HTML: HyperText Markup Language'>HTML</acronym></b>. This tutorial is not going to go into the basic of <acronym title='HTML: HyperText Markup Language'>HTML</acronym>, because the language is a little complex for starters. And, there are a lot of components to <acronym title='HTML: HyperText Markup Language'>HTML</acronym> that this Tutorial would go on for about 10 pages just to cover the basics with examples. If you want to learn <acronym title='HTML: HyperText Markup Language'>HTML</acronym> before you begin, it is strongly recommended to visit <a href='http://www.w3schools.com/html/default.asp' class='under'>W3Schools.com</a> to learn the basics of <acronym title='HTML: HyperText Markup Language'>HTML</acronym>.
<br/><br/>
If you know <acronym title='HTML: HyperText Markup Language'>HTML</acronym>, then just start below to learn how to intergrade your <acronym title='HTML: HyperText Markup Language'>HTML</acronym> skills with <span class='nl'>NetLink!</span><br/><br/>
<ol>
 <li>First, edit a webpage that is created in your account, and you should see something very simaliar, if not 99% the same, below. This has the "skeleton structure" of your basic HTML page. You can apply your coding here for the title, CSS, META Tags, frames....it's up to you.<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv1.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
  <li>So since we are talking about HTML, let's add some!<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv2.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
  <li>Click "Save Changes" in the top right hand corner.<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv3.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
  <li>If you want, click on the file name, or click on the top of the page to view your newly created webpage.<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv4.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
  <li>Viola! Your HTML has come to life!<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv5.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
  <li>Go back to your Site Manager, and click the "Edit" text/icon of the page you just viewed.<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv6.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
  <li>...and your HTML is saved from the previous session. Now, you can append, delete, overwrite, or stylize your page. It's all up to you...<br/>
   <div style='width: 100%; text-align: center;'>
    <img src='Tutorial/egap_a/adv2.png' alt='' style='border: 2px #000 solid;'/>
   </div>
  </li>
</ol>
That's all there is to it. If you know any Javascript or <acronym title='PHP: Hypertext Preprocessor'>PHP</acronym>, you can add your JavaScript and/or PHP to this also! Neat, huh?
Return current item: NetLink