경곽 홈페이지도 그렇고, 다른 곳도 그런 경우가 많은데(심지어는 태터 스킨조차) 웹 표준 및 브라우저 호환성 측면에서 가장 심각한 문제는 src 없는 img 태그이다.

분명히 img 태그에서 src는 필수 요소인데, 공백을 만든답시고 <img width=2 height=5> 따위로 쓰는 것이다. (내가 이 스킨 바로 전에 썼던 kawi 님의 sorrow 스킨도 html 표준에 맞출 때 가장 고생했던 부분이 src 없는 img 태그를 삭제하는 것이었다)

이런 잘못된 태그가 많이 사용되는 이유는 Internet Explorer에서는 해당 img 태그의 width, height에 해당하는 여백을 만들고 아무것도 표시하지 않기 때문이다. (alt 속성을 빼먹어도 표준에 어긋나는데 src를 빼먹다니...orz)

하지만 firefox 등의 다른 브라우저로 볼 경우 해당 부분에 회색 테두리의 박스가 그려지는 것을 볼 수 있다. IE에서는 아무 문제가 없는 것 같지만 다른 브라우저로 보면 빠진 그림이 상당히 많아 보이게 된다.

앞으로 제로보드나 다른 스킨 개발자들이 이런 점들을 잘 신경써 주었으면 좋겠다. (참고로, image ready에서 생성하는 여백용 1x1px 짜리 투명 gif 파일은 43 byte 밖에 안 된다)

결국은 토끼군이 개발한 php + smarty 기반 엔진을 못 쓰고 제로보드를 이용하고 말았다.

하지만 내가 만들었던 xml 기반의 수상실적 flash와, campus tour / 홍보 동영상 링크 flash, 그리고 메인의 게시판 최근글 인터페이스 등은 그대로 사용하였다.

토끼군 소스는 같이 개발 작업에 참여했던 나로서도 수정하기가 힘들었기 때문에 외주 업체 쪽에서도 아마 건드릴 수 없었을 것이다. (우리나라의 웹 개발 업체가 XHTML, CSS 표준 준수 요령 및 programmable template(skin) 엔진인 [#I_smarty|smarty| [ php를 만든 개발자들이 디자인과 프로그램을 완전히 분리하기 위해 개발한 일종의 skin 엔진인데, 스킨 자체에 초보적인 수준의 programming이 가능한 것이 특징이다. 또 문자열 출력에 관한 formatting 옵션이 매우 자세하다. ]_I#] 따위를 알 리는 거의 없을 것이다)

어쨌든 그 당시 고생했던 걸 생각하면 그닥 맘에 드는 건 아니지만 기존 홈페이지의 문제점들을 상당 부분 개선했다는 점에서는 바람직하다. 앞으로 홈페이지 운영이 잘 되길 바란다.

경기과학고 홈페이지 바로가기

ps. 아쉬운 점은 우리가 제작할 당시 XHTML, CSS 표준에 맞추고 Firefox 호환성을 거의 완전하게 구현했었는데 그런 부분이 많이 깨졌다는 점이다.

으흑... 저렇게 칠 수 있다면야 좋겠지만 그랬다면 이 글을 쓰지 않았겠지.. -_-


출처 : 진혁군's blog [bluekura.egloos.com]

중간에 오른손이 단음으로 계속 치는 멜로디를 앞부분으로 당겨서 더 어렵게(.....) 치고 있다. 아무튼 대단한 곡.

드디어, 드디어, 중간고사가 끝났습니다!!!

오늘 장장 3시간에 걸쳐 본 미적분학 시험은 gg쳤습니다.
(처음엔 시험기간이라 블로깅 안한다고 했다가 점점 블로깅을 많이 하게 되더니 어제 무려 세 개의 포스트를 지른 영향이 좀 있었습니다 -_-)

다행히 삽질했던 한 문제는 대부분의 아이들이 못 풀었지만(소문에 의하면 미분방정식을 푸는 거라는데 정확한 풀이는 모릅니다), 한 문제는 공부를 안 한 관계로 못 푼 것이라.. ㅠㅠ

이계도함수가 무한인(변곡점 없이 계속 볼록이면서 최대값을 가지는 이상한 점) 것을 그래프로 그리라고 하질 않나...

epsilon-delta 증명은 큰 어려움 없이 했지만 엄밀성이 떨어져서 얼마나 감점될지는 모르겠습니다.

이제 홈페이지 리뉴얼도 좀 하고 그래야 겠습니다.
애들이랑 밥이나 먹으러 가야겠네요... -_-