#16 배경이미지 넣는 방법 - 웹 코딩 강좌
HTML-код
- Опубликовано: 6 мар 2021
- 웹 디자이너를 위한 웹 코딩 강좌 열여섯 번째 시간입니다.
이번 시간에는 CSS를 활용해서 Background 이미지를 넣는 방법을 알아볼게요. HTML에서 img 태그와 무엇이 다른지도 같이 살펴보며 CSS에서 background 속성을 어떻게 쉽고 효율적으로 넣는지도 알아보도록 할게요.
🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟
🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요 🚀
┗ / @designbase
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 디자이너로서 웹 코딩 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다.
☞ 디자인베이스 소개 : designbase.co.kr/about/
☞ 공식 웹사이트 : designbase.co.kr/
☞ 네이버블로그 : blog.naver.com/designbasekorea
*BGM 사용 출처
Music: Upbeat Inspiring Corporate by Wavecont
Video Link: • Wavecont - Upbeat Insp...
Song: LAKEY INSPIRED - Chill Day (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: • LAKEY INSPIRED - Chill...
Lights by Sappheiros / sappheirosmusic
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/LightsSappheiros
Music promoted by Audio Library • Lights - Sappheiros (N...
Music: Tokyo Music Walker - Way Home
마침 찾고 내용인데 해결되어서 기쁘네요ㅎㅎㅎ 항상 고퀼강의 올려주셔서 감사합니다
감사합니다ㅎㅎ👍
친절하고 정확한설명 감사합니당
감사합니다!ㅎㅎ
감사합니다!
🤗👍
안녕하십니까! 현재 웹디자인을 배우고있는 학생입니다! 올려주신 모든강좌를 다 보면서 사용법에 있어서도 정말 많이 배웠고, 저 또한 나중에 배우고자하는 친구들에게 잘 알려줘야겠다는 좋은 마음 또한 생깁니다 :) 너무 감사드리고 코딩을 포기할까 했던 저에게 하나님이 보내주신 천사같습니다..ㅋㅋㅋ 포기하지 않고 저도 노력해서 많은 이들에게 도움이 되는 웹사이트도 만들고 인재양성에도 힘을 쏟겠습니다. 정말 감사합니다x100000
ㅎㅎㅎ이런 댓글 달아주셔서 너무 뿌듯하네요ㅎㅎ! 도움이 조금이라도 됐다니 기분 좋네요ㅋㅋ 화이팅입니다! 상진님도 나중에 누군가에게 베풀수있길 기도할게요👍
@@designbase넵!! :) 그리고 하가지 질문이 있는데 혹시 반응형에서 hw, vw의 차이와 %의 차이에 대해서 여쭤볼 수 있을까요~?
해당 단위에 대한 설명은 따로 다루고 있는 영상에서 확인하실 수 있습니다 :)
선생님! 정말 유익한 영상들이였습니다 입문영상들 모두 보고 나면 웹퍼블리싱 관련 영상 다음꺼는 뭘 보는게 좋나요?
감사합니다~!ㅎㅎ 입문 영상 이후에 준비된 코딩 강좌는 lottie.js 외에는 아직 없습니다ㅠㅠ!
저번강의와 이번강의는 특히 더 제겐 유익했는데요, 궁금했던 차이점들을 설명해주셔서 정말 도움이 많이 되었습니다. css 에서는 백그라운드 이미지가 엑박으로 안뜬다는것과 주요이미지는 이미지태그로 넣어야한다는 것은 정말 꿀팁이에요..ㅠ0ㅠ드디어 올라온 강좌를 다 들었네요..도움이 많이 되었습니다~감사합니다.(__) 혹시 코딩 마지막 강좌는 몇강까지 하실 계획이신가요? 강의가 올라오기 전까지는 실습 하며 기다려야겠어요~
다 보시느라 고생 많으셨습니다~! ㅎㅎ designbase.co.kr/start-webcoding-basic-course/ 여기에 보시면 강좌 업로드 예정인 내용들이 있습니다. 하지만 뒷부분은 멤버십 회원에게만 제공될 예정이에요 :)
@@designbase 몇강부터 멤버십 공개 예정이신지요? 멤버십은 유료회원인가요?
제가 계획한 부분은 18화 애니메이션 주기까지 입니다~! 멤버십은 유튜브에서 제공하는 가입 형식인데 아직 내용을 정하는 중이라서 오픈은 안되어있어요. 조만간 공유할 예정입니다ㅎㅎ
알겠습니다^^ 소식 기다리겠습니다 ~
왼쪽 파일 어떻게 만드나요ㅜ이미지가 넣ㅇㅓ져 있는 파일이 있으니까 만들 수 있는건데 아예 모르겠습니다
안녕하세요 미국에서 항상 재미있게 보고 있습니다
혹시 컴퓨터 언어(웹사이트 개발을 위한)를 독학으로 공부하는 것이 많이 어려울까요?
감사합니다.
감사합니다~!ㅎㅎ 네 뭐든지 가능하죠. 저도 독학으로 웹사이트도 만들고 하는데 시간은 걸리겠지만, 흥미를 가지고 꾸준히 하면 됩니다. ㅎㅎ
@@designbase 감사합니다! 제가 이메일로 문의하나 남겨드렸는데, 시간있으실 때 확인해주시면 감사하겠습니다.
안녕하세요 백그라운드 이미지사이즈는 않넣어도 되나요? 색상은 오버레이 되는건가요?? 어딨는지.
이미지 사이즈를 넣지 않으면 기본값인 auto로 적용됩니다. 색상은 오버레이가 되는건 아니고, 이미지와 같이 사용하면 이미지 뒤로 배경색이 깔리게 됩니다. developer.mozilla.org/ko/docs/Web/CSS/background 여기를 참고해보세요.
디자인베이스 학원 등록했습니다.
학원인가요ㅎㅎ 감사합니다 🙏
@@designbase 엄청 알찬내용들이 많습니다.👍
이거 html 이미지 테그 위에 글자를 쓸수있나요?
html 태그 위에 글자를 쓰려면 여러 태그를 결합해서 position과 z-index같은걸 사용해야 합니다.
@@designbase 감사합니당