106725/p1654312984_75103.png


Date  
Title Hide Details 
Building Your Academic Web Page

Welcome to Building Your Online Agenda! Below, you will find step-by-step directions for creating this page. When you have completed these steps, you'll find that you will have a great looking agenda with working links to all of your presentation activities. For the page creation, we are going to work from a template that was created for this purpose. 

SchoolCenter Picture


  • Once successfully logged in, a window will pop up with your web page information.  You will want to click on Edit Website as shown below to begin editing your web pages.

SchoolCenter Picture


The first page that opens after clicking Edit Website will be your home page.


SchoolCenter Picture

First, it's important to understand the difference between Edit Mode and View Mode. 

Edit mode allows you to make changes to your web page.  For most of your work in SchoolCenter, you will want to be using Edit Mode.  To toggle to Edit Mode, click on Edit Mode in the gray bar at the top of the screen.


SchoolCenter Picture


View Mode allows you to view your page as the public will view it.
To toggle to View Mode, click on View Mode in the gray bar at the top of the screen.


SchoolCenter Picture


You will want to be comfortable toggling between modes.  You will notice that if you are in Edit Mode, the gray bar will give you the choice of "View Mode."  And, if you are View Mode, the gray bar will give you the choice of "Edit Mode."



SchoolCenter Picture

Follow these steps to place an Agenda Template on your webpage:

  • Click on "Edit Mode" in the gray bar.
  • Click on Edit>Add A Page.  A new window will open.
  • Choose a "Scrapbook" page.  Click "Add Page."
  • A new window will open that looks like this:
SchoolCenter Picture
  • Type a page (button) title in the "Page Title" field.
  • Type a subdirectory for the agenda.
  • Click "Done."  Your page will be created.
  • Click on the "Edit" link on the white page next to the small pencil:SchoolCenter Picture
  • A new window will open that looks like the one below.  In the large white box, copy and paste the template code found in the cell below:

<p align="center">
<a href="http://www2.yisd.net/academics/photogallery" title="Academics Photo Gallery">
</a>
<strong>
<span style="font-size: 19px; font-family: times new roman">
YSLETA INDEPENDENT SCHOOL DISTRICT</span>
<br/>
<span style="font-size: 16px">DIVISION OF ACADEMICS<br/>
<DEPARTMENT NAME></span>
</strong>
</p>
<p align="center">
<span style="font-size: 16px">
<strong>SAMPLE AGENDA </strong>
</span>
</p>
<table border="0" width="611" height="678" align="left" style="border-width: 0px">
 
    <tr>
      <td valign="top">
      <strong>I.</strong> </td>
      <td style="width: 400px" valign="top">Beginning Activity - Presenter's Name
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>II.</strong> </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>III.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>IV.</strong>
      </td>
      <td style="width: 400px" valign="top">Sample Entries With Bulleted Lists - Presenter's Name
      <ul>
        <li>Bullet 1
        </li>
        <li>
        Bullet 2
        </li>
      </ul>
      More information:
      <ul>
        <li>Bullet 1<br/>
        </li>
        <li>Bullet 2<br/>
        </li>
        <li>Bullet 3<br/>
        </li>
        <li>Bullet 4<br/>
        </li>
        <li>Bullet 5<br/>
        </li>
        <li>Bullet 6<br/>
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>V.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>VI.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name</td>
    </tr>
    <tr>
      <td valign="top">
      <strong>VII.</strong>
      </td>
      <td style="width: 400px" valign="top">Sample Activities - Presenter's Name
      <ul>
        <li>Sample Bullet
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>VIII.</strong>
      </td>
      <td style="width: 400px" valign="top">Sample Activities - Presenter's Name
      <ul>
        <li>Sample Bullet
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>IX.</strong>
      </td>
      <td style="width: 400px" valign="top">Lunch</td>
    </tr>
    <tr>
      <td valign="top">
      <strong>X.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name</td>
    </tr>
    <tr>
      <td valign="top">
      <strong>XI.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name
      <ul>
        <li>Sample Bullet<br/>
        </li>
        <li>
        Sample Bullet
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>XII.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name</td>
    </tr>
    <tr>
      <td valign="top">
      <strong>XIII.</strong>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name</td>
    </tr>
    <tr>
      <td valign="top">
      <strong>XIV.</strong>
      </td>
      <td style="width: 400px" valign="top">Sample Bulleted Activity - Presenter's Name
      <ul>
        <li>
        Bullet 1<br/>
        </li>
        <li>
        Bullet 2<br/>
        </li>
        <li>
        Bullet 3
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>XV.</strong> <br/>
      </td>
      <td style="width: 400px" valign="top">Activity - Presenter's Name
      <ul>
        <li>
        Bullet 1<br/>
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td valign="top">
      <strong>XVI.</strong>
      <br/>
      </td>
      <td style="width: 400px" valign="top">
      <p>
      Closure and Online Evaluation - Presenter's Name
      </p>
      <br/>
      </td>
    </tr>
    <tr>
      <td style="width: 450px" colspan="2">Created By: <Name> Revised:  <Date><br/>
       </td>
    </tr>
 
</table>
<p>
<strong>
<br/>
</strong>
</p>
<br/>
<br/>
<br/>
SchoolCenter Picture
  • Click on Advanced Content Area as shown below:
SchoolCenter Picture
 

 

(Hint:  Think of the Advanced Content Editor as a word processor.)

  • Click on the table toggle switch in the toolbar to see the agenda grid:  SchoolCenter Picture
  • You may now click inside the table cells and enter your individual information. 
    • So, you might click inside the first cell in the second column and begin entering your agenda components.
    • Please remember to remove the generic words such as "Sample Activities" when you replace it with your own agenda deatils.

In the next sections, we will explain how to create your email link and add your picture.

SchoolCenter Picture



  • Be sure you are in the Advanced Content Editor feature described above.  Highlight the words or pictures in the agenda that you would like to make into a link.  You may link items in the agenda to other web pages, documents of various types, images, or email addresses.
  • Click on the small link icon in the toolbar of the Advanced Content Editor.
SchoolCenter Picture
  • A new window will open.
SchoolCenter Picture
  • In the field for "Link URL," type the website address that you would like to link to.  If the item is a document, first upload the document to a Document Manager page in SchoolCenter, navigate to that page, and copy and paste the website for the uploaded document into this area.
  • In the "Target" field, use the drop down box and choose "Open link in a new window."
  • If you'd like to enter a title for the link, do so in the "Title" field.  You may also choose to leave this field empty.
  • Click Insert or Update.
  • Congratulations!  You've created a link in your agenda.



SchoolCenter Picture
 

To add a picture, you will need a digital copy of your picture or you may use the SchoolCenter gallery.  These instructions will focus on adding a picture that you have located on your computer or secondary storage device such as a disk or flash drive..

  • Be sure you are in the Advanced Content Editor feature described above.
  • Place your cursor where you would like to enter a picture.
  • Click on the small icon with a tree in your Advanced Content Editor toolbar as shown below:
SchoolCenter Picture
  • A Window will open like the one below:
SchoolCenter Picture
  • Click on the small rectangle at the end of the "Image URL" field.
  • Another window will open like the  one below:
    SchoolCenter Picture
  • Click on Browse and find your digital picture. When you select your picture, the window above will open again but this time, the Browse field will be filled in as shown below:
    SchoolCenter Picture
  • Click on Upload File.
  • A window will open like the one below with your picture shown.
SchoolCenter Picture
  • Take a moment and look at the original image size.  The entire web page is 620 wide so consider this and determine if the image needs to be resized.
    • If you need to resize your photo, use the Resizing Options Bar.  The numbers in the bar represent the percent size of the image.  So, if you want the image to be 50% of it's original size, click on the 50.  (Note: The bar does not have a drag feature and you must click on the percentage of resize.)  A box will pop oen and ask if you want to resize.  Click OK.
  • Once the picture is correct, click Done.
  • A new window will open showing your picture.  Click Insert.
  • Congratulations!  Your picture has been successfully uploaded to our web page.



SchoolCenter Picture


The final step is to save your webpage.  To do this, follow the following steps:
  • Click on the small blue disk in the Advanced Content Editor toolbar.
SchoolCenter Picture
  • A new window will open.  When the Done button turns green, click on it.
SchoolCenter Picture






Note:  Toggle to "View Mode" to see the changes as the public would view the page.


SchoolCenter Picture

Congratulations!  Your Online Agenda is now complete.