Cette leçon contient 13 diapositives, avec quiz interactifs et diapositives de texte.
La 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.