[13일차]
1. 유스케이스다이어그램 그리기 2. tablet용 booking.html 마무리 3. tablet용 package.html
1. 유스케이스다이어그램 그리기 2. tablet용 booking.html 마무리 3. tablet용 package.html
1. 모바일용 화면처리 작업 마무리 2. index.html 파일에서 이미지슬라이드 적용 3. 태블릿용 화면처리 작업 - index.html
11.23 수업 내용 1. work.html(package.html)마무리 2. blog.html(review.html)만들기 3. contact.html-form 태그 ※수업내용 정리에 앞서, 나는 페이지 주제를 바꿨다. 주제는 여행사! index.html weare.html -> booking.html work.html -> package.html contact.html
- css 분리하기 - we are 페이지 만들기 지난 시간까지, index.html 페이지를 만들었다. 지정했던 스타일들을 따로 분리해서 css파일에 옮긴다. - 먼저 /resources/sample/css/mobile.css 파일을 만든다. - 헤더영역, 본문 section영역, 푸터영역을 주석으로 표시하여 알아보기 쉽게 한다. - 옮겨도 제대로 실행되는지 확인한다. 여기까지 하면, index.html 페이지 끝! - 다음은 index.html 페이지를 바탕으로 다음 페이지인 we are 페이지, work 페이지, blog페이지, contact us페이지를 만든다. - we are 페이지 만들기 (/resources/sample/weare.html 페이지를 만든다.) - 안의 내용은 index.htm..
11.17 ~ 11.19 수업내용이다. 응용SW기초기술활용을 끝내고 화면설계 파트를 공부했다. * UI 요구사항 확인하기 - UI 흐름 : 메뉴(링크) 구조도 ( 필요한 정보를 찾기 쉽게) 작업순서 ) - 와이어프레임 더보기 * 와이어프레임 : 구조(페이지 요소의 구성 방식), 콘텐츠(페이지에 표시될 내용) 및 기능(인터페이스의 작동 방식)을 설명하는 데 사용 - 포토샵 작업 - HTML(CSS+Javascript) 퍼블리싱/안드로이드 액티비티 만들기 - 스프링(자바) 프로그램 입히기 * 실제 현업에서는 사용자 화면보다 관리자 화면부터 작업한다. - 관리자화면(CRUD, 회원관리, 게시판관리) -> 사용자화면(CRUD, 게시판관리, 로그인관리) - 카카오 오븐에서 화면레이아웃 설계하기 - html 실습 ..