Welcome to my course project directory 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 introductory project into web design, focusing on the fundamental skills and tools essential for developing a website. The primary objectives were to establish a well-organized folder structure, familiarize with the Dreamweaver environment, and craft the first HTML file.

  Throughout this project, I delved into the basics of HTML and CSS, distinguishing between inline and internal CSS, and applied these styles to enhance webpage presentation. Additionally, I gained hands-on experience in utilizing various HTML tags and uning FTP client.

• Squint Studio Build-Along

  The 'Squint Studio Build-Along' project was an engaging hands-on exercise designed to deepen understanding and skills in creating and managing multi-page websites.

  Throughout this project, I learned to craf new web pages and integrating navigational link . I explored CSS in greater detail, learning about selectors and rule creation which enabled me to apply specific styles directly to HTML elements. Additionally, I learned how to make the website's visual appeal by embedding images and customizing their presentation with borders and shadows.

• Final Site

  The 'Pro Construction Solutions' website project is the culmination of acquired web design skills,this site demonstrates a comprehensive understanding of HTML, CSS, and multi-page site management. The design incorporates a nature-inspired color palette, aligning with the brand’s identity, and employs a clean layout to enhance user experience. Key features include a structured folder system, navigation links, and styling techniques such as CSS selectors, custom rules, and visual enhancements like shadows and borders. The website also integrates media elements, including tailored images and icons, to create a visually appealing and functional interface.

  Throughout this project, I learned how to effectively apply advanced HTML and CSS techniques to create a professional, multi-page website that balances functionality and visual appeal. I deepened my understanding of CSS selectors, rules, and styling methods, enhancing the site with custom colors, shadows, and borders. I also explored the importance of optimizing images to improve website performance and align visuals with the brand's identity. Additionally, I integrated a favicon, which adds a polished touch to the site and enhances user recognition. I gained valuable experience in implementing SEO practices, such as using descriptive meta tags, structuring content with semantic HTML, and ensuring a logical navigation flow to improve search engine visibility. Tools like Dreamweaver were instrumental in coding and structuring the site.