Skip to content
Cawd Logo Cawd
  • Home
  • About
  • Assignments
  • Student Work
  • Resources
  • Contact

Tuesday, October 15th

Tuesday, October 15th

Class hours: 9:40 – 2:05
Mr. Bohmann
wbohmann@ewsd.org

Tumultuous Tuesday

Huntington Gorge – Dugway Road – Sunday, October 13th

Notes

  • If you have not done so already, create a folder for Week 8
  • Create a folder- called WebResources on your desktop
  • Create a folder called images inside that folder
  • Download the Files for today Download each image and place in your new images folder

9:40 Attendance & Article –

9:45 – 10:45 The Head Tag & Figure and Figcaption Elements

The <head> tag of your document is a busy place. Lots of great information can be housed in that section that provides information to your browser. Information that indexing browser bots and spiders can cache, keywords, character type, viewport information links to your style sheets and <meta> data. Here is a sample of what might go in a <head> element.

<head>

  <meta charset="utf-8"> 

  <meta name="description" content="Write what this page is about">

  <meta name="keywords" content="create a list of keywords here">

  <meta name="author" content="Put the author's name here">

  <link rel="stylesheet" type="text/css" href="css/style.css">

  <title>Using Figures and Figcaptions</title>

</head>
Ugh… (this is a figcaption)

<figure> and <figcaption>

The figure element is intended to be used in conjunction with the figcaption element to mark up diagrams, illustrations, photos, and code examples (among other things).

Today we are going to practice using figure and figcaption. When it comes to accessibility, figure and figcaption are best practice when handling images, diagrams and illustrations.

Activity: Follow the instructions on the handout. Practice inserting images and using the <figure> and <figcaption> elements for single and multiple images. Upload final document to your Week 8 folder in the WebResources folder. Filename: figureandfigcaption.html

10:45 Break (15 Minutes)

coffee and cookies

11:00 – 11:50 Physics – Stay in our Room!

cartoon Graphic of Albert Einstein

Class meets in room m117 at 11am. Go to class immediately from break. When class is over, you will head to lunch.

11:50 – 12:20 Lunch (30 Minutes)

pizza

12:20 – 12:45 Literacy in Focus

image of book covers

Grab your book and chill. We’ll be reading today. No computers, no talking. Sit on the couch if you like or move your chair.

12:45 The HTML5 Resume

This afternoon your are going to build an HTML version of your resume. The process should be pretty easy considering you have a final version built in Google Docs. This resume will be part of a portfolio we will be building as a class. Use your completed final resume as your reference.

You should use exactly zero styling. This exercise is all about using raw HTML. We will make it look pretty later with CSS.

Remember your markup should be structured semantically using proper tags and indentation levels.

  1. Create a header with a big ol’ h1 stating your name
  2. Add an address tag with your address
  3. Add an anchor tag with your email and an href with a mailto:your@email.here
  4. Add an hr tag below to give your header a nice big underline for emphasis!
  5. Create and use the section element for each section of your resume (Goals, Work Experience, Skills)
  6. Deploy the best heading elements that match your resume, bulleted lists, bold, italics, etc…
  7. Add a footer to the bottom of your resume
    Put similar information in the footer as you did the header only make it smaller by using tags that print normale sized text.
    Don’t forget to make your email link clickable with a href="mailto:..."

Upload to your Week 8 Folder. Filename: htmlresume.html

2:00 Dailies –

Link to Dailies and Link to Responses

2:05 Dismissal

Cawd Instructors:

Matt Cronin

Will Bohmann

Instragram Facebook Twitter

A little about Cawd:

Serving high school students interested in Computer Animation, Game Design, and Web Development in North Western Vermont.

Students continue at:

University of Vermont Ringling School of Art and Design Northeastern University Rochester Institute of Technology Concordia University

Students find careers at:

Dealer.com Union Street Media Rovers North Prudential Investments DockYard
Navigate to top of page