03 - Website Layout and Assets

03 - Website Layout and Assets
1 / 13
suivant
Slide 1: Diapositive
ComputingLower Secondary (Key Stage 3)

Cette leçon contient 13 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 50 min

Éléments de cette leçon

03 - Website Layout and Assets

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

What is an asset?
A
Content writing
B
Website code
C
An object on a website
D
A part of CSS

Slide 2 - Quiz

Cet élément n'a pas d'instructions

What is website layout?
A
Graphic design
B
Arrangement of assets on a webpage
C
Coding HTML
D
A broken website

Slide 3 - Quiz

Cet élément n'a pas d'instructions

KO: Adding assets to and publishing a website
Outcomes:
All - Add assets to a website
Most - Create a suitable layout for their website and choose suitable assets
Some - Understand how to make a website accessibel to a wide range of users

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

What is Website Layout and Assets?
Website layout and assets are the visual elements of a website like graphics, images, videos, and other objects that help to create an aesthetic experience for the user.

Slide 5 - Diapositive

Explain the purpose of website layouts and assets.
Types of Layouts and Assets
There are three types of website layouts and assets: Static, Responsive, and Adaptive.

Slide 6 - Diapositive

Discuss the three types of website layouts and assets.
Static Layouts
Static layouts are designed with fixed widths that cannot change. They are best used for sites with limited content or where images and graphics are more important than content.

Slide 7 - Diapositive

Explain the advantages and disadvantages of static layouts.
Responsive Layouts
Responsive layouts are designed with changeable widths that can adapt to different device sizes. They are best used for sites where content is the focus.

Slide 8 - Diapositive

Explain the advantages and disadvantages of responsive layouts.
Adaptive Layouts
Adaptive layouts use predefined breakpoints to adjust the layout of a website for different size devices. They are best used for sites with large amounts of content.

Slide 9 - Diapositive

Explain the advantages and disadvantages of adaptive layouts.
Design Tips
When designing websites, it’s important to consider the layout, messaging, navigation, colors, fonts, and more.

Slide 10 - Diapositive

Discuss important design elements to consider when designing a website.
Best Practices
When using web assets, make sure to use high-resolution graphics, optimize images for web use, and use appropriate file formats.

Slide 11 - Diapositive

Discuss best practices for using web assets.
Conclusion
Web layouts and assets are important for creating a great user experience on websites. It’s important to consider design elements, types of layouts, and best practices when using web assets.

Slide 12 - Diapositive

Summarize the key points of the lesson.

Slide 13 - Diapositive

Cet élément n'a pas d'instructions