https://github.com/jonitrythall/tutstownworkshop
Slides and curriculum notes for an in person two hour middle school web design workshop.
https://github.com/jonitrythall/tutstownworkshop
Last synced: about 1 year ago
JSON representation
Slides and curriculum notes for an in person two hour middle school web design workshop.
- Host: GitHub
- URL: https://github.com/jonitrythall/tutstownworkshop
- Owner: jonitrythall
- License: other
- Created: 2015-10-26T23:18:48.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-01-19T13:31:09.000Z (over 9 years ago)
- Last Synced: 2025-05-13T14:38:12.313Z (about 1 year ago)
- Language: HTML
- Size: 213 KB
- Stars: 13
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tuts+ Town Workshop
Resources and materials for an in person 2 hour middle school web design workshop based on the [Tuts+ Town curriculum](http://webdesign.tutsplus.com/series/web-design-for-kids--cms-823) for kids.
Read more about this curriculum and some general advice on conducting workshops [here](http://jonibologna.com/intro-to-writing-svg-and-tuts-town-workshops/).
**Title:** Web Design Workshop: Creating Our First Website
**Grade Level:** 6-8
**Total Time:** 2 hours
**Curriculum:** Based on the [Tuts+ Town Web Design for Kids series](http://webdesign.tutsplus.com/series/web-design-for-kids--cms-823) by Joni Trythall
**Objective:** By the end of this workshop students will have a foundational understanding of what HTML is and the general syntax involved. Together we will structure an HTML document, add content based on the [Tuts+ Town site](http://tutsplustown.com/), and quickly review some basic CSS. Students will leave with their work in progress files and instructed to complete the series online at home to get their work on the web.
**Topics Covered:** How the web works, folder structure, HTML structure and content, basic CSS intro
**Presentation Format:** slides, demos, hands on building
**Materials:** Computers, [Atom](https://atom.io/) text editor (pre-installed), [Chrome](https://www.google.com/intl/en/chrome/browser/desktop/index.html#brand=CHMB&utm_campaign=en&utm_source=en-ha-na-us-sk&utm_medium=ha) (pre-installed), [base folder](https://github.com/jonitrythall/tutstownworkshop/tree/master/tutsfolder) (`tutsfolder`) with .html, .css, images on flash drives, [reference site](http://tutsplustown.com/reference), [teacher notes](https://github.com/jonitrythall/tutstownworkshop/blob/master/workshop_notes.md), [slides](https://github.com/jonitrythall/tutstownworkshop/blob/master/tutstown_slides.html)
**Prerequisites:** None