Whiteship's Note

[회사일] 화면 레이아웃 잡기

프로젝트/SLT : 2010.06.03 09:59


난 화면 코드는 잘 못만든다. 만들긴 만드는데 시간이 너무 오래 걸린다. 그 시간에 자바 코딩을 하는편이 더 효율적이다. 하지만 회사에 프론트 엔드 개발자는 없다. 내가 다 해야된다. 그래서 그 동안 봄싹 개발을 하며 자바스크립트랑 도 좀 친해지고, CSS, HTML 과도 친해지려고 노력했다.

차마 ext-js까진 못했지만 jquery까지는 이제 플러그인 가져다 쓰고 옵션 주면서 쓰는데는 익숙해졌다. 화면 구상을 위해서 제일 먼저 검새해본게 jquery layout이고 젤 상위에 걸려있는 링크가 다음과 같다.

http://layout.jquery-dev.net/

언제나처럼 일단 데모 페이지로 가서 어떻게 동작하는지 살펴본다.

http://layout.jquery-dev.net/demos.cfm

일단 디자인 깔끔하고 레이아웃도 다양하게 만들 수 있어 보인다. 괜히 제일 위에 링크되어 있는게 아니었다.

http://layout.jquery-dev.net/demos/accordion.html

맘에 드는 예제를 찾았다.

상단은 제목과 로그인 정보
왼쪽은 메뉴
오른쪽은 검색 옵션
하단은 카피라이트 정도?
가운데는 그리드를 띄우고
추가/수정 화면은 별도의 창에 띄우기로 결정했다.


텍스트를 채워넣고 CSS로 스타일을 조금 넣었다.
top

Write a comment.




: 1 : ··· : 22 : 23 : 24 : 25 : 26 : 27 : 28 : 29 : 30 :