Main course projects

• My First Page

  I learned basic HTML tags and how to make the structure of a website. Now I know how to build a simple web page.

• Squint Studio Build-Along

  I learned how to create a correct file structure for a website. Now I clearly understand the difference between the "source" folder and the "root" folder, and why it’s important to organize files properly.

  I studied three ways to link CSS to HTML: inline (written directly in the tag), internal (inside the <style> tag in the HTML head), and external (linked with a separate .css file using a <link> tag). External CSS is the best for larger projects because it keeps code clean and reusable.

  I understood how Adobe Dreamweaver works. It is a tool that helps you design and code websites using both code view and live visual view. It highlights HTML and CSS code and makes it easier to preview changes quickly.

  I learned why it's important to make websites accessible for people with disabilities. For example, adding alt text to images helps people who use screen readers. Using good color contrast and clear navigation helps everyone use the site better.

  I studied the basics of CSS. I now know how to change colors, fonts, margins, padding, borders, and other styles. CSS helps make the website look nice and organized.

  I also learned how to use semantic HTML correctly. Tags like <header>, <main>, <article>, and <footer> help search engines understand the content better and improve SEO (Search Engine Optimization).

• My Final Site

  I created a business-style website for a fictional legal services company. The site functions as a landing page that promotes access to a legal support portal. I used HTML and CSS.

  I considered the needs of users with disabilities by adding alt text to images and maintaining strong color contrast for better readability.

  This project helped me practice building a multi-page website with clear navigation, links, and contact information. I also improved my skills in designing layouts that look organized and user-friendly.