1, 웹디자인 기능사 실기 시험장에는 보통 코드에디터가 설치되어있고, 기본적으로 emmet이 있습니다.
가끔 단축키가 지원되지 않는 시험장이 있는데, 그럴 경우에는 html 구조부터 코딩해야 합니다.
아래 구조를 파악하고 있어야 합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>2, html, css의 charset은 utf-8로 해야 한다고 명시되어있습니다.
css를 작성할 때 문서 제일 상단에
@charset 'UTF-8";
작성을 해줘야 합니다.
2-1, js 파일
js 스크립트는 function 안에 작성해야합니다.
$(function () {
//js 코드 작성
});
3, css와 js는 다른 폴더에 생성하여 html에서 불러와야 합니다.
특히 js는 제이쿼리 cdn도 함께 불러야 합니다.
head 태그 안에 아래처럼 작성해줍니다. (경로는 각자 폴더 구조에 맞게 변경)
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JUST쇼핑몰</title>
<link rel="stylesheet" href="../css/style.css">
<script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/common.js"></script>
</head>
4, 시험장에서는 수험번호(비번호)가 주어집니다.
시험이 시작되면 다음과 같이 폴더를 세팅합니다.
-바탕화면에 수험번호로 폴더를 생성한다.
-해당 폴더 안에 css, images, script 폴더를 생성하고 index.html(수험번호 폴더에 바로) 파일을 생성한다.
5, 시험은 w3c에서 오류가 없도록 코딩되어야 한다고 되어있습니다.
시험장에서는 인터넷 사용이 불가능하기 때문에, 시험장에서의 검사는 할 수 없습니다.
평소 연습하면서 오류 검사를 해보시는 것이 좋습니다.
* ul, ol, li의 구조 확인
img 태그의 alt 태그 필수
시작, 종료 태그 짝 맞는지 확인
2022.06.02 - [자격증] - [웹디자인기능사] 웹디자인 기능사 실기 문제풀이 (A-1 Just쇼핑몰)
[웹디자인기능사] 웹디자인 기능사 실기 문제풀이 (A-1 Just쇼핑몰)
1) html의 기본 구조를 잡은 후 요구사항에 적혀있는 것들을 토대로 css 기본을 잡아줍니다. @charset "UTF-8"; * {margin:0;padding:0;background-color:#fff;color:#333; font-family:'맑은고딕', sans-serif;fo..
sevendays.tistory.com
2022.06.02 - [자격증] - [웹디자인기능사] 웹디자인 기능사 실기 문제풀이 (A-2 그린복지재단)
[웹디자인기능사] 웹디자인 기능사 실기 문제풀이 (A-2 그린복지재단)
1) 기본구조 잡는 것과 css 기본 잡는 것은 A-1과 비슷합니다. A-1을 참고해주세요. 2) 이번 nav영역은 background가 깔립니다. 구조를 작성할 때 까먹지 말고 함께 해주세요. 재단소개 설립취지 연혁 찾
sevendays.tistory.com
2022.06.03 - [자격증] - [웹디자인기능사] 웹디자인 기능사 실기 C-1 해운대빛축제
[웹디자인기능사] 웹디자인 기능사 실기 C-1 해운대빛축제
1) 와이어프레임을 참고하여 html과 css 기초 구조를 잡아줍니다. 2) 앞서 했던 A유형과는 달리 nav 영역이 왼쪽에 있고 세로로 떨어지는 형태입니다. 이용안내 이용방법 이용시간 이용요금 이벤트
sevendays.tistory.com
'자격증' 카테고리의 다른 글
| [네트워크 관리사 2급] 네트워크 관리사 독학 / 네관사 2급 실기 준비 / 실기 독학 (0) | 2023.01.18 |
|---|---|
| [네트워크 관리사 2급] 네트워크 관리사 독학 / 네관사 2급 준비 / 공부방법 (0) | 2023.01.17 |
| [웹디자인기능사] 웹디자인 기능사 실기 C-1 해운대빛축제 (0) | 2022.06.03 |
| [웹디자인기능사] 웹디자인 기능사 실기 문제풀이 (A-2 그린복지재단) (0) | 2022.06.02 |
| [웹디자인기능사] 웹디자인 기능사 실기 문제풀이 (A-1 Just쇼핑몰) (0) | 2022.06.02 |