본문 바로가기
Site/웹디자인기능사

03- 웹디자인기능사 설치 프로그램

by 오다다 코드 odada 2020. 3. 18.

1. EDIT 프로그램 - Brackets

시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다.

아래 사이트에서 Brackets을 설치해주세요.

http://brackets.io/

 

A modern, open source code editor that understands web design

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.

brackets.io

 

1-1. emmet설치

시험장에서 emmet 사용이 가능합니다.

emmet을 사용하여 코딩 연습하시면 더 빠르고 정확하게 코딩이 가능합니다.

 

emmet 사용법

nachwon.github.io/How_to_use_emmet/

 

[HTML]Emmet 사용법

Emmet이란?

nachwon.github.io

 

2. Design 프로그램 - Photoshop

로고와 간단한 배너는 직접 제작하셔야 합니다.

시험장에 깔려있는 포토샵을 이용해 작업하시면 됩니다.

https://www.adobe.com/kr/creativecloud.html?promoid=NGWGRLB2&mv=other

 

 

3. 브라우저 - Chrome, Internet Explorer 11 버전

제작된 사이트 메인페이지의 레이아웃, 구성요소의 크기 및 위치 등은 최신버전의 Internet Explorer와 Google Chrome 에서 동일하게 표시되어야 한다.

기술 준수사항 10번에 위와 같이 명시되어 있다.

완료 후엔 최신버전의 Internet Explorer와 Google Chrome 에서 레이아웃이 깨지지 않았는지 확인해야 합니다.

 

Chrome

https://www.google.com/chrome/

 

Chrome 웹브라우저

더욱 스마트해진 Google로 더 심플하고 안전하고 빠르게.

www.google.com

 

Internet Explorer 11 버전

본인이 ie11버전인지 확인 후 ie11이 아니면 업그레이드 합니다.

https://support.microsoft.com/ko-kr/help/17621/internet-explorer-downloads

 

https://support.microsoft.com/ko-kr/help/17621/internet-explorer-downloads

쿠키가 사용되고 있지 않습니다. 쿠키를 사용하고 페이지를 새로 고치세요.

support.microsoft.com

댓글0