unit diary翻译（HTML Unit Diary - Learning to Create Web Pages）

HTML Unit Diary - Learning to Create Web Pages

Week 1: Introduction to HTML

Overview: We started our journey by learning the basics of HTML. HTML stands for Hypertext Markup Language and it is the standard markup language used for creating web pages. Our teacher introduced us to the different elements that we can use to structure our web pages, such as headings, paragraphs, and lists.

Challenges: At first, I found it quite challenging to grasp the concept of HTML. However, our teacher provided us with interactive exercises that helped us understand the different elements and how they can be used to structure a web page. I also found it helpful to refer to online resources to supplement my learning.

Takeaways: Through this week's lessons, I learned the importance of structuring web content properly using HTML. I also gained a better understanding of how HTML is used alongside other web technologies such as CSS and JavaScript.

Week 2: Styling Web Pages with CSS

Overview: This week, we delved deeper into web development by learning how to style our web pages using CSS (Cascading Style Sheets). We learned how to create CSS rules that can change the appearance of HTML elements such as fonts, colors, and layout.

Challenges: I found it challenging at first to understand how different CSS rules interact with each other and how to apply them to specific HTML elements. However, our teacher provided us with clear explanations and examples that made it easier to understand.

Takeaways: I learned that CSS is an essential tool for creating visually appealing web pages. It allows for greater flexibility in design and presentation, and can make a website more efficient and accessible to users. I also learned about CSS frameworks such as Bootstrap that can help speed up the design process.

Week 3: Building Responsive Web Pages

Overview: In the final week of the unit, we learned about responsive web design and how to create web pages that can adapt to different screen sizes. We learned about the different techniques that can be used to make a web page responsive, such as media queries and flexible grids.

Challenges: It was challenging to learn about the different techniques for creating responsive web pages and understanding how they work. There were also some technical challenges with implementing responsive design into our existing web pages.

Takeaways: I learned about the importance of responsive design for mobile users and the different techniques that can be used to achieve it. I also learned about the importance of testing web pages on different devices to ensure that they are displaying properly. Overall, this unit has provided me with a good foundation for creating web pages and understanding the different technologies involved.