Skip redundant pieces
KU Web Template

Creating a Web site on an Information Services web server

Create a new web page for your site

  1. Create a new page. - Using your favorite Web development tool, create a new page. If you are using Dreamweaver you will need to be in Code View rather than Design View. Remove all default code from the page including html, head, title, body tags, etc. Your page should be completely blank of any code or content at this point.
    ! Important: To use the KU Web Template, all the web pages you create should be given names ending with ".shtml".
  2. Include your header file - Copy and paste the following SSI directive at the beginning of your blank page and change "accountname" to your actual account name on the server:
    <!--#include virtual="/~accountname/myssi/myheader.shtml" -->
  3. Include the KU footer file - Copy and paste the following SSI directive at the end of your new web page:
    <!--#include virtual="/~http/ssi/footer_ku.shtml" -->
  4. Add your web page content - The main content of your web page should be added in between the two SSI directives. For basic layout examples, see below.
That's it! Your new web page should be ready for viewing.

Page Layout Examples


Important: If you use any of the examples below, remember to replace "accountname" with your actual account name on the web server.
  • Page with title, no right column
    This page itself uses this layout.
    <!--#include virtual="/~accountname/myssi/myheader.shtml" --> <h1>Large Typeface Page Title Here</h1> <div class="ku_hr"></div> <div class="ku_middle_rows_full"><div class="ku_middle_text"> Content Text. </div></div> <div class="ku_mr_row_full"><div class="ku_middle_text"> Content Text. </div></div> <!--#include virtual="/~http/ssi/footer_ku.shtml" -->
  • Page without title, no right column
    In this layout, your page's main content will appear immediately underneath the KU banner.
    <!--#include virtual="/~accountname/myssi/myheader.shtml" --> <div class="ku_middle_rows_full"><div class="ku_middle_text"> Content Text. </div></div> <div class="ku_mr_row_full"><div class="ku_middle_text"> Content Text. </div></div> <!--#include virtual="/~http/ssi/footer_ku.shtml" -->
  • Page with title and right column
    The KU Web Template documentation home page uses this layout. Note a key difference between this and the no-right-column layout: With a right column, the content <div> class is "ku_middle_rows", for example. Without a right column, the class "ku_middle_rows_full" is used instead, meaning "full-width".
    <!--#include virtual="/~accountname/myssi/myheader.shtml" --> <h1>Large Typeface Page Title Here</h1> <div class="ku_hr"></div> <div id="ku_right_column"> <!--#include virtual="/~accountname/myssi/right_column.shtml" --> </div> <div class="ku_middle_rows"><div class="ku_middle_text"> Content Text. </div></div> <div class="ku_mr_row"><div class="ku_middle_text"> Content Text. </div></div> <!--#include virtual="/~http/ssi/footer_ku.shtml" -->