Assets and media include images, icons, fonts, videos, and other files used in a website.
Managing these files properly is important for performance, organization, and teamwork.
Why Asset Management Matters
Poorly managed assets cause:
- Broken links
- Slow loading pages
- Confusing project structure
Common Types of Assets
A typical project includes:
- Images
- Icons
- Fonts
- Videos
- Audio files
Organizing Assets in Folders
Always store assets in dedicated folders such as:
- images
- icons
- fonts
- media
This structure keeps all media files organized and easy to find.
Using Relative Paths Correctly
Always use correct relative paths when linking assets.
Wrong paths are one of the most common beginner mistakes.
This path clearly shows where the file is located.
Optimizing Assets
Always optimize images and videos before adding them to a project.
Smaller files load faster and improve performance.
Using Consistent File Names
Asset names should be:
- Lowercase
- Descriptive
- Without spaces
These names are easy to understand and maintain.
Avoid Common Asset Mistakes
- Uploading huge images
- Using random file names
- Mixing assets with HTML files
Why Asset Management Matters for Jobs
Companies expect developers to handle assets professionally.
Good asset management shows attention to detail and experience.
Practice Task
Create an assets folder with:
- One image
- One icon
- One font file
Link them correctly in an HTML page.
What You Will Learn Next
In the next lesson, you will learn the difference between development and production workflow.