무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결만들면서 배우는 HTML/CSS
이 강의 들으려면 뭘 선행 학습 해야 하죠?
html 자바스크립트 css 한번도 안해봤는데강의가 전혀 이해가 안가요자바 기초는 조금 들었어요20분 강의를 1시간 넘게 끊어가며 앞뒤로 돌려보고,다른분들 커뮤니티 질문 보고 있는데 한계네요...
- 미해결만들면서 배우는 HTML/CSS
콘텐츠 영역 페이지 위치 조정 문제
안녕하세요. 페이지 중간에 콘텐츠 영역 넣는 실습을 하고 있는데 크롬창에서 보니 저는 수치가 저렇게 뜨길래 mergin-left, mergin-top을 각각 -640, -480으로 지정했습니다.그런데 확인해보니위치가 다음과 같이 나오더라구요😣 코드는 아래와 같이 작성했습니다..!.contents{ position: absolute; top:50%; left:50%; margin-left:-640px; margin-top:-480px; z-index:20; text-align: center; font-family: "Malgun Gothic", sans-serif; } 그래서 수코딩님과 같은 수치로 코드를 작성해봤는데정중앙에 오는 것 같아요! 뭐가 이상한건가요?..
- 미해결만들면서 배우는 HTML/CSS
웹페이지 따라하고 열었는데 사진이 안나와요
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>심플포트폴리오</title> <tink href="css/reset.css" rel="stylesheet" type="text/css"/> <tink href="css/reset.css" rel="stylesheet" type="text/css"/> <script src="js/jquery.1.12.4.js" type="text/javascript"></script> <script src="plugins/bxslider/js/jquery.bxslider.js" type="text/javascript"></script> <script> $(document).ready(function(){ $('.slider').bxSlider({ controls:false, pager:false, auto:true }); }); </script> </head> <body> <div class="background__01"></div> <div class="background__02"></div> <div class="background__03"></div> </div> </body> </html> html,body{ width: 100; height: 100; } .bx-wrapper, .bx-vi.slider.slider{ width: 100; height: 100; } .background__01{ width: 100; height: 100; background: url("../images/a.jpg") no-repeat; background-size: cover; background-image: center; } .background__02{ width: 100; height: 100; background: url("../images/a.jpg") no-repeat; background-size: cover; background-image: center; } .background__03{ width: 100; height: 100; background: url("../images/a.jpg") no-repeat; background-size: cover; background-image: center; }어떻게 해야 하나요 ??
- 미해결만들면서 배우는 HTML/CSS
왜 색이 안변하죠??
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. //style.css width: 100%; height: 100%; } .bx-wrapper, .bx-viewport, .slider{ width: 100%; height: 100%; } .background__01{ width: 100%; height: 100%; background: url("../images/a.jpg") no-repeat; background-size: cover; background-position: center; } .background__02{ width: 100%; height: 100%; background: url("../images/b.jpg") no-repeat; background-size: cover; background-position: center; } .background__03{ width: 100%; height: 100%; background: url("../images/c.png") no-repeat; background-size: cover; background-position: center; } .contents{ position: absolute; top:0; text-align: center; } .contents__name{ font-size: 64px; font-weight: bold; color :blanchedalmond; margin-bottom: 25px; } .contents__job{ font-size: 25px; font-weight: bold; color : blanchedalmond; margin-bottom: 50px; } .content__list{ font-size: 0; } .contents__list > li{ display: inline-block; width:52px; height: 52px; border:1px solid white; border-radius: 50%; font-size: 16px; } .content__list > li > a{ color : white; } //index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Halfhalfman's Homepage</title> <link href="css/reset.css" rel="stylesheet" type="text/css"/> <link href="css/style.css" rel="stylesheet" type="text/css"/> <script src="js/jquery.1.12.4.js" type="text/javascript"></script> <script src="plugins/bxslider/js/jquery.bxslider.js" type="text/javascript"></script> <script src="https://kit.fontawesome.com/2871c12638.js" crossorigin="anonymous"></script> <script> $(document).ready(function(){ $('.slider').bxSlider({ controls:false, pager:false, auto:true }); }); </script> </head> <body> <div class="slider"> <div class="background__01"></div> <div class="background__02"></div> <div class="background__03"></div> </div> <div class="contents"> <p class="contents__name">Halfhalfman</p> <P class="contents__job">I live at korea, I am a student, I have my own NFT.</P> <div class="contents__sns"> <ul class="contents__list"> <li> <a href="#"> <i class="fa-brands fa-discord"></i> </a> </li> <li> <a href="#"> <i class="fa-solid fa-water"></i> </a> </li> </ul> </div> </div> </body> </html>
- 해결됨만들면서 배우는 HTML/CSS
왜 .content를 하면 content클래스를 인식하지 못하죠??
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Halfhalfman's Homepage</title> <link href="css/reset.css" rel="stylesheet" type="text/css"/> <link href="css/style.css" rel="stylesheet" type="text/css"/> <script src="js/jquery.1.12.4.js" type="text/javascript"></script> <script src="plugins/bxslider/js/jquery.bxslider.js" type="text/javascript"></script> <script> $(document).ready(function(){ $('.slider').bxSlider({ controls:false, pager:false, auto:true }); }); </script> </head> <body> <div class="slider"> <div class="background__01"></div> <div class="background__02"></div> <div class="background__03"></div> </div> <div class="contents"> <p class="contents__name">Halfhalfman</p> <P class="contents__job">I live at korea, I am a student, I have my own NFT.</P> <div class="contents__sns"> <ul> <li> <i>discord</i> </li> <li> <i>opensea.io</i> </li> </ul> </div> </div> </body> </html> 코드입니다.
- 미해결만들면서 배우는 HTML/CSS
배경사진이 두개로 나옵니다ㅜ
index.html 파일도 style.css파일도 강의와 같이 동일하게 적는다고 따라 적었는데 실시간 웹페이지 반영하기 버튼으로 봤더니 배경 이미지가 두개로 연달아 나와서 문의 드립니다. 이건 어떻게 해결방법이 없으련지요?
- 미해결만들면서 배우는 HTML/CSS
실시간 미리보기, 파일 만들기 에러
처음 설치했는데 파일 새로 만들기도 안되고 실시간 미리보기도 에러뜹니다ㅠ 왜이러는건가요..??
- 미해결만들면서 배우는 HTML/CSS
그냥 body에 적용
삭제된 글입니다
- 미해결만들면서 배우는 HTML/CSS
html, body{...}와 배경에서의 오류
다음 사진과 같이 html, body 뒤에 무언인가를 작성하면 배경이 사라지게 됩니다. 어떤 오류인지 여쭤봐도 되겠습니까? 좋은 수업 감사합니다 선생님.
- 해결됨만들면서 배우는 HTML/CSS
이미지를 겹치는 방법에 대한 질문입니다.
안녕하세요. 강의를 듣다가 궁금한 점이 생겨서 질문을 남깁니다! bxslider 이미지 위에 도트 이미지를 겹칠 때, position:absolute 대신 float를 쓰면 왜 안될까요?(강의와 동일한 코드인데, 도트 이미지 속성에만 position대신 float: left를 썼습니다.) 도트 이미지한테 float:left를 주고, bxslider에겐 아무것도 주지 않으면, 도트 이미지만 float로 붕 뜨게 되고, bxslider가 밑에 깔려야되는게 아닐까요? 아래 사진(https://amaze9001.tistory.com/62)처럼 생각하고 해봐도 안되네요.. 두 이미지가 각각 줄 씩 차지하게 됩니다. bxslider와 도트 이미지 둘 다 width:100%, height:100% 이라 float를 써도 넘쳐버리는 걸까요?ㅜㅠ
- 미해결만들면서 배우는 HTML/CSS
hosting 시 안되는문제
안녕하세요. 강의 잘 보았습니다. 고맙습니다. bracket에서의 가상서버에서는 해당 기능들이 잘되는데 실제 서버에 올리니 안됩니다. 이소스를 firebase에 deploy 했는데 슬라이드는 되는데, contents 영역과 아이콘들이 나오지 않습니다. font awesome을 CDN으로 해도 안나옵니다. 온리 그림만 나와서 슬라이딩 하고 있습니다. 왜 그런지 모르겠습니다. ^^;; 그리고 일부모니터에서는 화면이 잘나오는데 다른 모니터에서는 화면이 흔들리는 현상이 나오는데 이부분도 왜그런지 모르겠습니다. 알수있을까요? 수고하세요.
- 만들면서 배우는 HTML/CSS
Brackets과 Chrome의 연결실패
삭제된 글입니다
- 미해결만들면서 배우는 HTML/CSS
무료로 활용 할 수 있는 사이트나 페이지 추천 좀 부탁 드립니다.
조그만 중소기업 재직자 인데요. 쉽고 잼있는 강의 잘 들었습니다. 알차게 요약되어 쉽게 다나오네요. 무료로 강의 해 주시고 감사 드립니다.^^다름이 아니라 십여년 전 회사 홈페이지(플래시 삽입)를 외주로 개발 했었는데요. 아시다시피 플래시가 금년부터 사용 불가라 다시 외주를 줄랬더니 그 업체는 망하고 없고 새로 만들자니 비용이 어마어마 하더라구요. ㅜ 소개 페이지가 그닥 많지 않아서 무료 페이지 활용해서 자체로 만들어볼까 하는데요. 혹시 라이센스 문제 없이 html/css 소스(원페이지 스타일 웹사이트) 활용하여 수정 개발 할 수 있는 사이트가 있을까요? 혹시 도움 주실 수 있는 사이트 알려주시면 선생님 강의를 발판으로 만들어볼까 합니다.도움 부탁 드립니다.
- 미해결만들면서 배우는 HTML/CSS
질문입니다.
prev next 1 2 3 버튼이 안 나오길래 그냥 진행 했더니 동영상을 다 따라한 이후 나와야 할 슬라이드가 나오지 않고 이미지 1 2 3 이 수직으로 나타납니다.
- 미해결만들면서 배우는 HTML/CSS
질문입니다.
일단 브라우저 화면이 크기가 작은 상태에서 새로고침 하면 브라우저 화면크기에 맞게 사진이 꽉차는 거는 됩니다. 하지만 여기서 브라우저의 화면을 확대 하면 사진의 세로 사이즈가 확대된 브라우저의 화면 크기만큼 꽉 채우지 않아서 흰 부분(?)이 보이는 경향이 있는데 어떻게 해결하나요? 영상에 있는 부모 태그(.bx-wrapper, .bx-viewport)에 width: 100%, height: 100%을 적용했는데 안되네요...
- 미해결만들면서 배우는 HTML/CSS
질문있습니다
마지막 수업 13분 쯤 line-height를 li에 주셔도 적용이 되는데 저는 선생님처럼 li에 주면 적용이 안되고 i 태그에 line-height를 주어야만 적용이 되는데 왜 선생님이랑 다르게 되는 걸까요?ㅠㅠ
- 미해결만들면서 배우는 HTML/CSS
압축파일을 어디서 다운 받으라는건가요?
압축파일을 어디서 다운 받으라는건가요?
- 미해결만들면서 배우는 HTML/CSS
방송을 5번 이상을 보면서 했는데도 안돼요....
10:15초부터 저는 $만 확인이 안된다는 debug가 뜨고 jquery에 관한건 뜨지를 않아요.....처음에는 방송한번 보고 머리로 했는데 하도 안되서 그냥 방송 전체를 다 따라서 코드를 쳤는데도....10:15초에서 저는 debug가 하나만 떠요. 그래서 그냥 진행을 했어요 jquery입력하고서요. 그런데 아무 변화없이 그냥 똑같은 debug만 뜨네요...
- 미해결만들면서 배우는 HTML/CSS
초보자여서요..왜 reset sheet 이 필요한것이며 그게 무엇인지를 모르겠어요.
초보자이다보니. 궁금증이 생겼어요. reset.css가 무엇이며 이건 왜 필요한것이며 등등이요...그럼 매번 이런걸 만들때 항상 찾아서 저렇게 카피해서 쓰는건가요? 아니면 자기가 직접하는건가요? 솔직히 입문 초보 html css를 끝내고 좀 알겠다라고 생각하는데 이런 소스를 쓰는걸 보고서는 다시 맨붕이 왔어요..... 아 그리고 jquery도 필요할때 저렇게 따와야하는지도요. 감사합니다
- 미해결만들면서 배우는 HTML/CSS
현재 그럼 회사들이 일반적으로 많이 쓰는 editor프로그램은 뭔가요?
선생님이 말씀하신것처럼 하나의 editor프로그램을 잘하면 된다고 하셨는데. 그럼 어느 회사를 가건 제가 쓰는 에디터를 그냥 쓰면 되는건가요?? 알려주세요~