랜딩사이트 제작 강의내용 질문드립니다.
해결됨
반응형 웹사이트 포트폴리오(App Official Landing Website)
선생님 너무 좋은 강의 잘 보고 있습니다. 1.강의 내용이 편집이 된건지, 갑자기 클래스명이 바뀌는 부분이 있어서요. ----------------------------------------------------------------------- 반응형 앱 오피셜 랜딩사이트 제작 Header & Welcome 섹션 welcome 섹션 제작(슬라이더) 0분 45초에는 <section class="welcome"> <div class="slideshow-area"> <img src="images/slide-welcome-01.png"> <img src="images/slide-welcome-02.png"> <img src="images/slide-welcome-03.png"> 였다가, 16분 24초에는 <div class="slideshow"> <img src="images/slide-welcome-01.png"> <img src="images/slide-welcome-02.png"> <img src="images/slide-welcome-03.png"> 클래스명이 slideshow-area 에서 slideshow로 단순히 바뀐 걸로 이해하면 될까요? 이번 강의에서는 css부분 내용이 전혀 없었는데요. welcome-heading 부분에 보더가 되어서 강의에서는 보여지는데요. css는 다음편 강의에서 해주시는 거겠죠? ------------------------------------------------------------------------------------------------- 2. header 부분에서요. 보통 실무에서 웹사이트 제작할 때에 header section ..등등 각 부분마다 미리 높이값은 정하지 않고 하는 편인가요? 그런데 예를 들어, 웹디자인기능사 실기시험 같은 경우는 각각 높이가 정해져서 지침에 나와서 거기에 맞춰서 만들어줘야 하더라고요. 만약에 header높이값이 미리 고정해서 만든다고 하면, padding-top: 30px; padding-bottom: 15px;등등으로 높이값이 늘어날 텐데요. 이렇게 header 높이값이 정해져 있을 때는 어떤 식으로 조절해주는 팁 같은 게 있을까요? line-height같은 방법일까요..? ------------------------------------------------------------------------------------------------- 3. 그리고 position: fixed; 이 부분은 제가 공부가 부족해서 이해를 못하는 것 같은데요. 헤더에 position: fixed;를 주는 이유가 하단에 내용이 많아서 스크롤바를 내리면 상단의 메뉴바가 안 보여서 고정해주기 위해서 주는 걸로 알고 있었는데요. 이번 같은 경우에는, 헤더 부분에도 슬라이더를 적용하기 위해서 fixed를 해주는 건가요? header에 position: fixed;를 주면 너비가 인라인블록으로 줄어들어서 width:100%;를 주고 z-index값을 주니깐 헤더부분에도 슬라이드가 적용된다고 알려주셨는데요. width:100%를 주지 않으니깐 헤더부분이 .header-inner {margin: auto;}가운데 정렬도 안 되는 것 같더라고요. 왜 너비값 100%주지 않으면 가운데정렬 적용이 안 되는지 잘 모르겠고, fixed를 주면 너비가 인라인블록으로 줄어든다.. 이 부분도 이해가 잘 안되고요.. position부분을 공부한다고 하긴 했는데 많이 부족한가 봅니다..ㅜㅜ 선생님 어느 강의를 다시 들으면 이 부분이 이해할 수 있을까요? 너무 어렵고 어렵지만은, 그래도 하나씩 배워가는 기쁨이 큰 것 같습니다. 질문이 너무 길어서 죄송합니다. 선생님께서 언제나 티칭해주시니 너무 든든합니다. 감사합니다.
- position:fixed
- jquery
- HTML/CSS
- 반응형-웹