♣ CSS 속성 작성시
css속성은 한줄로 작성하되, 너무길어 가독성이 떨어질경우 여러줄로 작성할것.
아래와 같은 순서로 css속성를 작성할것.
display, position(top,left), float, overflow
(min-width, width),
(min-height, height) (padding, margin)
font(text-indent, text-align,
font-weight, font-size, line-height, font-family, color)
border,
background
z-index, zoom
예)
♣ html, css 주석 작성시
잛은 소스는 한줄주석으로 하되 필요하면 두줄로 표현
/* 회사소개 */
내용
♣ html - 프로그램머에게 넘겨줄 페이지는 소스가 짧은경우을 제외하고는 시작과 끝을 막는 방법을 사용한다.
/* 회사소개/ */내용
/* 회사소개 */
ex)
/* ============== 회사소개 ================== */ (이런짓 하지 말아주시기 바랍니다 ㅡ.,ㅡ;)
/* 메뉴 - 회사소개 */ (굿 -_-b)
♣ 이미지폴더
페이지 제목(h1)의 블릿처럼 한번만 쓰일것이 당연시 되는 블릿은 작업자의 판단에 의해서 common 이나 해당페이지폴더 s_xxxx 에
저장한다.
- /img/board/ - 게시판
- /img/btn/ - 버튼관련
- 글자가 있으면 btn폴더 / 글자가 없으면 bullet폴더 저장
- /img/ico - 블릿관련
- sq_3x3_ccc.gif, (■ 사각불릿)
- bar_1x10_ccc.gif, ( | 수직선모양)
- line_3x2_ccc.gif, (_ 언더라인)
- dotln_1x5_ccc.gif, (_ _ _ _ 언더도트라인)
- arr_3x4_ccc.gif, arr1.gif (▶ 화살표 - 3x4_ccc같은 형태가 불가능할때 넘버를 붙일것 arr1.gif)
- circle_3x4_ccc.gif, circle1.gif (● 원 - 3x4_ccc같은 형태가 불가능할때 넘버를 붙일것 circle1.gif)
- /img/common/ - 전체공통
- /img/main/ - 메인만
- /img/layout/ - 레이아웃관련
- 작업자가 메뉴(snb)의 작업 큰작업이라고 판단되면 폴더를 snb(side navigation button)로 따로 폴더로 나누어 관리할것
- /img/popup/
- title(h1_.gif, h2_.gif, h3_.gif ...)
- page(내용)
- /img/title/ - 내용관련 제목
- h1_.gif(로고 타이틀로 사용함)
- h2_.gif(각 레이아웃 타이틀로 사용함)
- h3_.gif(페이지 타이틀로 사용함)
- h4_.gif
- 서브페이지들은 이미지폴더명은 [s_이름] 으로 폴더명
- /img/s_compay/
- /img/s_product/
- /img/s_etc/
서브페이지의 이미지 저장시 ceomsg_img1.gif, ceomsg_txt1.gif, ceomsg_bg1 처럼 분류이름이 앞부분.
이미지 저장시 꼭 ceomsg01.gif (x), ceomsg1.gif (o) 이미지뒤에 숫자에 0 절대 넣지말것.
*개발과정에서 변동될수있음 - /img/del/ - 임시로 베너나 관리자등록 이미지를 넣는곳 추후 삭제
♣ Javasrcipt
버젼은 최신버젼을 사용 (현재 jquery-1.7.min.js)
- 공통적으로 사용하는 gnb,lnb,footer는 ui.js에 넣는게 맞음
*공통사용하는 tab menu가 있다면 넣는게 맞음 - 페이지에 각각 사용되는 스크립트는 인라인으로 <head><!--스크립트--></head>사용하기