Web Design Lesson 5 - The Box Model PDF

Opening Prayer January 6, 2024 Sacred Heart School – Hijas de Jesus SY 2024-2025 Web Design Lesson 5: The Box Model Lesson The Box Model 5 Lesson The Box Model 5 Which design is easy to understand? Lesson The Box Model 5 Objectives: 1. Layout w...

Opening Prayer January 6, 2024 Sacred Heart School – Hijas de Jesus SY 2024-2025 Web Design Lesson 5: The Box Model Lesson The Box Model 5 Lesson The Box Model 5 Which design is easy to understand? Lesson The Box Model 5 Objectives: 1. Layout web pages using CSS properties 2. Apply advanced HTML tags (span and div) Lesson The Box Model 5 Objectives: 3. Adjust borders, margins and paddings Lesson The Box Model 5 The box model's components: Content: The area where text and images appear. Padding: The space between the content and the border. Border: The edge around the padding. Margin: The space outside the border separating elements. Lesson The Box Model 5 Lesson The Box Model 5 See page 65-67 of your book for example of CSS application. Observe the changes in the internal style sheet from the codes in lesson 4. Lesson The Box Model 5 Display Lesson The Box Model 5 Lesson The Box Model 5 Lesson The Box Model 5 Span and Div Tags See examples in pages 68-70 of your book. Lesson The Box Model 5 The Box Model Margin and Padding Page 71-73 of your book Lesson The Box Model 5 The Box Model Page Layout Using Box Model Page 74-75 of your book Lesson The Box Model 5 What is the main purpose of the Box Model in designing websites? Lesson The Box Model 5 How does adjusting the margin, padding, and border values in the Box Model affect the layout of a webpage, and how can exercising responsible freedom in modifying these values help you create a more user-friendly and aesthetically balanced design? Lesson The Box Model 5 Lesson The Box Model 5 Summary Closing Prayer