Week 4: 2/13 + 2/15

This week we will start the process of moving from your portfolio plans (what is in the Portfolio Brief) to your site.

Thursday 2/15

Activity 1: Responsive Portfolio Site Project Overviwew

We will go over the Responsive Portfolio Site Project information.

ACTIVITY 2: START Converting Sitemaps and Wireframes to HTML

We will start with checking in that you have set up a repository in GitHub for the Portfolio Project. After you get things set up, we will start the process of creating the files for your project. For this you will

1. Create an .html file for each of the pages of your site (as outlined in your site map).
   • The home page MUST be named: index.html
   • For other pages, keep the filenames short and understandable with no spaces in them like work.html or posterproject.html.
   • Type ! then tab to give you the base HTML for the page.
2. Make sure each page has the three major elements:
   • header
   • main
   • footer
3. Put the page title in the main element. Make sure each page has a unique title. You may change this later (especially on the home page) but you want to have the name of each page clearly visible while you’re building.
4. Add a basic nav element in your header on the home page. Make sure to add links to all of your files. You do not have to style this yet.
5. Once the nav works, copy and paste it to each page of the site
7. Begin to add page section elements to your pages. Use your wireframes as a guide and remember to use these elements to start
   • header
   • main
   • footer
   • nav
   • article
   • section
   • aside
   • div
   • address
8. Add as much content as you can and appropriate to the pages you have.

You will continue this work outside of class as you build your site. Today the main point is to get started so you are comfortable adding more as you build your site.

Tuesday 2/13

We will start with a checkin on where you are with your Portfolio Brief. This will be anonymous survey in class.

Activity 1: Communicating Your Value

We are going to watch a video from Debbie Millman on this and look at an article:

• Reinventing You with Debbie Millman (requires LinkedIn Learning sign in). View Course on LinkedInLearning
  • Attributes: https://www.linkedin.com/learning/reinventing-you-with-debbie-millman/attributes (we will look at this in class)
• How To Define and Communicate Your Value in An Interview (And Words You Should Never Use): https://www.linkedin.com/business/learning/blog/job-seeking-tips/how-to-define-and-communicate-your-vaue-in-an-interview-words-you-should-never-use

As we watch the Attributes section we will pause and have you write down three words.

Activity 2: Portfolio Brief Peer Review

For this activity you will be placed in pairs and each of you will show what you have on your portfolio brief. In your pairs you will do the following:

1. Share the Attributes (three words) you chose in the first activity
2. Show your partner what you have on your Portfolio Brief
3. Talk with each other about whether what you have planned so far matches up with the three words you chose. What could be added or changed in both the content and design so that the portfolio helps to communicate your attributes and your work/skills?
   • If you had trouble with writing the three words or need more questions: Does the portfolio answer the question what do you do? Does it tell people why you do what you? Does it show the skills that you have? Does it show what is unique about you? Does it fill the goals for you? Does it fill the goal for the audience?
4. Switch and go through the same thing with the person who has not done it.

Activity 3: GitHub Project Setup

We will go through getting started with GitHub for the project. You will need:

1. GitHub Account, sign in
2. A link to the assignment in GitHub Classroom. I will provide this in class in the chat and on discord.