Welcome to my course project directory and portal page.

The following projects have been created as a way to explore and learn about front-end Web design and development.

Main Course Projects

My First Page

This project called "My First Page" was the first website I've built in this class. The main objectives and goals of this activity including learning Dreamweaver, our program, and also applying the things we've been learning about code to real life. This was a fun project that helped me begin my adventure in the world of web design!

Squint Studio Build-Along

This project called "Squint Studio" is a mock photography website that aims to give me and my classmates more experience using code and CSS in a website. Some of the most notable features of this particular website include multiple pages, links, more images and alternative text, and a deeper dive into the world of CSS and all that it can do to design our websites!

Helpful Resources for Web Design and Development

CSS Tips for Your Blog

This article provides a simple, but useful message regarding CSS. It provides helpful tips and things to keep in mind as you design your page so that you can have a nice looking website at the end of the day! Some of the tips and tricks discussed in this article inlcude typography, comments, and testing.If you don't know where to begin with your CSS, this article can help you get on the right track.

CodePen

CodePen is a great place for anyone to try their hand at coding on the web. Here, you can write code in HTML, CSS, or Javascript, and see the results as you code. It is free, is a great place to practice simple coding, and is a nice place to review the things I learn about HTML or CSS anytime without having to open up Dreamweaver or any other application.

The Beginner's Guide to Website Development

"The Beginnner's Guide to Website Development" is a great article that explains many of the basic things surrounding web design and development. This article is beginner friendly and discusses topics such as web development basics, types of web development, the processes of web development, and also includes resources to check out if you're interested in learning more.

HTML Elements Reference

This article is a detailed list of many HTML elements that are used in web design and development. This is a great place to visit if you want to refresh your memory on what certain HTML elements do, or if you're intereted in finding new ones to try out. This highly detailed, organized list is helpful if you are developing a website because it's a great place to visit to help you remember and learn more about what certain HMTL elements do.

HTML Attributes Reference

Similar to the "HTML Elements Reference," this article contains a list of many of the HTML attributes that you can use to develop a website. While elements and attributes are both used in web design, this list just focuses on the many HTML attributes you can use. With detailed, organized lists and definitions, this article is a great place to visit if you would like to refresh your memory or would like to learn about new HTML attributes you may not know about.