22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
태그 사용 관련 질문 있습니다.
안녕하세요, 좋은 강의 제공 해주셔서 감사드립니다.section.about 영역 마크업 강의 수강 중 궁금한게 있어 질문 드립니다.img 태그를 감싸실 때 p 태그를 사용 하셨는데 따로 이유가 있을까요? UI상 리스트에서 하나의 문단으로써 자리하기에 그런것일까요?<li> <a href="#"> <p class="img"> <img src="img/about_1.jpg" alt="회사소개" /> </p> <div class="text"> <h3>회사소개</h3> <p>삶의 가치를 높이는 기술기업, 한화 케미칼</p> <p class="more">more</p> </div> </a> </li>
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
궁금합니다
강의잘 듣고있습니다 궁금한게, html코딩하시면서 샘플 홈페이지보면 패딩,마진 이런게 있는지 다 보이는데요.(사각형 점선으로 패딩이나 마진이 들어간걸 알수있음) 어떻게하면 그런게 다 보이는건가요???
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
영상에서 계속 딱닥 거리는소리
저한테만 나는건가요??
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
5강에서 view:after 와 view:hover
안녕하세요 인강들으면서 공부하고 있습니다! 궁금한 점이 있는데요, view more부분에 hover했을때 색깔 덮는 부분에서 section.main .mainTitle .view:after{content:''; width: 0; height: 100%; background: red; position: absolute; left: 0; top: 0;} section.main .mainTitle .view:hover:after{width: 100%; transition: all 0.3s;} 이렇게하신 이유가 있나요? section.main .mainTitle .view:hover {~} 이렇게만 해도 될것같은데요..
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
중앙정렬
안녕하세요! 강의 잘 듣고 있습니다! 소스코드를 다 따라 했는데 more안됩니다 ㅠㅠ 홈페이지에서 보면 more 는 공간이 넓은데 저는 엄청 좁아서 more 중앙에 안옵니다. padding 을 줘도 공간만 넓혀지고 more이 폰트어썸이랑 나란히 중앙에 배치가 안됩니다. 여기에 대해서 따로 지정한게 없는 것 같은데 어떤게 문제일까요? #about {background: #fff; padding: 80px 0;} #about ul {margin: 30px auto; width: 1400px; border-bottom: 1px solid #ddd; overflow: hidden; } #about ul li {float:left; width: 33.3333%; } #about ul li a{display: block; width: 100%; height: 100%;} #about ul li a .img {width: 100%;overflow: hidden; } #about ul li a .img img {width: 100%; height: auto; transition: all .8s;} #about ul li a:hover .img img,#about ul li a:focus .img_inner img {transform: scale(1.2); transition: all 1s;} #about ul li a .text {padding: 30px;} #about ul li a .text h2 {font-size: 20px; margin-bottom: 10px;} #about ul li a .text p {font-size: 16px; margin-bottom: 10px;} #about ul li a .text .more {text-transform: uppercase; font-weight: bold; padding-left: 40px; position: relative; background-color: red; font-size: 16px;} #about ul li a .text .more:before {content: '\f178'; font-family:FontAwesome; font-size: 15px; width: 30px; height: 30px; line-height: 30px; background:#ff8342; position: absolute; left: 0;display: block; border-radius: 50%;}
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
vscode로 작성 중 css 안먹어요
툴만 다르고 똑같이 작성했는데 css적용이 되질 않네요 ㅠㅠ 왜이럴까요?? 폰트는 같은 사이트에서 다른것 받아오긴 했는데..
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
안녕하세요! 웹페이지 내 요소들의 위치를 조정하는 방법에 대해서 질문있습니다.
연속해서 질문을 드리네요. 강의를 듣다보면 margin 속성에 치수를 부여해서 웹사이트 요소들의 위치를 조정하시는데 (margin-left:30px 등등) 혹시 이렇게 치수를 부여하면서 맞춰가는 방법 외에 다른 방법으로 요소의 위치를 조정하는 방법이 있는지 궁금해져서 질문드립니다. 현재 이 강의 외에도 css의 flex, grid 속성도 계속해서 공부하고 있는데 이 외에도 혹시 있는지 궁금합니다.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
안녕하세요 강사님. 반응형 설정에 대해서 질문이 있습니다.
안녕하세요 강사님! 훌륭한 강의 잘 듣고 있습니다. 반응형 웹사이트 파트를 듣고 있는데 웹사이트를 노트북으로 켠 후 사이즈를 줄여보면 사진과 같이 텍스트가 줄바꿈이 되어 표시되고 more 버튼도 내려앉게 됩니다. 텍스트가 p태그로 작성되어있는데 혹시 이런 경우는 어떻게 수정하면 좋을까요?
- 해결됨실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
header 부분 관련 문의 드립니다.
안녕하세요 강사님, header부분과 Section Main 첫 부분의 HTML과 CSS를 했는데 결과가 첨부된 화면과 같이 나옵니다. 즉 header부분의 Nav 관련 글자들이 보이지 않습니다. 브라우저에서 새로고침 시 글자들이 잠깐 보였다가 사라집니다. 소스코드를 여러 번 확인해 보았는데 어디가 잘못된 지 모르겠습니다. 어느 부분을 점검 해야 할 지 문의 드립니다. 노트북 화면이라서 화면에 다 안나오는 건지요?
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
안녕하세요 강사님. 웹 페이지 픽셀 크기에 관한 질문을 남겨봅니다
아직 다 끝내지는 못했지만 강사님의 강의를 보면서 잘 따라하다가 제가 아직 경험이 없어서 그런지 한 가지 의문점이 있어 이렇게 질문을 올립니다. 위 이미지가 제가 강의를 보고 직접 만든 페이지인데...일단 전체화면을 모두 캡쳐한 이미지입니다. 제가 노트북을 쓰고 있어서 그런지 아니면 화면이 작아서 그런지 강사님이설정해주신 width 픽셀값대로 설정하면 저렇게 초과되네요. 원래 다 컴퓨터마다 다른건가요? 요 이미지는 강사님이 파일로 올려주신 완성된 웹 사이트인데 제 노트북으로 보면 width값이 선이 그어져있는 거 보니 뭔가 관련이 있고 안된다는 것 같은데 문제가 있는 건가요??
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
이미지를 img 태그로 주지 않고 background url로 주는 이유가 궁금합니다!
!!
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
more 가상 요소? 화살표 가로 정렬은 어떻게 하나욥??
현재 한화케미칼 홈페이지의 화살표는 가로 세로 모두 center 이던대 가로로 정렬하는 방법도 알 수 있을까요??
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
p.img img{ transition : all 0.8s} 에서 다시 원래대로 돌아오는 원리가 궁금합니다!
transform은 커지게만 썼는데 어떻게 다시 작아지나용?!
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
view more를 처음부터 대문자로 쓰지 않고 uppercase로 따로 적용하는 이유는 뭔가요??
궁금합니다!!
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
리셋 css 적용 시 사소한 문제가 있습니다.
영상 아래의 /*reset*/ 을 복사하여 붙여 넣으면 img {vertical-align: middle;}인해 영상 11분 59초에 나오는 paddig-top 15px 때문에 가운데로 오지 않고 로고가 아래로 쳐지게 됩니다.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
완성 파일 main.css에 오타가 있습니다.
/*태블릿모드 786*/ @media screen and (max-widh: 786px){} 저 코드의 중괄호가 안닫혀 있어요.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
안녕하세요. 강의 보면서 공부하고 있습니다.
안녕하세요. 강의 보면서 공부하고 있습니다. 설명을 잘 해 주셔서 감사합니다. 이곳에 강의를 몇 개 올려 주셨는데요, 다 들을려고 합니다. 혹시 어떤 순서로 들으면 좋은지 알려주세요. 그리고, 회원가입, 로그인, 답변형 게시판, 구입물품 장바구니담기, 결제 등의 기능이 있는 쇼핑몰 제작 강의도 꼭 부탁드립니다. 실제 기능은 서버단에서 구현한다고 해도 이를 위한 front단 화면을 만들고 싶습니다. 부탁드립니다. 오늘도 좋은 하루 되세요.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
강사님~
유튜브 채널에 있는 메일로 질문 드렸는데 확인해주시면 감사하겠습니다!
- 해결됨실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
아이콘 안보임
주신 코드에 있던 것 말고 fontawesome사이트에서 원하는 이미지 코드 복사 후 html에 i태그로 넣었는데 화면에 보이지 않습니다 ㅠ 이유를 알 수 있을까요?
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
선생님 혹시 노트북으로는 반응형하기 좀 어려운가요?
제가 노트북으로 연습을 하다 보니 반응형 하기가 되게 힘들더라구요 ㅠ 눈으로 확인하기도 어렵고 ㅠ 무슨 방법이 없을까요?