HTML 이미지와 미디어태그를 활용한 웹사이트 만들기

HTML 이미지와 미디어태그를 활용한 웹사이트 만들기

3,000원

10

HTML 이미지와 미디어태그를 활용한 웹사이트 만들기

다양하게 활용되는 이미지태그와 미디어태그를 활용하여 웹사이트를 만들어보세요!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 HTML에서 이미지와 미디어 태그를 사용하여 풍부한 콘텐츠를 담은 웹사이트를 만드는 방법을 학습할 수 있도록 도와드립니다. img, video, audio 태그의 사용법과 다양한 속성을 익히며 미디어 요소를 효과적으로 활용하는 방법을 배워보세요! 😊

📍 HTML 이미지 태그의 사용법: img 태그를 사용하여 이미지 삽입 및 속성 설정 방법을 학습합니다.
📍 비디오와 오디오 태그의 이해: video와 audio 태그를 활용해 동영상 및 오디오 콘텐츠를 추가하는 방법과 관련 속성을 배웁니다.
📍 미디어 콘텐츠를 활용한 웹사이트 설계: 이미지, 동영상, 오디오 요소를 조합하여 사용자 경험을 향상시키는 방법을 실전 사례와 함께 학습합니다.


👩🏻‍💻 이런 분을 위해 만들었어요

📍 HTML의 img, video, audio 태그를 처음 배우는 초보 개발자
📍 웹사이트에 이미지와 미디어 요소를 추가하는 방법을 배우고 싶은 분
📍 다양한 미디어 태그의 속성을 활용하여 콘텐츠를 풍성하게 만들고 싶은 분
📍 이미지와 미디어 요소를 활용해 인터랙티브한 웹사이트를 설계하고 싶은 분

🎁 강의는 이렇게 구성돼요

📍 img, video, audio 태그의 사용법과 관련 속성을 상세히 다룹니다!
📍 다양한 미디어 태그를 실전 예제를 통해 자유롭게 활용하는 방법을 배워요!
📍 미디어 콘텐츠를 활용해 더욱 매력적인 사용자 경험을 제공하는 웹사이트 설계 방법을 익힙니다!

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

🙋🏻 질문이 있으신가요?

링크를 통해 위코드 코딩 질문방으로 오세요!
위코드 스태프들이 직접 친절하게 알려드립니다! 🫡
👉 위코드 코딩 질문방으로 들어가기 (비밀번호: wecode)


커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon실전 예제: 이미지 슬라이드 & 배너 제작
  • Play Icon프로젝트: 멀티미디어 요소로 웹페이지 꾸미기
  • Play Icon추가 활용: lazy-loading과 미디어 최적화
  • Play Icon동적 동영상 플레이어 구현하기
  • Play Icon오디오 플레이리스트 UI 설계와 컨트롤
  • Play Icon최종 과제: 완성도 높은 멀티미디어 웹페이지