Working with Assets and Media


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:

  1.  Images
  2. Icons
  3. Fonts
  4. Videos
  5. Audio files

Organizing Assets in Folders

Always store assets in dedicated folders such as:

  1. images
  2. icons
  3. fonts
  4. 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.