Code Monkey home page Code Monkey logo

assignment-2--foundations--mwd-110--fall-2019's Introduction

Fall 2019 Foundations of Web Design and Development — Assignment 2 (HTML)

  • Do not edit this file.
  • Do not start this project until you have read these instructions carefully.

Introduction

This assignment requires that you create a basic, three-page web site about you or someone else, fictitious or real.

Before You Begin

  1. Log in to GitHub.
  2. Fork this repo(sitory). See this video on how to carry out this step and step 3.
  3. Clone your fork, using either the web site or the GitHub Desktop client.
  4. Checkout your personalized branch, the one with your name and GitHub user handle.

Directions

The three pages you create must be index.html, contact.html, and about.html.

The index page must contain some basic information about you/your subject. A paragraph will suffice.

The index page must also contain an image of you/your subject. It must have either a .jpg or a .png extension and cannot be larger than 1MB in size. It must be placed in the img folder.

The contact page should contain a link to an email address and two links to social media platforms. Choose any social media platforms you please.

The about page should extend on the intro content found on the index page, perhaps adding one or two paragraphs.

Each of the three pages must contain a simple navigation that allows users to navigate between all three pages.

The Rules

  • All pages must use, at the bare minimum, the following elements: header, nav, main, p, a, img and elements from the outlining algorithm.
  • The title and the meta name="description" elements must observe SEO best practices, as discussed in class, and must differ for each of the three pages.
  • Your HTML must be valid, per the w3c-validation Atom package. You may also validate at http://validator.w3.org/#validate_by_input.
  • Your image must be placed in the enclosed img folder and cannot be larger than 1MB.
  • Folders and files must use lowercase, combined with kebab case. For example, do-this or do-this.html. Further, no spaces in folder or file names (not this); no camel case (notThis); and, no snake case (not_this).

Due Date

Wednesday, 9 October 2019, at 9:00 AM. 🚫 No late work will be accepted.

Submission

Issue a pull request back into the original repo, the one from which your forked was created, before the deadline. Look at these videos for help on how to do so.

Note: This assignment may only be submitted via GitHub. 🚫 No other form of submission will be accepted.

Grading

Item Points
All three pages included 10
Using bare minimum of HTML elements in a semantic fashion 20
HTML is W3C-compliant 20
Navigation implemented 20
title and meta elements observe SEO best practices 10
Image is included in a folder called img 5
Image is 1MB or smaller 10
Files and folders use kebab case and lowercase 5

assignment-2--foundations--mwd-110--fall-2019's People

Contributors

code-warrior avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.