Christina Becher

selfie laying on floor, holding tabby cat in front of face

Intro to Web Design: Home/Navigation Page: Project Portal

Welcome to my course project portal page!

Here are some examples of my projects, which have been created as a way to explore the process of front-end Web design and development.

Main Course Projects:

  • My First Page

    This is a link to the very first page I ever created, a follow-along activity meant to introduce the concepts of HTML coding. Mainly, it focused on teaching the importance of understanding semantics and using the proper syntax (I learned pretty fast how a single tiny mistake can break the whole page…Periods and commas are very different punctuation marks, who knew).

  • The Artsy Goblin

    My final project, behold! A link to a very goofy portfolio page of my random doodles. This was one the first projects I did from scratch (since a lot of the others, this landing page included, came with a helpful HTML template), so I am very proud of getting it to work. I learned a lot more about flexbox and CSS background images in this build as well!

  • Squint Studio Build-Along

    Here is the second practice project in my journey, the Squint Studio Build-Along. The goal of this project was to practice those HTML elements learned in the “My First Page” activity, then expand upon them with my new best frenemy: CSS design. In other words, this was created by using Dreamweaver to build an external style sheet that defines how the HTML content looks.

    Was it extremely fun to see how dramatically CSS changes the look of a webpage? Yes! Did I realize from this activity that I have a lot to learn when it comes to translating the vision in my head into actual values and properties that the browser can understand? …Also yes.