월 33,220원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
logo - 포토샵 질문 드립니다!
강사님 안녕하세요 logo부분 포토샵 질문 드려요. 강의에 나와있는 세부지시사항은 아래와 같이 되어 있어 포토샵으로 200px X 40px로 제작을 하고 아래와 같은 세부지시사항 일때는 제공 되는 logo를 포토샵으로 색상 만 변경해서 넣기만 하면 될까요? *크기 변경시 가로세로 비율을 유지해야 한다는것은 어떠한 이야기 인지..문의드립니다!
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
보이기 버튼 누를 시 박스가 나오지 않습니다.
안녕하세요~ 23번 강의를 들으며 실습을 하다 잘 안되는 부분이 있어 강사님의 코드와 제 코드를 비교했는데 보이기를 눌렀을 때 박스가 나오지 않아 어느 코드에서 잘못되었는지 알고자 합니다. 어디서 잘못된 걸까요,..?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
제이쿼리 공부
안녕하세요, 제이쿼리를 공부하고자 하는데 자격증 시험에서는 브라켓 사용이 안되는데 제이쿼리 연습할 때는 브라켓 사용해도 되는 건가요? 브라켓 대신 비쥬얼 스튜디오로 연습하는게 가능할까요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
질문있습니다
강사님 안녕하세요, [A-4] 에 갤러리 구성에 마우스 오버시 투명도에 변화가 있어야 된다 라는 문제가 있는데 이부분은 강의 어느 부분에 설명이 되어 있을까요ㅠ?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
파일을 다운받았는데 엉뚱한 파일이 들어있어요
■ 질문 남기실 때 꼭! 참고해주세요.안녕하세요~~ 강의 잘 보고있습니다. 그런데 [모듈 제작 완성본] Flex 배치를 이용한 전체 레이아웃>>A타입>> A01>>index.html 파일이 잘못 올라 온 거 같아요 라디오버튼이 들어간 html 입니다. 확인 부탁드려요
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
이해가 안되네여
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 무슨말인지 하나도 이해가안되는데 쉽게설명해주실수있으실까여? 그리고 웹디자인기능사때 부모요소 자식요소 손자요소가 레이아웃에 쓰이는건가여? 아니면 어디에쓰이는건가요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
비쥬얼스튜디오코드 시험준비 익스텐션 설치
안녕하세요 웹디자인기능사를 준비중에 있는데 비쥬얼스튜디오코드가 처음이고, 코딩관련해서 노베이스입니다 실기시험장에가면 익스텐션이 설치되어있지 않고 익스텐션 항목은 보면 안된다고 하셨는데,[비주얼 스튜디오 코드(Visual Studio Code) 사용법 및 환경설정]이 영상에서보면 한글패치라던가 라이브서버, 칼라피커 등 익스텐션 설치에 대한 내용이 나오는데, 이 부분은 무시하고 알려주신 4가지 단축키만 설정하면 되는건가요? 한국어팩이 없으면 언어가 영어라서 단축키 설정에서 어떤걸 변경해야될지 잘 모르겠어요.
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
계속여쭤봐서 진심으로죄송합니다ㅜㅜ
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 선생님은 혹시 웹디자인 처음 공부할때 도움된 사이트나 책이나 강의가있었으면 추천해드릴수있을까요? 아니면 선생님만의 코딩공부법도 알려주시면 좋겠습니다
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
레이아웃 공부를 더 하고싶어요
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 레이아웃을 좀더 공부하고싶은데 선생님 강의중에서 어떤걸 더 들어야좋을까요? 또 이 강의에서 어떤게 레이아웃을 완벽히 공부하는데 도움이되는지 궁금합니다
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
라이브 서버가 네이버웨일에서는 안되는건가용?
안녕하세요 비주얼스튜디오 세팅부분 들으면서 선생님이 하시는거 따라 하는데 네이버 웨일 브라우저에서는 바디 부분에 글자 넣은게 반영이 안되는데 그래서 이 폴더에서 index를 우클릭하여 연결프로그램 -> edge 브라우저로 연결하면 텍스트가 반영이 되는데 문제는 주소가 이렇게 폴더위치로 뜨는데 이렇게 되면 안되는거 아닌가용?ㅠㅠ 어떻게 하면 좋을까요 ㅠㅠㅠㅠㅠㅠㅠ
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
강의내용 중복 구매 환불 관련..
안녕하세요, 웹디자인기능사 실기 준비를 위해 강의를 찾다가 우연히 인프런에서 판매하고 있는 강의를 보고 구매를 하게 되었습니다. 추가로 구매할 강의를 찾던 중 아무래도 코딩 역량이 부족하여 '퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)'를 보고 이거를 먼저 보고 '[2022년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)'를 준비하면 되겠다 싶어 2개를 함께 결제하고 핵심이론 PDF 교재를 어제 다운로드 받았습니다. 그런데.. 오늘 코딩웍스 커뮤니티 웹 자격증 코스에서 '[2022년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)'를 구입하면 #2 '퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)'를 제공한다고 나온걸 보고 부리나케 찾아보니 같은 자료를 무료로 제공한다는 것을 보고 늦었으며 환불 받을 수 없다는 것을 알지만 그래도 문의드립니다. 환불은 어렵다는 것을 알고있어 '퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)' 강의에 추가로 제공될 수 있는 자료를 업로드 해주시면 감사드립니다..
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
교재에 대하여
■ 질문 남기실 때 꼭! 참고해주세요. 플렉스 교육내용을 듣고있는데요 교재 어느파일에 이 플렉스 내용이 들어있는지요?
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
오늘 시험을 쳤습니다!!
잘 만들긴 했는데요.. 집가면서 생각해보니까 빠트린게 조금 있어서 혹시나 실격이나 탈락할까봐 질문 드립니다. 제가 세로형을 풀었는데요 제가 비번을 A010으로 했는데 혹시 비번이 C010이 였다면 실격일까요..? 비번을 맞게 했다고 치고 title태그에 주제명을 안넣고 그냥 기본값으로 하고, 하단메뉴를 a태그 감싸야하는데 그것 못했습니다. 이 두가지 빼고는 다 잘했는데 혹시나 두개로 실격이나 불합격이 될까요..?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
css외부링크시 실시간미리보기 적용이 안됩니다.
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
B1 혼자서 했는데요 문제가 있습니다..
브라우저 크기를 줄일 때는 정상적으로 나오다가 브라우저크기 초기화(100%)로 하면은 삐져나오는데 무슨 방법 없을까요..? 크기 85% 초기화 (100%)
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
33.3%??
따라하고 있는데 새로 만들었을 때 강의는 둘 다 제목부분에 100%로 뜨던데 저는 logo는 100%지만 slide는 33.3%로 나옵니다. 이거 상관없는건가요??
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
a태그로 텍스트를 묶었는데 링크가 생겨요.
navi 를 만드는데 밑에처럼 텍스트에 링크가 들어갑니다! <a href="#none">탑</a> 갑자기 a 태그로 묶으면 텍스트가 전부 링크처럼 밑줄이 생겨서 어떻게 해야 하나요?ㅠ
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
비주얼스튜디오 세팅부분
선생님 ㅠㅠ 비주얼 스튜디오 설치 및 사용법 영상 보면서 따라하는데, 여기서 우클릭 누르면 폴더추가가 있어야하는데 저에겐 왜 이런식으로 보일까요 ㅠㅠ 어떻게 해야 폴더 추가 할 수 있는게 되는지 알 수 있나요 ㅠㅠ 그리고 여기서 비주얼스튜디오 시작하기에서 어떤걸로 세팅해야할까요 ㅠ? 시험장에서도 이런식으로 세팅하기가 뜨나용?ㅠㅠ
- 해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
제이쿼리 주석
선생님! 제이쿼리는 주석 단축키 입력시 /* */ 이렇게 나오지 않고 // 이렇게 뜨는데 이유를 알수있을까요?
- 미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
메뉴에 padding-top을 주면 계단식으로 변합니다.
.menu 부분에 padding-top 값을 부여하면 계단식으로 변하는데 어떤 부분이 잘못 되었을까요? 도움 주시면 감사하겠습니다 @charset 'utf-8'; body { margin: 0; background-color: #fff; color: #222328; font-size: 15px; } a { color: #222328; text-decoration: none; } .container {} .header-inner { border: 1px solid red; } header { height: 100px; width: 1200px; margin: auto; position: relative; z-index: 10; } header > div { height: 100px; } .header-logo { line-height: 130px; width: 200px; float: left; } .navi { width: 600px; float: right; margin-right: 20px; } .content-inner {} .slide { width: 1200px; margin: auto; margin-bottom: 20px; } .slide > div { border: 1px solid blue; height: 300px; } .items { width: 1200px; margin: auto; overflow: hidden; } .items > div { height: 200px; float: left; box-sizing: border-box; } .news { width: 425px; } .gallery { width: 425px; } .banner { width: 350px; } .banner img { width: 95%; } .footer-inner { border: 1px solid green; } footer{ width: 1200px; margin: auto; overflow: hidden; } footer > div { border: 1px solid yellow; height: 100px; float: left; box-sizing: border-box; } .copyright { width: 1000px; } .copyright div { border: 1px solid #000; height: 50px; } .family-site{ width: 200px; } /* Slide */ .slide { position: relative; height: 300px; width: 1200px; overflow: hidden; } .slide > div { width: 100%; width: 3600px; font-size: 0; position: absolute; top: 0; left: 0; animation: slide 10s linear infinite; } @keyframes slide { 0% { left: 0; } 30% { left: 0; } 35% { left: -1200px; } 65% { left: -1200px; } 70% { left: -2400px; } 95% { left: -2400px; } 100% { left: 0; } } /* News & Gallery */ .tab-inner { width: 95%; margin: auto; } .btn {} .btn span { border: 1px solid black; display: inline-block; width: 100px; text-align: center; padding: 5px; border-radius: 5px 5px 0 0; border-bottom: none; margin-bottom: -1px; background-color: #fff; } .tab1, .tab2 { border: 1px solid black; padding: 0 15px; height: 150px; } .tab1 a { display: block; padding: 5px; border-bottom: 1px solid black; } .tab1 a:last-child { border-bottom: none; } .tab1 a b { float: right; font-weight: normal; } .tab2 { text-align: center; } .tab2 img { width: 120px; padding-top: 25px; } /* Navigation */ .menu { list-style: none; padding: 0; padding-top: 55px; } .menu li { float: left; box-sizing: border-box; width: 25%; text-align: center; } .menu li > a { border: 1px solid #000; display: block; padding: 5px; } .sub-menu { border: 1px solid black; background-color: #fff; } .sub-menu a { display: block; padding: 5px; color: #fff; } .sub-back { width: 1200px; height: 140px; background-color: #000; position: absolute; left: 0; top: 100%; z-index: -1; }