22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
'VIEW' 라는 텍스트를 박스 가운데로 오게 만들 때
안녕하세요 강의내용 중 14:57~ 즈음에 VIEW를 박스 중앙(가로로도 가운데, 세로로도 가운데)에 배치하기 위해 padding-top: 200px을 주어야한다고 하셨는데, 그 이유에 대해 궁금합니다! 와이드 모니터의 경우에는 padding-top을 주면 중앙정렬이 잘 되는 것처럼 보이는데 더 작은 모니터(노트북 등)에서 보았을 때는 중앙정렬이 안 되어서요. 이럴 경우에는 display:flex를 주고, align-items:center와 justify-contents:center를 주는 편이 낫지 않을까하고 생각했었는데 혹시 강사님께서 특별히 padding-top으로 짜신 이유가 있을까하여 질문드립니다!!
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
width100%궁금합니다~
안녕하세요~ 선생님 .wrap에 width : 100% 를 주었는데 자식인 header에게도 width:100%를 주는 이유가 있을까요? 자식은 부모의 너비를 상속받는다고 알고있는데 가장 상위의 .wrap이 width 100%를 가지고 있으면 안에 자식들은 width100%를 안써도 되는것인지 아니면 언제 width 100%를 써야하는지 궁금합니다. 감사합니다.
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
리셋에 대한 질문
선생님 안녕하세요 리셋에 대한 질문인데요 현업에서는 어느 기업을 가든 * {margin:0; padding:0;} << 이거만 적용시키지않고 * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;} h1, h2, h3, h4, h5, h6 {font-weight: 700; font-size: inherit;} a {color: inherit; text-decoration: inherit;} img {vertical-align: middle;} a img {border: none;} li {list-style: none;} address, em, i {font-style: normal;} 요 내용들 필수적으로 다 쓰나요? 그럼 포폴에도 리셋을 전부 다 쓰는게 좋을까요? 어떻게 보면 당연한 질문일수도있는데 실무에 대해선 전혀 모르다보니 궁금해서 여쭤봐요
- 해결됨실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
<span> 태그와 <div>, <p> 태그 관련 질문입니다!
안녕하세요 강사님! 질문 드릴 게 몇 가지 생겨서 또 찾아오게 되었네요ㅋㅋㅠㅠ 1. <span>과 <div> 요소 관련 전체적인 코드를 보면 강사님께서 이미지 태그를 inline 요소인 <span> 태그로 감싼 후, css 파일에서 display:block으로 바꾸셨습니다 <span class="arrow"><img src="img/arrow_btn.png" alt=""/></span> span 태그를 사용한 후, 나중에 css에서 block으로 성질을 바꿔주는 것과 처음부터 block 요소인 div 태그로 감싸는 것과 무슨 차이인지 궁금합니다! 2. <p> 태그 관련 section.global 영역에서 강사님께서 비서서비스,수행기사서비스 등과 같은 이미지를 넣으실 때 이번에는 p 태그로 img를 감싸셨는데 p 태그로 이미지를 감싸신 이유가 궁금합니다! 이미지 위치 잡는 건 p 태그와 div 태그와 비슷한데 간격..? 같은 문제로 p 태그를 감싸신 건가요? <p class="img"><img src="img/con3_bg1.jpg" alt=""></p>
- 해결됨실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
float:left 질문입니다!
안녕하세요 강사님의 좋은 강의 잘 듣고있습니다^-^! 다름이 아니라 강사님께서 <li>를 가로(한 줄)로 나열할 때 float:left를 사용하셨는데, 혹시 float:left 대신에 display:inine-block으로 바꿔서 사용해도 괜찮은가요?! 제가 실습하면서 float 대신에 inline-block으로도 해봤는데 float와 똑같은 화면이 나오더라구요! 둘의 차이점이 정확히 뭔지 궁금합니다ㅠㅠㅠ
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
잘못 구입한거 같네요..
제 기억에 똑같은 내용이 유튜브에 올라왔었고 이건 나머지 세부까지 다 만드는 영상인줄알았는데.. 뭔가 만들다 만 느낌이네요 ㅠㅠ
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
강의자료 다운로드 문의
강의에서 말씀하신 img css js 폴더와 파일을 어디서 다운로드 받아야 할까요? ..;; 아래 유투브에 있다는 글 보고 유투브에서도 열심히 찾아봤는데 못찾겠어요. 링크 부탁드릴께요
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
section.global에서 애니메이션 질문
안녕하세요 section.global에서 애니메이션이 스크롤이 내려가기도 전에 끝나있는데.. 제가 뭘 잘못한걸까요..?
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
cover는 background 속성의 올바른 값이 아닙니다.
cover가 background의 속성이 아니라고 오류가 출력되어서 no-repeat center로 바꾸었더니 정상적으로 레이아웃이 적용되었습니다. 여기서 궁금한것은 cover는 background-size라는 속성에서 사용할수 있는데 background의 속성을 background-size: url(../img/con2_bg.jpg)no-repeat cover;로 작성해도 되는지에 대한 질문을 남겨봅니다.
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
float
section.visual .menu li a p{ float:left; /* 화살표가 올라올수있도록; */ font-weight: bold; font-size: 20px; line-height: 1.6; } 여기서 float:left를 하면 왜 화살표가 올라가는 건가요??
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
text-align
강사님 저는 text-align을 block 요소안에 있는 inline요소를 정렬하는 것으로 알고있는데, section.global에 text-align : center을 줬을 때 h2태그인 title 클래스 안에있는 <h2>Global Concierge Services</h2> 이것이 왜 가운데 정렬되는지 모르겠습니다 ㅠㅠ
- 해결됨실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
animation widthAni 줄때 .txtImg에 overflow:hidden
animation widthAni 줄때 .txtImg에 overflow:hidden을 줘야 애니메이션이 보이는데 이유가 뭔가요??
- 해결됨실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
after와 before의 차이
전 헤더영역에서 header nav .gnb li a:after 이부분에서 before로 적용하면 안나오고, section.visual:before 이부분에서는 after를 해도 같은결과가 나오고 어떤 차이가 있는지 모르겠습니다 ㅠㅠ
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
안녕하세요 강의 폴더
강의 폴더가 첨부되어있나요? 제가 못찾는건지..ㅜ
- 미해결실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
영상 1, 2 자연스럽게 연결돈게 맞나요?
1보고 2로 갔는데.. 시작부터 이해가 안되네요