Making Your Codecademy Projects Into Real Web Pages

he Codeacademy tutorials for HTML and CSS are great in showing everyone the basics, but in order to make these into projects that are available out on the web, you need to go through a couple of additional steps.  Here’s how to do it:

  • After you finish your projects, copy the text (code) on the Codeacademy site.
  • Paste that code into a plain text editor, something like NotePad for the Windows PC or TextEdit for the Mac. Do not use MS Word! Word does a lot of “invisible” coding in it that will mess up your HTML and CSS files.  Create a folder for each of your projects.
  • Using Cyberduck, upload the projects to your people.emich.edu account and inside your 444 folder.

Here’s a movie where I demonstrate this: