월 33,220원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
선생님 여쭤볼 것이 있습니다.
선생님 여쭤볼 것이 있습니다. 여기서 copyright 가 나뉘어져 있지 않은데요. 만약 제공 텍스트가 법적고지개인정보취급방침개인정보처리방침 상호 : 엣지컴퍼니 | 대표자 : 홍길동 | 개인정보관리책임자 : 장길산 차장사업장주소 : 서울특별시 강남구 테헤란로 123-56 이렇게 되어 있으면 제가 알아서 html 구조를 이렇게 <div class="copyright"> <div> <a href="#none">법적고지</a> <a href="#none">개인정보취급방침</a> <a href="#none">개인정보처리방침</a> </div> <div> 상호명 : 상호 : 엣지컴퍼니 | 대표자 : 홍길동 | 개인정보관리책임자 : 장길산 차장 <br> 사업장주소 : 서울특별시 강남구 테헤란로 123-56 </div> </div> copyright 를 이런식으로 나누고 넣어줘도 되는 건가요? 아니면 문제에 나온 그대로 나누지 말아야 하나요? 그럼.. 만약에 문제는 저런식으로 되어 있는데 제공텍스트에서 법적고지개인정보취급방침개인정보처리방침 이게 제시되어 있으면 이부분을 생략을 해도 되는건가요? 어떻게 해나가야 할지 조금 혼란스럽습니다..
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
w3c 표준 검사 결과...
w3c 표준 검사 결과... 오류가 뜨는데 대체 뭐가 문제인걸까요... 그리고 오류가 발견되었다고 떠도 읽는 방법을 모르겠네요 ㅜㅜ 혹시 오류 뜨면 실격일까요?ㅜㅜ
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
시험 관련 질문
감사합니다
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
flex
안녕하세요?제가 어제 시험을 봤는데 flex-shrink 기능이 안 먹히더라고요flelx 기능에서 이것 포함 사용하지 말아야 할 기능이 있나요? 아님 다 사용해도 괜찮은지 궁금합니다
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
flex 사용
■ 질문 남기실 때 꼭! 참고해주세요.flex- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
header-inner 고정?
@charset "utf-8"; body { margin: 0; background-color: #ffffff; color: #333333; font-size: 15px; } a { color: #333333; text-decoration: none; } .container {} .header-inner { border: 1px solid blueviolet; } header { height: 100px; width: 1200px; margin: auto; } header > div { border: 1px solid green; height: 100px; } .header-logo { width: 200px; float: left; } .navi { width: 800px; float: right; } .content-inner {} .slide { width: 1200px; margin: auto; } .slide > div { border: 1px solid red; height: 300px; } .items {} .items > div {} .news {} .gallery {} .banner {} .footer-inner {} footer {} footer > div {} .copyright {} .copyright > div {} .family-site {} 레이아웃을 짜고 있는데 slide 높이값을 주니까 header-inner 의 보더값이 그대로 커집니다. 그래서 header-inner 에 height : 100px; 을 주니까 정상적으로 되는데. 이렇게 해도 문제가 없는지요? 근데 왜 똑같이 했는데 제건 header-inner 에 높이값을 줘야지만 정상작동 되는지 궁금합니다ㅠㅠ
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
z-index 가 먹히지 않습니다
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 똑같이 했는데 뭐가 문제일까요.... z-index : 10px; 을 했는데 네비게이션이 올라오질 않네요...ㅠㅠ
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
갤러리가 하나 더 생깁니다... 와이어프레임이 망가졌어요.ㅜㅜ
안녕하세요 선생님! 좋은 강의 늘 감사합니다. 다름이 아니라 강좌를 보면서 연습을 하다가 왜 이렇게 되는지 알 수가 없어 질문을 드립니다. 공지사항과 갤러리를 탭으로 구성하는 강의부문이었는데요. 전에 연습했던 갤러리 이미지 코드를 복사해서 붙였더니 이렇게 나와버려서 어디서 잘못된 건지 잘 모르겠습니다...ㅜㅜ 선생님의 강좌 이미지처럼 나와야 하는데요 ㅠㅠ 어떤 부분이 잘못되어있는지 알려주심 넘넘 감사합니다... HTML부문 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>레이아웃 가로형-연습2</title> <link rel="stylesheet" href="script/style0720.css"> </head> <body> <div class="container"> <header> <div class="header-logo"></div> <div class="navi"></div> </header> <div class="slide"> <div></div> </div> <div class="item"> <div class="notice"> <div class="tab-inner"> <div class="btn"> <span class="active">공지사항</span> <span>갤러리</span> </div> <div class="tabs"> <div class="tab1"> <a href="#none">SMS 발송 서비스 개선작업 <b>2020.01.09</b></a> <a href="#none">휴대폰 인증 서비스 개선작업 <b>2020.01.07</b></a> <a href="#none">카드사 부분 무이자 할부 이벤트 안내 <b>2019.12.31</b></a> <a href="#none">올엣 시스템 작업 안내 <b>2019.12.20</b></a> <a href="#none">휴대폰 결제 시스템 작업 안내 <b>2017.12.20</b></a> </div> <div class="tab2"> <a href="#none"><img src="images/banner1.png" alt="gallery1"</a> <a href="#none"><img src="images/banner2.png" alt="gallery2"</a> <a href="#none"><img src="images/banner3.png" alt="gallery3"</a> </div> </div> </div> <div class="banner">배너(c.3)</div> <div class="shortcut"></div> </div> <footer> <div class="footer-logo"></div> <div class="copyright"></div> <div class="sns"></div> </footer> </div> <script type="text/javascript" src="script/jquery-1.12.4.js"></script> <script type="text/javascript" src="script/custom0801.js"></script> </body> </html> CSS부문 .container { width: 1200px; border: 1px solid #000; margin: auto; } .container > div {} header { height: 100px; } header div { border: 1px solid blue; height: 100px; } .header-logo { width: 200px; float: left; } .navi { width: 600px; float: right; } .slide {} .slide > div { border: 1px solid sandybrown; height: 300px; } .item { overflow: hidden; } .item > div { height: 200px; border: 1px solid gray; float: left; box-sizing: border-box; } .notice { width: 400px; } .banner { width: 400px; } .shortcut { width: 400px; } footer { overflow: hidden; } footer > div { height: 100px; border: 1px solid magenta; float: left; box-sizing: border-box; } .footer-logo { width: 200px; } .copyright { width: 800px; } .sns { width: 200px; } /* TAB CONTENT */ .tab-inner { width: 97%; margin: auto; } .btn {} .btn span { border: 1px solid #000; display: inline-block; width: 120px; text-align: center; padding: 3px; border-radius: 5px 5px 0 0; margin-right: -6px; background-color: gainsboro; cursor: pointer; border-bottom: none; margin-bottom: -1px; } .btn span.active { background-color: white; } .tabs {} .tabs div { border: 1px solid #000; height: 150px; padding: 0 10px; } .tab1 { } .tab1 a { text-decoration: none; display: block; border-bottom: 1px solid gainsboro; padding: 3.5px; } .tab1 a:last-child { border-bottom: none; } .tab1 a b { float: right; font-weight: normal; } .tab2 { display: none; text-align: center; } .tab2 img { width: 110px; margin-top: 25px; } JS부문 // Tab Content $('.btn span:first-child').click(function() { $('.tab1').show() $('.tab2').hide() $(this).addClass('active') $(this).siblings().removeClass('active') }) $('.btn span:last-child').click(function() { $('.tab2').show() $('.tab1').hide() $(this).addClass('active') $(this).siblings().removeClass('active') }) 일케 코드 작성한 것 붙여서 올립니다...
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
주석 단축키 적용에 문제가 있어 질문드립니다.
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 안녕하세요. Emmet 사용법 강의에서 주석 단축키를 ctrl + / 와 ctrl + shift + / 로 알려주셨는데, 제가 사용하는 맥의 비주얼 스튜디오에서는 선택영역 주석 (ctrl + shift + /)이 적용되지 않아 혹시 다른 해결 방법이 있는지 문의를 드립니다. 맥을 사용하고 있다보니 control 버튼은 command 버튼으로 누르고 적용을 했을 때, 전체 주석(cmd + /)는 적용이 잘 되나, 선택영역 주석처리의 단축키 (cmd + shift + /)를 누르면 상단 바 메뉴에 help가 열리고 주석처리는 되지 않는 문제가 발생합니다. 문제 원인을 알고 계시다면 도움주시면 감사하겠습니다 :)
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
정상인가요?
items 에 overflow:hidden 을 주지 않아도 cleat : both; 를 주지 않아도 정상적으로 레이아웃이 짜지는데 잘되고 있는 거 맞나요? 프로그램은 vscode 입니다.
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
왜 js 가 안먹힐까요..
css까지 됐는데 js에서 막힙니다 ㅜ 보이기 클릭을 해도 box가 보이질 않아요... vscode라 script 말고 js/custom.js 이렇게 해줬구요. html 에서 링크 이동 확인 해봤는데 링크로 연결됩니다.. 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
제이쿼리 질문있습니다
선생님 보이기를 눌렀을 때 '태그 선택자 a를 클릭했습니다' 는 딱 보이는데 감추기가 안됩니다 ㅠ 뭐가 문제일까요? - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
선생님! 질문 드립니다.
섹션 3 강의를 다 본 후 섹션 4로 넘어갔는데요. 섹션 3에서는 div class로만 와이어프레임 작업했었는데 섹션 4로 가니 div class가 아닌 section class와 article 등등이 나와서요. 섹션 4 들어가기 전에 div class로 작성했던 코드들을 다 section과 article로 바꿔줘야 하나요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
공지사항 관련 질문있습니다!
안녕하세요! 코딩웍스선생님! 강의를 정말 친절하게 알려주셔서 항상 감사드리고 있습니다! 제가 공지사항에 대해 질문이 있습니다. 밑 코드에서... <a href="#none">홈커밍데이 진행위원회 결과를 다운로드 받으세요.<b>2020.01.07</b></a> 이렇게 공지사항에 들어갈 내용이 길면 [홈커밍데이 진행위원회 ....] 방식으로 만들면 된다고 알고있습니다. 하지만 제 역량이 부족할 것 같아 혹시 [홈커밍데이 진행위원회 ....] 가 아닌 [진행위원회 결과 다운] 이렇게 내용을 간결하게 줄여도 괜찮을까요? 감점사항에 해당될까요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
문의드립니다 ~~!!
선생님 ~~ 저번에 접수하고 늦잠자서 시험못가고 ㅜㅜ 오늘 드뎌 실기시험 봤어요~~!! 이제 시험도 끝나고해서 커리큘럼 따라가면서 꼼꼼하게 공부하러구 하는대요#~!! 시즌1 시즌2 css중상급 이렇게 순서대로 공부할까요? 아님 css수업 부터 들을까요? 강의는 인프런 이벤트 할때 다 구입해뒀어용!
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
공지사항 갤러리 탭메뉴 div a태그
공지사항 갤러리 탭메뉴랑 공지사항 갤러리 별도 구성메뉴가 있는데 div 안에 '공지사항', '갤러리' 제목넣는 곳에 태그를 span은 별도메뉴에 쓰고, 탭메뉴에는 a태그로 쓰면 되나요? 상호작용이 들어가는 부분은 tab을 눌렀을 때 확인되어야 해서 a 임시링크를 걸어주는 걸로 기억하는데, 별도 구성인 경우엔 a태그 말고 span으로 줘도 무관한가요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
모달 팝업창 기출문제 지문
지문들을 전체적으로 보다가 어느건 팝업창 제작, 어느건 모달 레이어 팝업 구성, 레이어 팝업창 제작 이런식으로 되어있던데, 세 가지 전부 상관없이 배운대로 html에서 .modal .modal-contents 로 시작하면 되는 건가요? 뒷배경이 투명도 있는 블랙이 들어가 있는게 있고 없는게 있는데, 상관없이 뒷배경 줘도 되나요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
logo - 포토샵 질문 드립니다!
강사님 안녕하세요 logo부분 포토샵 질문 드려요. 강의에 나와있는 세부지시사항은 아래와 같이 되어 있어 포토샵으로 200px X 40px로 제작을 하고 아래와 같은 세부지시사항 일때는 제공 되는 logo를 포토샵으로 색상 만 변경해서 넣기만 하면 될까요? *크기 변경시 가로세로 비율을 유지해야 한다는것은 어떠한 이야기 인지..문의드립니다!
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
보이기 버튼 누를 시 박스가 나오지 않습니다.
안녕하세요~ 23번 강의를 들으며 실습을 하다 잘 안되는 부분이 있어 강사님의 코드와 제 코드를 비교했는데 보이기를 눌렀을 때 박스가 나오지 않아 어느 코드에서 잘못되었는지 알고자 합니다. 어디서 잘못된 걸까요,..?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
제이쿼리 공부
안녕하세요, 제이쿼리를 공부하고자 하는데 자격증 시험에서는 브라켓 사용이 안되는데 제이쿼리 연습할 때는 브라켓 사용해도 되는 건가요? 브라켓 대신 비쥬얼 스튜디오로 연습하는게 가능할까요?