그냥 개발자 블로그

[워크식스] 웹디자인기능사 실기 (퍼블리싱편) 본문

퍼블리싱팁

[워크식스] 웹디자인기능사 실기 (퍼블리싱편)

마음이파파 2017. 8. 16. 15:43

웹디자인기능사 실기에서 무엇보다 중요한것은 퍼블리싱 입니다.


퍼블리싱 결과물에 따라서 합격과 불합격이 결정 되는데요.


실기 시험을 보시는 분들을 위해서 4시간의 동일한 조건으로 난이도 테스트를 진행하였습니다.


앞서 '[워크식스] 웹디자인기능사 실기 (디자인편)'에 이어서 진행했으며 퍼블리싱 + 자바스크립트 포함하여 약 60분의 시간이 걸렸습니다.


디자인 시간을 포함하면 1시간 50분이 걸린셈 입니다.




테스트 과정은 영상으로 남겨 유튜브에 업로드 하였습니다.


저는 테스트 과정중 아톰이라는 에디터 프로그램을 사용하였습니다. 다른 에디터들과 다른점이 크게 없습니다.


'[워크식스] 웹디자인기능사 실기 (디버깅편)' 영상 제작을 위하여 html 소스를 일부러 틀리게 작성한 부분이 있으니 참고하여 보시기 바랍니다.




(유튜브에서 더욱 큰 화면으로 보실 수 있습니다.)





웹디자인기능사 실기 퍼블리싱 팁


1. 퍼블리싱할때 주어지는 텍스트를 먼저 index.html 파일이 옮겨 놓고 작업을 하는 것 입니다. 그러면 반복적으로 시험문제 내에 내용을 가져오기 위해서 시간을 낭비하지 않아도 됩니다.


2. html > css > javascript 순으로 문서를 작성 합니다. 어떻게 만들어지고 있는지 궁금하다고 html과 css를 번갈아가며 퍼블리싱하다 뒤에서 막히거나 오류를 수정 못하는 경우가 발생할 수 있습니다. html 문서를 완성 시키고 css로 스타일을 줘가며 디자인과 동일하게 만들면 됩니다.





샘플코드


샘플 소스는 '[워크식스] 웹디자인기능사 실기 (디버깅편)'에 있습니다.





관련글


2018/04/03 - [IT] - [워크식스] 웹디자인기능사 실기 (퍼블리싱편,정상속도)


2017/08/28 - [IT] - [워크식스] 웹디자인기능사 실기 (모달편)


2017/08/24 - [IT] - [워크식스] 웹디자인기능사 실기 (좌우 슬라이드편)


2017/08/24 - [IT] - [워크식스] 웹디자인기능사 실기 (드롭다운 메뉴)


2017/08/18 - [IT] - [워크식스] 웹디자인기능사 실기 (좌로 흘러가는 슬라이드 편)


2017/08/16 - [IT] - [워크식스] 웹디자인기능사 실기 (디버깅편)


2017/08/16 - [IT] - [워크식스] 웹디자인기능사 실기 (퍼블리싱편)


2017/08/16 - [IT] - [워크식스] 웹디자인기능사 실기 (디자인편)




copyright ⓒ 2017. 워크식스