{"id":44,"date":"2018-01-19T10:49:12","date_gmt":"2018-01-19T15:49:12","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=44"},"modified":"2023-06-22T14:15:00","modified_gmt":"2023-06-22T14:15:00","slug":"artisanal-hand-crafted-small-batch-locally-sourced-bespoke-website","status":"publish","type":"page","link":"https:\/\/nmi.cool\/web\/artisanal-hand-crafted-small-batch-locally-sourced-bespoke-website\/","title":{"rendered":"Artisanal hand-crafted small-batch locally-sourced bespoke website"},"content":{"rendered":"\n
\"A
Photo by Jason Blackeye<\/a>.<\/figcaption><\/figure>\n\n\n\n

Preamble: a bit about projects generally<\/h2>\n\n\n\n

Welcome to your first project for this course! Projects are, quite simply, fantastic. They’re a chance to bring together all the skills you’ve been working on in classes, readings, and FreeCodeCamp lessons to actually make something.<\/p>\n\n\n\n

Before you dive into this project, take a look at the Project Rubric<\/a> that will guide through all of your Web Dev projects this semester including a grading scale. <\/code><\/p>\n\n\n\n

? Overview<\/h3>\n\n\n\n

Create a three-page website entirely by hand using HTML and CSS. <\/p>\n\n\n\n

? Rationale<\/h3>\n\n\n\n

This project is designed to let you flex those brand new web dev muscles! Hand-coding this website will give you the chance to test out all the HTML and CSS tricks you’ve learned through Free Code Camp and our class website. What you create might not be beautiful– and that’s okay! We are going to learn lots more very soon to really make our websites beautiful. But you should certainly feel proud of this project, because it’s a testament to all you’ve learned in just a few weeks! <\/p>\n\n\n\n

When you’re working on a project for this class, aim not just to complete its requirements, but rather to actively think1<\/a> about each step of what you’re doing: what it’s aiming to accomplish, how it works, why you’ve made the choices you’ve made, etc.<\/p>\n\n\n\n

Required Elements<\/h1>\n\n\n\n

? Structure<\/h3>\n\n\n\n

This one is pretty simple. Your website should include three pages, and each must contain at least one image and a bit of writing (i.e. headings, paragraphs, lists, tables, etc.). Additionally, each page must contain a link to all the other pages of your Project One website, and a link to your webdev homepage. <\/p>\n\n\n\n

? Content<\/h3>\n\n\n\n

What should this three-page website be about? Anything you choose! If you want to dedicate your three pages to how to build a birthday cake for a baby hippo2<\/a>, that’s great! Your favorite movie, band, sports team, or hobby are all good choices, too. The point is to pick content that you care about and that you want to spend some time thinking about. If you’re bored creating the site, there’s a good chance your audience will be bored, too. <\/p>\n\n\n\n

When picking your topic, think of something that not only piques your interest, but something you can easily share in a few paragraphs<\/strong>, headings<\/strong> and images<\/strong>. While there is by no means a word count in this project (we’re not that kind of class, please don’t ask, “Is this enough?”), you need to have more than an image gallery. Don’t worry, this is the Internet: the paragraphs can be short. Think 3-6 sentences. Maybe throw in a list or a table too, if your topic permits. Basically, this website should be made with love, so put a little effort into your content creation. <\/p>\n\n\n\n

Where should your images come from? They can be pictures you’ve personally taken, or scour the web for an image that you’d like to include3<\/a>. As a general rule of thumb, it’s best to make sure the images you’re using are not copyright restricted<\/a> and to give the photographer credit for their work.4<\/a><\/p>\n\n\n\n

Note:<\/strong> You can pick different content for the remaining projects. You are not committing to a single topic for the entire semester. <\/p>\n\n\n\n

? Grading<\/h3>\n\n\n\n

Many of the projects in this course will be graded by both:<\/p>\n\n\n\n

    \n
  1. A list of things you must do not to fail (required elements)<\/strong> and<\/em><\/li>\n\n\n\n
  2. A menu of cool things you can choose from to take your project from passing to awesome (qualitative elements<\/strong>)<\/li>\n<\/ol>\n\n\n\n

    Required elements<\/strong> are the bare minimum; they’re what you must do to not fail. You must complete each and every required element. Doing so is essential, but by no means sufficient, to earn a good grade.<\/p>\n\n\n\n

    Qualitative elements<\/strong> will take you from merely passing to excelling. And, some great news: you don’t need to complete all of them to earn full credit for an assignment. Instead, think of them as a menu of options from which you may choose. <\/p>\n\n\n\n

    You might select one or two and go incredibly in-depth on them, or choose a more moderate approach across a handful of them. We’ve built this flexibility in by design so that you<\/em> can choose the ways in which you want to challenge yourself.<\/p>\n\n\n\n

    Outstanding projects will of course check the box for all required elements and <\/em>demonstrate ambition and mastery through one or more qualitative elements. Check out the grading scale<\/a> for more details. <\/p>\n\n\n\n

    \u2705 Required Elements, 7 points<\/h3>\n\n\n\n

    One point will be earned for completing each of the following:<\/p>\n\n\n\n