Getting Started Guide

• Phase 1- Preparation
  • Slicing and create HTML/CSS files
  • Upload to server
• Phase 2- Setting up Aptuitiv Studio
  • Set up navigation
  • Create content blocks
  • Enter HTML into Template
  • Insert any Aptuitiv Tags into the template
• Phase 3- Setting up Apps
  • Layouts
  • Content templates
  • Settings
  • Attributes

This guide is meant to help tie together the whole process of creating a site with Aptuitiv Studio, from the very beginning stages of HTML all the way to the final product. We have divided the process into three general phases: the Preparation Phase, the Setting Up Phase, and the Setting Up Apps Phase.

Below are four images depicting various stages of our sample demo site.

The image in the top left is what our site will ultimately look like. The image below it shows the basic layout of the used divs (top, header, content, and footer).

The image in the top right outlines the divs (in green), and the Aptuitiv Tags pulled in (in orange), and shows us what they look like on a live site. The image below this is a stripped down diagram of how the Aptuitiv Tags are placed within the page. Notice that the "page heading" and "main nav" are within the header, while the "main content" is in the content div.

To view the raw HTML used for our demo site, click here.