CIF20 Week 11

Midterm Grades

Please check canvas. Most of you are fine, but some of you are missing assignments. Please resubmit and reply to my comment once it’s updated.

You have until the end of the semester to redo any of the assignments.

For many of you, most of the feedback was delivered during the critique. If you’d like additional feedback on your coursework, please let me know and we can set up a time to talk!

Number 1 Common Mistake

Question: My GitHub link doesn’t work! How can I fix it?


This is a common problem, but I pulled up Jillian’s to fix. If you have a similar issue, please adjust your project.

The URL GitHub pages provides looks something like this: https://reesj730.github.io/object_poster_main/
  1. If we unpack this – you’ll notice that it starts with your username, and then includes your project directory. If you have an index.html file IN that directory, the main page will take you here. Your index.html file should always be the homepage of your project.

If we look at Jillian’s project on GitHub, we’ll see this:

As you can see there is no index.html file. Therefore her GitHub link won’t work as is.

However, she did upload something to this folder – there is a menu folder, and within the menu folder is an index.html file, we can see it here:

So we have two options:


  1. Change the URL to point to this folder
  1. Since we have all the content online, we can navigate to it, we just need to point to it in our URL. You do this the same way we were linking to pages locally, by using a path that indicates we’re going inside of a folder (/).
  1. We have the correct directory in the GitHub pages url, so we just need to add a forward slash and the name of the interior folder, this will take us to that index.html file.

  1. Move the contents of the interior folder into the main directory
  1. If we move all the contents of Jillian’s menu folder to the parent folder (object_poster_main), the index.html file will be in the main directory, so the original URL will work (https://reesj730.github.io/object_poster_main/)

Introduce Event Poster

Link →

Rest of Semester at a glance

Week 12 – 11/24

  • Receive notes about designing for mobile first
  • Review examples
  • Online check in

Week 13 – 12/01

Javascript and Javascript Libraries

Week 14 – 12/08

Small group meetings

Week 15 – 12/15

Event final critique

Design Notes – Site Architecture & Wireframes

Content Mapping

Even though we aren’t designing very complicated systems with this project, we need to understand all the content that goes into creating it.