저희가 코더가 없어서인지…디자이너와 개발자간에 회의를 하면서 코딩 지침같은걸 세우는 중입니다.

마침 개발자분이 엊그제 Why & How-To 웹호환 세미나에 나름 좋은 의미로 다녀오신거 같습니다.
그리고 나서 오늘 몇시간 회의를 했는데요.

일단,

일반컨텐츠페이지와 개발페이지를 분리하자..란 주장입니다.
즉, 일반 소개같은건 aaa.html로, 개발이 포함된경우엔 bbs.jsp로 하자는 거죠.

저: 그렇다면 공통된 인클루드 파일은 어떻게 불러들이죠? 모든 페이지를 일일이 수정하나요?
개발: 인클루드 되는 부분은 <script>로 처리한다. js파일안에 document.write 구문으로 소스를 구현하면 된다.
저: 그럼…js를 못 부르는 상황에서는 페이지내용을 못보쟎아요.
개발: <noscript>로 대체 내용을 적으면 된다.
저: include가 아니라 js일때 다른 잇점이라도 있나요?
개발: jsp는 한번 컴파일을 해야 하기때문에 html보다 속도가 느리다. 하지만 script는 html에서도 불려진다. 게다가 디버깅도 더 쉽다.
저: 그래도…html마크업 소스를 js로 빼내는건 아닌거 같은데요…
개발: 어차피..레프트 메뉴의 서브메뉴 펼쳐짐같은 움직임은 js로 컨트롤 해야하는데, js를 못 불러오면 서브메뉴를 펼칠수도 없고 오히려 접근성이 떨어진다. 또한 js를 끄면 안되는 사이트 태반이다.

여기서 예를 보여줍니다.
다음, 네이버, 야후등 사이트에서 ‘js실행안함’으로 말이죠. (FF와 오페라 이용)
js를 사용안하니 군데군데 구현이 안되거나 폼이라던가 하는 부분이 제대로 처리를 안하더군요.

개발: 회원입력같은곳에서도 js로 ‘아이디를 입력하세요’라던가 alert 알림이 가능한데 js가 없는 외국사이트는 일단 폼에 값이 없어도 넘어갈 수 밖에 없다. 추가로 안내 페이지를 만들어야 한다.

여기서 우리 디자인 PL님 거듬
디자인pl : 기존 사용법이 달라지면 클라이언트들이 싫어해~ 그냥 js로 하던대로 하지? 딴데도 다 안하는데 뭘…(웃음)

일단…여기까지 js파일을 이용해 구현하자란 내용입니다.

추가로 다른 이슈사항입니다.

1. index페이지에 공지라던가 서버단에서 불려지는건 iframe을 사용한다. 속도가 더 빠르다. (일단 레이아웃이 먼저 보이고 iframe은 천천히 보일지라도..)

2. 스크립트로 확대,축소를 구현하는데는 style.zoom 을 이용할건데, (IE전용 속성이라고 말씀드렸음에도 불구, 무시) div가 절대 좌표로 있으면 확대가 안되더라…이건 좀 해결해 봐야겠다.

3. 본문의 타이틀에는 tabindex=1을 줘서 키보드로 한번에 본문으로 가게 한다.

4. <strong>과 <b>태그는 상황에 맞게쓴다. 디자인만 굻게 할때는 <b>를 써라.

5. Why & How-To 웹호환 세미나에서 받아온 ‘실전 웹 표준 가이드’ 책의 74p에 따르면, 색상은 255,255,255이게 맞는다.
color:#ff0000; 이렇게 6자리는 잘못 된거다.

위에서
1번은 제가 iframe은 지양하지요? 속도가 빠르다고 iframe 쓴답니다.

2번…IE전용인데…

3번, tabindex는 a와 input에만 넣는거에요! –> “접근성땜에 넣어야 돼”

4번은 제가 죽어도 <b>는 안된다고 했습니다. 놀라시더군요. 쟤가 왜저러나…

5번은 책자를 보니까 좀 헷갈리게 써져 있었습니다. #ff0000 이 아니라 #f00으로 써라…이렇게 쉽게 적어놨어야 할거 같습니다. ㅜㅜ

더…얘기가 있던거 같은데 정신적으로 피곤해서 이정도만…

ps. 같이 세미나에 보냈던 여직원 둘한테는 마지막시간의 조훈님이 멋진분인데 자알 듣고 와라..일케만 얘기해뒀습니다. ^ ^

You can leave a response, or trackback from your own site.