Template Tutorial

Installation

An http and a php server are the only two dependencies. You can download the Template (no archive provided yet) and use it from your own server, or simply copy-paste the code snippets into each of your pages and download the styles, or you can include it from this domain. You might want to use a locally stored version either if you want to customzie some things in it, or if our server is not fast enough to withstand the requests. In this case you need to manually update the Tempalte.

You might have to set allow-url-include to true in your php-ini settings.

Basic Setup

Creating a website requires the following document structure:

  • Include
    • start.html
    • header.html
    • menu.html
    • sidebar.html
    • footer.html
  • index.php
  • one.php
  • two.php

start.html

This html will be included in the header section of the composed pages.

You should add browser window title and used styles and scripts here. 

<title>
Window Title
</title>

<link rel="stylesheet" HREF="http://template.rudanium.org/Layout/triple-wide.css">

<link rel="stylesheet" HREF="http://template.rudanium.org/Theme/blue-dark.css">

<link rel="stylesheet" HREF="http://template.rudanium.org/Theme/shadow-triple-wide.css">

header.html

This html will be included in the head section if the composed pages. 

<h1>
Main Title Bar
</h1>

menu.html

This html will be included in the nav section if the composed pages. 

<a HREF="index.php">
Index
</a>

<a HREF="one.php">
One
</a>

<a HREF="two.php">
Two
</a>

sidebar.html

This html will be included in the aside section if the composed pages.

Usually it contains links for quick access or advertisement material. 

<h1>
Sidebar
</h1>

<p>
This is a sidebar example text.
</p>

footer.html

This html will be included in the footer section if the composed pages.

Usually contains contact info, social buttons, support link and similar. 

<h1>
Footer
</h1>

<p>
This is a footer example text.
</p>

index.php

Whit this structure you only have to write two php includes and the content in the pages. 

<?php include "http://template.rudanium.org/Include/start.html"; ?>

<h1>
Lorem Ipsum
</h1>

<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit.
Aenean eget erat tellus. Ut at mauris lorem. Integer sed
quam libero. Sed consectetur accumsan sit dignissim.
</p>

<?php include "http://template.rudanium.org/Include/end.html"; ?>