Giter Club home page Giter Club logo

assignment-3--foundations--mwd-110--spring-2020's Introduction

Spring 2020 Foundations of Web Design and Development — Assignment 3

  • Do not start this project until you have read these instructions carefully.
  • Read these instructions repeatedly until you understand, then begin your project. If something is not clear, ask.

❖・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.

❖・Introduction・❖

This assignment is designed to initiate you into the world of creating web pages using advanced concepts in CSS, employing what you’ve learned thus far and adding your own design sense.

Create and style a one-page web site using the pre-defined content from either of the text files in the content folder.

Once you’ve settled on a text file, populate index.html with that file’s content matched with your careful and semantic choice of HTML syntax. (Note: You may not modify the content in any of the .txt files.)

With the content marked up properly, add styling to the page using CSS. There’s no restriction on what you may do design-wise.

❖・File List・❖

  1. README.md
  2. content/content--arvo-part.txt
  3. content/content--boards-of-canada.txt
  4. content/content--dawn-of-midi.txt
  5. content/content--gy!be.txt
  6. content/content--public-enemy.txt
  7. content/content--ramones.txt
  8. css/reset.css
  9. css/style.css
  10. index.html
  11. img/

❖・Rules・❖

  • Only submit files that are required by your project: Do not submit working files, such as .psd, .ai, .indd, or .sketch files.
  • Use lowercase, combined with kebab case, to name folders and files (do-this or do-this.html); no spaces in folder or file names (not this); no camel case (notThis); no snake case (not_this).
  • Place all your markup in index.html.
  • Place all your styles in style.css.
  • Do not alter or remove the reset.css file in the css folder.
  • Do not alter or remove any of the .gitignore files.
  • The only files you may add are images, which, if included, must go in the img folder. Ensure each image is under 1MB or smaller.
  • Leave the inclusion of reset.css in the head of index.html alone.

❖・Validating・❖

Make sure Atom continually reports No errors were found! in the lower left hand corner as you work. Solve validation issues as you work — don’t let them accumulate. That’s called technical debt. Avoid it!

❖・Grading・❖

Item Points
HTML is W3C-compliant 25
CSS is W3C-compliant 25
Design shows attempt at producing quality work 25
Rules outlined above followed correctly 25

❖・Due・❖

Wednesday, 29 April 2020, at 10:00 PM.

❖・Submission・❖

You will need to issue a pull request back into the original repo, the one from which your fork was created for this project. See the Issuing Pull Requests section of this site for help on how to submit your assignment.

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

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.