desmoto-assignment

• Objective - Attempt to create a website on your own computer

• Purpose - Additional practice with HTML and CSS from scratch

• Requirements:

  • Assignment Details can be found at:
    • https://www.codecademy.com/paths/learn-how-to-build-websites/tracks/build-websites-on-your-own-computer/modules/local-website-development/projects/dasmoto

From Codecademy

HOW TO BUILD WEBSITES ON YOUR OWN COMPUTER Dasmoto's Arts & Crafts In this project, you’ll build a simple website for a fictional arts and crafts store using the tools on your own computer. This project will provide you with less guidance than previous projects. You should expect to use the internet, Codecademy, and other resources when you encounter a problem that you cannot easily solve.

• At a high-level, this project will require the following:

  • A folder structure that makes sense for the project
  • An HTML file
  • A CSS file

• To successfully complete the project, you’ll require the following images:

  • Image 1: https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg
  • Image 2: https://content.codecademy.com/courses/freelance-1/unit-2/hacksaw.jpeg
  • Image 3: https://content.codecademy.com/courses/freelance-1/unit-2/frames.jpeg
  • Image 4: https://content.codecademy.com/courses/freelance-1/unit-2/finnish.jpeg

• The rest of the page’s styling (font sizes, colors, etc.) is outlined in the following design spec, which is a standard document you’d expect to receive as a freelance web developer:

  • Spec sheet: https://content.codecademy.com/courses/freelance-1/unit-2/dasmotos-arts_redline.jpg

• Use the website found in the Codecademy assginment and the resources above to guide you through the project. Codecademy assingment: https://www.codecademy.com/paths/learn-how-to-build-websites/tracks/build-websites-on-your-own-computer/modules/local-website-development/projects/dasmoto

Part 1 - Clone the project

• Begin by forking this project into a personal repository.
  • To do this, click the Fork button located at the top right of this page.
• Navigate to your github profile to find the newly forked repository.
• Clone the repository from your account into the directory on your computer that you use to keep your projects (ex. dev directory).
• Open the newly cloned project in a code editor (ex. Visual Studio Code).

Part 2 - Edit the cloned project

• from a text editor (i.e. - Visual Studio Code), select:
  • File > Add Folder to WorkSpace
    • Select the directory you use to store your projects (ex. dev directory)
    • From the text editor,in the directory you use to store your projects (ex. dev directory), locate the newly cloned project
    • Expand the project from the _project explorer (may just be called explorer)
    • Modify the index.html and style.css to complete the assignment.

Part 3 - Pushing new changes to repository

• From a terminal navigate to the root directory of the cloned project.
• From the root directory of the project, execute the following commands:
  • git add .
    • Add all files in current directory to the staging area
  • git commit -m 'I have made an edit to a file!'
    • Save all staged changes to local repository
  • git push -u origin main
    • Push changes from local repository to remote repository

Part 4 - Submitting assignment

• From the browser, navigate to the forked project from your Github account.
• Click the Pull Requests tab.
• Select New Pull Request