Search

 

Module: Editor

Version: 4.2.1 +

User: Developer

Difficulty: Easy

Introduction

In this exercise we will create another Website-application.

 

Prerequisites

- The Futurama Editor must be installed.
- Futurama Runtime must be installed.
- Completing the tutorial Creating a Website Application first, is recommended. 

 

 

Description 

In this exercise we will create another Website application. It will only have an HTMLInclude object as content. HTMLInclude objects are used to display HTML (HyperText Markup Language, the main markup language for displaying content on your website).

Assignment

Create a Website application with the following HTML as content:

Description



An HTMLInclude object provides output on your website. It enables you to include HTML text into your application. This will be rendered in your webpage.

Take the following steps to do so:

  1. Open the Futurama Editor.
  2. Create a New Document and give it an appropriate name.
  3. Within the New Document, create a WebPage object. Name it appropriately.
  4. Within the WebPage document, add an HTMLInclude object. This object should display the HTML above in your website. The object HTML Include has two design properties:
    - HTMLCode: This enables us to write in HTML. The input will be displayed on the website. When you just want to enter one or two sentences, this option is appropriate.
    - HTMLFileName: This enables us to link to a HTML file. The HTML content of this file will be displayed on the website. This design option is appropriate when the HTML is longer, or when you want to be able to edit the content of your website outside of Futurama.
    For this exercise you should use the HTMLFileName property. Therefore you should use a text-editor to create an HTML-file with the content given above. It's best to first save your document before referring to the HTMLInclude object, so that the path to the object is known.
  5. Set the StartWebPage for your Futurama Document. In the property StartWebPage of your Document object, refer to the webpage.
  6. Now save your document.
    - If you have already created a Futurama application, create a new folder next to your existing Futurama application, name it 'Website' and save the document as 'website.xml'. (Different names are also possible, the correct name depends on your web.config file. See below) 
    - If you have not created a Futurama application before, you should take the following steps to create your website application:
    a) Download or copy the Site-code of your Futurama version to a folder within your application folder.
    b) Open IIS (Internet Information Services) and convert the folder into an application.
    c) Create or paste a web.config file in the folder. A default web.config file will have an 'appsetting key' in which the default XmlFile is named. For instance: . The value of this key will often be 'website.xml' or 'calc.xml'.
    d) Save your document as the name given for the DefaultXmlFile key. (So probably 'website.xml' or 'calc.xml')
  7. Open an Internet Browser and enter the following URL: http://localhost//default.aspx?folder=
    - For , insert the name of the folder with the Futurama Site code.
    - For , insert the name of the folder within it, in which you have saved your Futurama Document.
  8. The website should display the content created in the Editor.

Tips

Solutions

Download

image

You can download our solution for this assignment by clicking the image at the right. (Futurama 4.2.1.2)
Please note that you can very well have a different solution that is just as good as ours.

Variations

If you want some more practise on this subject, you could try the extra exercises below.
We won't provide a solution for these variations, just consider them as a way to further experiment with Futurama.
  • No variations yet

Updated: 2013-01-04