웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 실무과정(주말주간(토/일))

 

★ 교육개요 ★ 

 

 

 

 

★ 교육목표 ★   

 

 

메인화면 Layout 설정의 이해Grid 디자인 및 데이터 컬렉션의 이해콤포넌트 삽입 및 CSS 오버라이드의 이해Window Container 사용의 이해웹스퀘어5 기반 레이아웃 설계의 이해Pallet 사용법의 이해컴포넌트 디자인 오버라이드의 이해웹스퀘어에서 제공되는 HTML 테그를 활용한 컴퍼넌트의 이해메인화면 MDI 세팅의 이해퍼블리싱 가이드의 이해 

 

 

 

★ 커리큘럼 ★

웹스퀘어5 기반 웹퍼블리싱

#오리엔테이션 1. 강사소개, 학생소개, 공통퍼블리싱 수업진행방향, 웹스퀘어, JAVASCRIPT, JQUERY,소개 2. 웹스퀘어 설치 및 워크벤치 세팅(projects, pakage, Pallet, Component, Property, Style, DataCollection, Help 등 퍼블리싱에 필요한 각영역 설정) 3. ContextRoot 설정 및 라이센스 입력, web.xml 세팅, 기본 css분석 4. Help영역 웹스퀘어 API 사용방법 소개 5. Property 설정 방법 소개 6. Snippets 설정방법 소개 7. StoryBoard 분석(미정) 8. Design 분석(디자이너 작성) 9. Style Guide 분석(기획자,디자이너 작성) 10. Publishing Guide 분석(개인별 작성준비) 11. 크롬브라우저 개발자 모드 분석 #디자인 분석을 통한 Layout 설계 1. 서브화면(업무화면) Layout 설정 2. 메인화면 Layout 설정(탑메뉴 영역, left트리메뉴 영역, MDI(다중문서인터페이스) 레이아웃 영역, bottom영역 ) 3. 각영역 컴퍼넌트 삽입 및 CSS 오버라이드 4. window Container 사용 #Pallet 사용1 1. 컴퍼넌트 디자인 오버라이드 (input, inputCalendar, select(checkSelect,autoSelect), radio, check, textarea, table, tab, tree, upload, layerPopup, fuson chart, generator 등… (오버라이드 동시에 Snippets 저장) 2. 웹스퀘어에서 제공되는 HTML 테그를 활용한 컴퍼넌트 작성(a테그, p테그, span테그, img테그 등...) #Palets 사용1(계속) #Palets 사용2 (Grid) 1. Grid 디자인 오버라이드(전체 퍼블리싱중에 그리드가 차지하는 비율 50%이상) 중요!! 2. Grid Property inputStyle 설정에 따른 그리드 컴퍼넌트 오버라이드(button, input, img, select, radio, check, inputCalendar 등...) 3. DataCollection 사용" #Pallet 사용2 (계속) #Snippets 활용 1. 업무화면 퍼블리싱(Snippets 활용)  2. 메인화면 MDI 세팅(퍼블리싱된 업무화면)" #Snippets 활용(계속) #UI 동적 기능구현1 1. JAVASCRITP 기초  2. JQUERY 기초 " #UI 동적 기능구현2 1. 자바스크립트 및 웹스퀘어 API  2. JQUERY API #문서작성 1. 퍼블리싱 가이드 작성 (파워포인트) 2. 작성된 퍼블리싱가이드로 개발자 교육(교육생중 1~2 명)  * 개발자교육후 프로젝트 철수 및 잔류시 개발자 서포트