Web Programming (WK1) - Design Blog

This week, we learned how HTML and CSS work together to build and style a web page. HTML creates the structure and organizes the content, while CSS controls how everything looks. Breaking it down this way made it easier to understand what each part is responsible for and how they connect.

I spent time working with embedded stylesheets and inline styles, and I can see how each one has its place. Inline styles are useful for quick, specific changes, while embedded styles help keep everything consistent across the page. I also worked more with selectors, which made it easier to apply styles to multiple elements at once instead of repeating the same code.

I learned how important structure is. Putting elements in the correct sections, like keeping content in the body and styles in the head, makes the page function properly. Small details like spacing, indentation, and alignment also make a noticeable difference in how the page reads.

This connects to design and graphic arts because it uses the same ideas of hierarchy, balance, and readability. Choosing fonts, controlling spacing, and organizing content on a page are all design decisions, just done through code instead of software like InDesign or Illustrator. It made me think about how someone moves through a layout and how visual choices affect that experience.

Overall, I have a better understanding of how to build a page that is both functional and visually organized, and I feel more comfortable working with both HTML and CSS.