Skip to content

Home

Jump to bottom
Daniel Murray edited this page Nov 15, 2020 · 31 revisions

Welcome to the toast wiki!

You're going to make your own project wiki page.

Lesson 1: NASA (Waterfall) or SpaceX (Agile)?

Watch this video and do the quiz: https://edpuzzle.com/media/5eae8e2e9b8ab33f087cc02b

Choose a development methodology for your project, Waterfall or Agile Development.

Ups and Downs

In your Wiki, say why you are choosing this for your project (you can pick some of the green or orange reasons from above).

Lesson 2: Your first design sketch

  1. Draw a picture of your project in MS Paint
  2. Save it to the Desktop
  3. In Chrome, open the /images folder under the code tab
  4. Upload your file to Github using
  5. In that /images folder Right-click on your image and choose "Copy Link Address". It should copy to the clipboard an address that reads something like https://github.com/STJRush/toast/blob/master/images/fricknLAZERS.gif
  6. In your groups Wiki Page, click the image icon (it's just under Preview) and paste the URL (the path) of your image in there. Give it an ALT name (this is optional but encouraged, it's for people reading the code and also for people who are visually impaired.)
  7. Save changes and admire your image in place.

HOW DO YOU CHANGE THE SIZE OF THE IMAGE?

Instead of using that image icon, you add in some HTML code with a width attribute.

<img src="https://github.com/STJRush/toast/blob/master/images/fricknLAZERS.gif" alt="drawing" width="600" />

HOW DO YOU GET IT TO GO IN THE MIDDLE LIKE THIS?

drawing

You make a paragraph in HTML and then add the attribute align="center".

<p align="center">
  <img src="https://github.com/STJRush/toast/blob/master/images/fricknLAZERS.gif" alt="drawing" width="100" />

</p>

And while you're at it...

<p align="center">
  You can also do this to center your text!

</p>

You can also do this to center your text!

Clone this wiki locally