본문 바로가기

분류 전체보기46

[CSS 기초] css 배경 속성 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 css 배경 관련 속성에 대하여 알아보도록 할게요 :) css의 기초라 할 수 있는 선택자에 관련된 내용은 앞 포스팅을 참고해 주시면 되겠습니다. https://pncoding.tistory.com/12 [CSS 기초] css 선택자 (1) 태그, 클래스, 아이디 선택자 안녕하세요 PNcoding입니다 :) 이번 포스팅에선 CSS를 처음 사용하기 위해 필수인 선택자에 대해 알아보도록 할게요! *선택자 란? HTML의 태그를 선택하는 방법으로 원하는 태그를 선택 후 스타일을 pncoding.tistory.com https://pncoding.tistory.com/14 [CSS 기초] css 선택자 (2) 구조, 자식, 자손 선택자 안녕하세요 PNcod.. 2023. 11. 3.
[웹디자인기능사 실기] 공개문제 분석 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 공개문제를 분석을 한번 해보도록 하겠습니다. 시험 대비를 하실때에 공개문제만 제대로 시간 내에 푸는 연습만 하신다면 충분히 합격하실 수 있을거에요 :) 공개문제를 다운받지 못하셨다면 여기로 가셔서 다운로드를 받으시면 됩니다. https://pncoding.tistory.com/15 [웹디자인기능사 실기] 공개문제 다운로드 안녕하세요 PNcoding입니다 :) 오늘은 웹디자인기능사 실기 시험에 대하여 알려드리도록 하겠습니다. 실기 시험 일정 반드시 필기를 합격하신 다음 실기시험을 치실 수 있습니다. 시험 신청은 큐 pncoding.tistory.com 2023년 기준으로 시험 타입이 A타입부터 ~ E타입까지 나왔습니다. 각 타입별로 4개씩 해서 총 공.. 2023. 11. 2.
[웹디자인기능사 실기] 유의사항 및 실격요인 웹디자인기능사 실기를 치실 때 반드시 체크해야 할 사항들이 몇 가지가 있습니다. 반드시 체크하신 다음 시험준비를 하도록 합시다~! 전체적인 중요 체크포인트 주어진 자료(수험자 제공파일)를 활용하여 시험시간 내에 웹 페이지를 제작 후 5MB 용량이 초과되지 않게 저장 후 제출 웹 페이지 코딩 시 HTML5 기준 웹 표준을 준수 요구사항에 지정되지 않는 요소들은 주제 특성에 맞게 자유롭게 디자인 디자인 후 HTML, CSS, JavaScript 기반의 웹 페이지를 제작 (jQuery 사용 가능 - 라이브러리 제공됨) CSS 및 JavaScript 코드는 외부로 연결해야함 제출할 비번호 폴더 안에 images(폴더) / script(폴더) / css(폴더)를 만들고 html 파일명은 index.html로 저장.. 2023. 11. 2.
[웹디자인기능사 실기] 공개문제 다운로드 안녕하세요 PNcoding입니다 :) 오늘은 웹디자인기능사 실기 시험에 대하여 알려드리도록 하겠습니다. 실기 시험 일정 반드시 필기를 합격하신 다음 실기시험을 치실 수 있습니다. 시험 신청은 큐넷에서 하실 수 있습니다. https://www.q-net.or.kr/man001.do?imYn=Y&gSite=Q Q-net 자격의 모든것 www.q-net.or.kr 시험은 1년에 4번 있으니 반드시 미리 시험 일정을 확인해 보시는 걸 추천드립니다. 아래 이미지는 2023년 기준으로의 시험 일정으로 매년 비슷한 시기에 치기 때문에 시험을 치실 분들은 내년 1회 차 원서접수를 하시면 되겠습니다. :) 시험 수수료는 20,100 (원)입니다. 시험을 신청하셨다면, 이제 큐넷에서 공개문제를 확인하여 어떤 식으로 문제가.. 2023. 11. 2.
[CSS 기초] css 선택자 (2) 구조, 자식, 자손 선택자 안녕하세요 PNcoding입니다 :) 지난 포스팅에선 태그 ,클래스, 아이디 선택자에 대해 알아봤어요 이번 포스팅에선 또 다른 선택자인 자식, 자손, 구조 선택자에 대해 알아보도록 할게요 : ) 앞의 내용이 궁금하신 분은 https://pncoding.tistory.com/12 [CSS 기초] css 선택자 (1) 태그, 클래스, 아이디 선택자 안녕하세요 PNcoding입니다 :) 이번 포스팅에선 CSS를 처음 사용하기 위해 필수인 선택자에 대해 알아보도록 할게요! *선택자 란? HTML의 태그를 선택하는 방법으로 원하는 태그를 선택 후 스타일을 pncoding.tistory.com 여기를 참고해 주시면 되겠습니다 :) 1. 구조 선택자 부모 자식 관계 태그 중 원하는 '번째' 자식 요소를 선택할때 사용.. 2023. 11. 2.
[HTML 기초] HTML 태그 종류 (2) - img 태그, a 태그 안녕하세요 PNcoding입니다 :) 웹사이트에는 필수적으로 이미지가 들어가 있어요. 글자만 있는 사이트보다는 중간중간 이미지가 들어있는 사이트가 좀 더 이쁘게 보이며 사용자(유저) 입장에서 좀 더 내용을 직관적으로 알아볼 수 있기 때문에 훨씬 더 사이트를 쾌적하게 즐길 수 있게 되어요. 또한 웹사이트에서 절대로 빠지면 안 되는 것! 바로 흥미 있는 내용을 클릭 클릭 할 때마다 넘어가는 페이지들이죠? 넘어가는 페이지들을 보다 보면 시간이 얼마나 지나가 있는지 깜짝 놀랄 때가 많은 경험이 있어요. 이렇게 우리는 웹페이지에 필수적으로 들어가는 이미지를 넣어주는 방법과 링크를 연결하는 방법에 대하여 알아보도록 할게요 :) 1. 이미지태그 img 태그 img 태그는 말 그대로 image 의 줄임말로서 이미지를 .. 2023. 11. 1.
반응형