Welcome to my course project portal page.
The following projects have been created as a way to explore front-end Web design and development.
Main Course Projects
-
My First Page
The My First Page project was our first assignment in Introduction to Web Design and served as an introduction to both coding and the coding environment within Adobe Dreamweaver.
In working through the assignment, we learned about the practical application of skills and best practices. We created an efficient file management system, set up Adobe Dreamwaver, learned of the coding process and how to avoid critical errors, learned best practices for current and future projects, and how to save, review, and upload our work with an FTP.
-
Squint Studio Build-Along
Our Squint Studio Build-Along is a multi-week project where we go through the building of a website from start to finish, taking notes and learning about HTML and CSS along the way.
We started with the basics, creating the index.html page and creating an external CSS style sheet to link to every page. (Index/Home, About and Portfolio.) When all of the HTML was added, we went through lectures and tutorials to follow along and become familiar with creating CSS rules. The HTML was set up intentionally to include a variety of ways that CSS rules can be applied, so that we could learn the importance of IDs, class names, descendants and grouped elements, to name a few.
Images, and the appropriate way to create them for web, were also a part of this assignment. We didn't have to create the images in this case, but we did learn about how to use CSS on various properties relating to those images. Such as how to be specific in doing so, so not to affect all of the images at once.
-
Final: Portfolio
Our final project was a way to show off everything we have learned during the semester and combine those skills in a final presentation. I chose to do this with a portfolio to showcase my work as an artist and designer, with the intention to use the foundation of the website (and design) for my own portfolio after the semester is over.
The website is built from the ground up—content, colour scheme, layout, and ensuring we create all required elements for the assignment. Which includes writing all HTML and CSS and ensuring folders and files are in the correct places (source folders versus root folders) and images and optimized.