Week 02 – HTML

Learning Outcomes

After this week you should be able to

  • Describe HTML
  • Use basic HTML tags to create, edit hypertext documents
  • Upload your work to GitHub

02.01 - HTML

Pre-Class Reading

Class Slides

Group Activity / Lab

  • Create first HTML page

Post-Class

02.02 - More HTML

We will cover more HTML tags.

Pre-class Reading

Resources

Class Slides

  • No slides

Post-Class

Project deliverable due this week

The Individual Project page lists deliverables for your semester-long project, and one of them is due this week: the Project Idea.

  • Worth 2 points toward your semester grade (2%).
  • Short text description — 50-100 words. Be concise!
  • List of pages — min. 3, can be tentative. (You'll firm up your plan in the site map deliverable.)
  • Explain where you'll get your content — text and images, subject to change, with consideration of rights to reuse others' intellectual property (IP).
  • Upload an html document to your GitHub repository for display through GitHub Pages.
  • Also Submit to Blackboard and include your GitHub Pages URL as a comment on the Blackboard file upload.
  • Include at least the following HTML elements:
    • main, header, section, footer
    • abbr
    • dl, dt, dd
    • h1, h2, h3, ...
    • p
  • Research the tags here: https://www.w3schools.com/tags/tag_comment.asp
  • Filename: [Your project folder]/[Your SU NetID]-project-idea.html

This looks like a pretty small assignment — only 50-100 words of text with some html tagging — but it's intended to get you putting signifcant thought and planning into the start of your project. You aren't committing to any final outcome yet. This is a time for your best creative brainstorming to get yourself off to a good start toward an important and impressive portfolio piece. So take some time over the planning, as well as the writing and coding.