/myFirstWebpage

Starter project for introducting young kids to HTML in a structured, template-driven way.

Primary LanguageRuby

myFirstWebpage

A simple Sinatra application for teaching young kids basic HTML. The application provides a form and series of textblock fields that kids can fill out with basic text in a generator pane, and view the real-time updates in a preview pane. Kids can also insert HTML tags in the textboxes and see how different tags impact the results.

The goal here isn't to teach kids how to create an entire page from scratch, but for them to learn some tags and how they impact the overall DOM. After learning a few basic tags, kids should move on to creating pages from scratch, with a dabble of CSS and Javascript!

Demo

Create a page: http://firstpage.heroku.com/pages/new

Sample page: http://firstpage.heroku.com/3/all-about-the-testers

Getting Started

*Fork and clone the repository and start the webserver.

git clone git://github.com/cbrito/myFirstWebpage.git

rackup -s thin -p 9000

*Fire up a browser and browse to http://localhost:9000/pages/new

History

Author: Christopher Brito (cbrito@gmail.com) Original Repo: http://github.com/cbrito/myFirstWebpage