Envision
  • Overview
  • Video Tutorials Library
  • Content
    • Week 1: Design & Git
      • Lab 1 Odd Player Instructions
      • Lab 1 Even Player Instructions
      • GitHub 101
    • Week 2: HTML + CSS
      • Lab 2: CSS Selectors
    • Week 3: CSS
    • Week 4: JavaScript
    • Week 5: JS + D3
    • Week 6: SVG + D3 data joins
    • Week 7: Updates and Scales
    • Week 8: This, mapping
    • Week 9: Groups, axes, advanced interactivity
  • Projects
    • Project 1: Personal Website
      • Project 1 Gallery
Powered by GitBook
On this page
  • Learning goals
  • Deliverables
  • Submission

Was this helpful?

  1. Projects

Project 1: Personal Website

Learning goals

You should come away from this project with knowledge and practical experience about the following:

  • HTML, its syntax, and how it provides structure to websites

  • CSS, its syntax, and how it is used to apply style and layout to HTML elements

  • How to link to external websites, other HTML pages, and external CSS files

  • Best practices for styling with CSS

  • How to publish a static website to the web using a service like Netlify

Deliverables

Your site should meet the following parameters:

  • Multiple HTML pages (at least 2, total) that can be navigated between using <a> tags

  • A rich variety of content about you, some aspect of your life, or anything else you'd like to share / publish

  • CSS style applied using an external .css stylesheet

  • All code should be hosted in a GitHub repository

  • A publicly accessible URL obtained through hosting the site on a static hosting service like Netlify

    • This is free

    • We will show you how to do this in a video sent out early in Week 4!

Submission

  1. A link to your site's publicly accessible site (something like yoursitename.netlify.app)

  2. A link to your site's public github repo on your github account

PreviousWeek 9: Groups, axes, advanced interactivityNextProject 1 Gallery

Last updated 4 years ago

Was this helpful?

SUBMIT HERE: