go to the Tree of Life home page
Rylan's investigation treehouse

How Rylan Created his Treehouse Investigation

Step 2 Page Content

See the sections below to learn how Rylan planned for and composed Step #2 of his treehouse investigation, Weeds in Rylan's Yard.

Planning / Following the Basic Treehouse Guidelines / Following the Basic Treehouse Guidelines

Gathering Information

Before starting his treehouse, Rylan knew little about weeds, so he wanted to start with the basics.

Basic Treehouse Guidelines for Information:

Planning Text and Layout

Rylan's goal was to have a treehouse that read both like a story and an investigation. He wanted his treehouse to have useful and interesting information. To fulfill his goals, Rylan planned his treehouse text like he was writing an essay:

The editor made his Treehouse layout easy. Rylan wrote paragraphs much the way he would if he were using word processing software. He used the buttons in the HTML editor to format his text and added heading tags for the titles of his different sections. See editing with the Treehouse Editor below.

Basic Treehouse Guidelines for Text and Layout

Gathering Media (Images)

Though his “yard adventure” started with the idea that it would be interesting to explore weeds, Rylan was inspired to create and organize his Treehouse from the images he captured with a digital camera. Rylan even scanned an image of a mallow leaf!

The images Rylan found and created guided the early stages of his page design. Later, Rylan decided that he needed some more images, because as he came up with new ideas, he envisioned corresponding graphics.

Rylan first downloaded pictures from his digital camera to his computer, using the cable and software that came with his camera. Then he uploaded his images to the Tree of Life database by going to the Media Manager (he did so either by choosing to upload media from the Treehouse Manager or through the Treehouse Editor's Step #3)

Basic Treehouse Guidelines for Media: Images


Editing with the Treehouse Editor

Adding Page Titles

Rylan added his titles first so that when he came back to edit his treehouse, he was be able to find it by its name.

Adding Page Text

Rylan added page text and media by choosing to compose text. He used the ToL Easy Editor (see image below) and simply typed his text into the text box. He used the pull down menus and buttons to format his text, add links and add images and media.

The ToL Easy Editor

Formatting Text and Adding Links

Links to other pages: To create the link to the National Weather Service, Rylan highlighted the text then clicked on the link button and pasted the web address where it says "Link URL".

Links to places on the same page: To link to an "anchor" in the same page Rylan highlighted the text he wanted to make into a link, clicked the link button and then wrote in the correct anchor with a # mark. In the example below #www will take someone to the Information on the Internet section of the page.

Rylan fixed a few problems by editing the HTML code directly. He did so by clicking the HTML button . He learned some HTML in the All the HTML You Need page.

Images: To insert images Rylan used the insert image button in the toolbar. See Inserting Images below for details.

Lists: Rylan used the ordered list button to format the bulleted lists he wanted. To created indented lists he clicked the indent button

Page section headings: Rylan created a section called "What is a Weed?"

  1. First he typed the text "What is a Weed?"
  2. Then he selected the text and used the pull down menu on the right to choose heading 3.
  3. The formatted text displays as:

    in a page preview.
Inserting Images and Media

Inserting Images

  1. Rylan clicked the insert image button in the ToL Easy Editor toolbar.
  2. To search for images he created Rylan typed his last name, "higgins" in the "Copyright Owner" field. See Help Finding Media in the ToL Database for tips.
  3. The search results showed all images for which Rylan Higgins is the copyright owner. Rylan clicked the select button to insert the image shown below.
  4. The image Rylan selected was inserted into the Easy Editor. Copyright information and the scientific name were automatically added. Rylan added to the caption "Little mallow after being pulled". See Insert Media for information on formatting images.

Inserting Media

If Rylan wants to add media he would click the insert media button in the ToL Easy Editor toolbar. After that he would follow the same procedure that he did for inserting an image.

Additional Links

Try it Yourself!

To use the treehouse editor you may either:

Once you are at the Treehouse Editor, choose Step 2 Edit Page Content. Try adding titles to your page, putting in some text and finding an image to insert. When you click on Save and Preview you can see the changes you have made to your page.

Learning with the ToL

about learning


building treehouses

teacher resources

phylogenetic biology