Admin

Assigned: 9 January 2018, in class
Due: 16 January 2018, 11:59PM
Value: 2.5% of final grade

Brief

For our first week's exercise we will just focus on remembering that HTML and CSS exist and can be used to structure and style web pages. While we do that, we'll be getting used to Atom, atom-live-server, GitHub, and GitHub Pages. You should:

1. Create your dart450 repository on GitHub and clone it to your local computer (see: Pippin's Introduction to Git and GitHub Desktop)
2. Set your dart450 repository to use GitHub Pages (see: Pippin's Introduction to GitHub Pages)
3. Create an exercises folder in your repository
4. Create a exercise01 folder inside the exercises folder
5. Create a simple but interesting-looking website that includes an index.html, a css folder, and a style.css in exercise01 (You can use the template for these files if you don't want to start from completely nothing.)
6. Your website should include:

• Your name (styled in an interesting way with CSS)
• At least one image
• At least one CSS animation

1. Submit your exercise by providing a link to the website as hosted on GitHub Pages and a link to the exercise folder in your repository in the submissions section at the bottom of this page. Don't forget to push the final version of your exercise to github.com!

Remember to use atom-live-server in Atom while you work to view the effects of your changes to the HTML and CSS (Packages > atom-live-server > Start server). (See: Pippin's Introduction to Web Projects with Atom)

As you work on your exercise, practice using GitHub Desktop to commit and push your work so that it is updated on the cloud on github.com. Remember to commit especially whenever you do a specific and meaningful block of work, like a first draft of the CSS, or getting a specific animation working on the page. (See: Pippin's Introduction to Git and GitHub Desktop)

Template

exercise01_template.zip

Grading

Exercises are not meant to be exhausting or stressful, but rather a chance to play with the technical and expressive possibilities of the programming learned in class.

Exercises are graded as either

• Fail: Non submission, not-functional, or unacceptably minimal effort
• Pass: Genuine engagement with the concept of the exercise, effort made to use the technology creatively

Submissions

Jane McExample (Example submission)

• Exercise website: http://janemcexample.github.io/dart450/exercises/exercise01/
  • (Note that for Pages links the username is at the start of the website address, then the full path to the website)
• Exercise source: https://github.com/janemcexample/dart450/tree/master/exercises/exercise01/
  • (Note for repository links the username is after the website address, you can just navigate to the correct folder in your repository and cut and paste the link here!)

Marc-Olivier Lamothe

• Exercise website: https://marcolamothe.github.io/dart450/exercices/exercice01/
• Exercise source: https://github.com/marcolamothe/dart450/tree/master/exercices/exercice01

Emilie Brunet

• Exercise website: https://emilielbrunet.github.io/dart450/Exercises/exercise01/
• Exercise source: https://github.com/emilielbrunet/dart450/tree/master/Exercises/exercise01

Gavin Park

• Exercise website: https://gavinpark.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/gavinpark/dart450/tree/master/exercises/exercise01

Victor Le

• Exercise website: https://victordhb.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/victordhb/dart450/tree/master/exercises/exercise01

Kevin Lam

• Exercise website: https://kevglam.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/kevglam/dart450/tree/master/exercises/exercise01

Laura Hernandez

• Exercise website: https://laura-hdz.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/Laura-Hdz/dart450/tree/master/exercises/exercise01

Kathleen Capiral

• Exercise website: https://kcapiral.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/kcapiral/dart450/tree/master/exercises/exercise01

Jonathan Béliveau

• Exercise website: https://jonathan234.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/jonathan234/dart450/tree/master/exercises/exercise01

Sevan Belleau

• Exercise website: https://seva7.github.io/dart450/exercices/exercise01_template/
• Exercise source: https://github.com/seva7/dart450/tree/master/exercices/exercise01_template

Jeanne Garneau-Lévesque

• Exercise website: https://jgarneaulevesque.github.io/dart450/exercises/exercise01/
• Exercise source: https://github.com/jgarneaulevesque/dart450/tree/master/exercises/exercise01

Claudia Goyette

• Exercise website: https://claudiagoyette.github.io/dart450/exercises/exercise1/
• Exercise source: https://github.com/claudiagoyette/dart450/tree/master/exercises/exercise1

Emma Spellacy

-Exercise website: https://espells.github.io/dart450/exercises/exercise_1 -Exercise source: https://github.com/espells/dart450/tree/master/exercises/exercise_1