Introduce Yourself HTML and CSS

Assignment One

Due: Friday, January 18 at 11:59.9999 pm

20 Points

Say hi! Play in the DOM and orient yourself to HTML elements and CSS styling.

Assignment One Assignment Two Assignment Three Assignment Four Assignment Five Assignment Six

HTML, CSS, Git and Communication

This assignment is to demonstrate a basic understanding of how to structure an HTML document and override presentation styles using CSS. You will also become familiar with GitHub for version control and Slack as a communication tool.

  • Join the Slack Room using the link provided via CourseWeb, and direct message @w8s (Todd Waits) once you arrive.
    • Preferred pronouns, preferred name, etc.
    • Special accommodations in accordance with university policy
    • your github username
  • Create a GitHub repo following the classroom repo invite link provided in CourseWeb.
  • Create an index.html file that introduces yourself, and apply CSS to override the default presentation of the HTML document in the browser.
    • I want to see you define class and id attributes on HTML elements on your page.
    • If you are using a base CSS framework like Bootstrap or Foundation, I would like you to override the style of at least your defined class, id, and a core HTML element.
    • See the Live Coding Example (Source)

Grading Criteria

We will download a zip archive of the repo and run the HTML file created locally in the browser.

Slack Participation

5 percent

You will lose points if you do not message me on Slack.

Not using external CSS file

-5 percent

e.g. <link rel="stylesheet" type="text/css">

Inline CSS Styles

-5 percent

e.g. <p style="color:red;">...</p>

Use of style block in HTML

-5 percent

e.g.<style></style>

Failed references

-15 percent

For example, if you reference a local CSS file, but do not check it in to source control, it would return a 404 Not Found

A great way to test this is to load it on a friend's computer, or to download the repo to a fresh directory and check to see everything loads properly.

README.md

5 percent

Write an easy to follow readme for us to use when downloading and grading your assignment.

Web page will not render on grader's browser.

-50 percent

Late assignment

-100 percent

If we do not get a submission via the approved GitHub classroom repo, you will get no credit.