A2공간 - 도움되는 글을 쓰자 : 최근에 오픈시킨 웹사이트

2005년 06월 21일

최근에 웹사이트를 하나 오픈시켰습니다.

우리 디자이너들은 시간이 없어서 프리랜서 디자이너에게 디자인을 맡겼습니다.

그리고 html 코딩은 제가 다 할테니 이미지만 넘기라고 했습니다.

우리 디자이너가 아닌 프리랜서 디자이너가 코딩하면 극악의 코드가 나올테니 절대 참을 수 없습니다.

그래서 이번에 오픈시킨 홈페이지는 디자인을 제외하고는 제가 전부 코딩했습니다.

작은 사이트 였기에 혼자 가능했습니다.

웹표준과 접근성에 심혈을 기울여 제작했습니다.

웹표준과 접근성에 관심있는 분들은 한번 구경해 보시고 지적해주시기 바랍니다.

자책하자면 조금 높은 CPU 점유율과 너무 큼직한 플래시 메뉴가 마음에 안듭니다. ㅡㅡ;

메뉴를 플래시로 하는 것은 좋지 않다고 주장하지만 제가 회사 차리지 않고는 씨도 안먹히죠.

웹디자이너분들 페이지 상단에 플래시나 이미지 큼직하게 넣는데 1024 X 768 해상도 쓰는 사람들은

화면의 절반이 상단 플래시나 이미지로 가득찹니다. 유저빌리티좀 OTL

불여우에서는 텍스트로 된 숨겨진 대메뉴의 엑세스키가 동작합니다. (1~6번)

이상하게도 다른 브라우저는 display:none; 해버렸더니 엑세스키가 먹지 않더군요. ㅜ_ㅡ

사이트 주소는 http://hvst.co.kr 입니다.

# by -A2- | 2005/06/21 11:39 | 웹 | 트랙백 | 핑백(1) | 덧글(26)

트랙백 주소 : http://ani2life.egloos.com/tb/1457894
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]

Linked at A2공간 - 도움되는 글을 쓰.. at 2008/03/06 16:47

... 1 2 4 2 4 0 1 0 1 1 1월 2월 3월 4월 5월 6월 7월 8월 9월 10월 11월 12월 4. 내이글루 기네스덧글이 가장 많이 달린 포스트 : 최근에 오픈시킨 웹사이트 - 웹접근성에 심혈을...관련글이 가장 많이 달린 포스트 : IE 7 베타 등장. 기도하라!!!, 프로그래머 or 스크립터 or 코더의 기준?내 이글루에 가장 덧글을 많이 쓴 사 ... more

Commented by 아크몬드 at 2005/06/21 11:57

흐음.. 비쥬얼은 화려한데 역시 사용성 측면에서는 ^^;
기존의 기업의 상품 소개 페이지와 비슷한 느낌입니다.

Commented by Hooney at 2005/06/21 12:35

정말 코드가 군더더기 하나없이 간결하더군요. 멋진 사이트 잘 봤답니다. http://www.mozilla.or.kr/docs/web-developer/standard/content3.html#3.4 에서 플래시 관련 사용성을 높히는 법을 살펴보면 더욱 좋을 것 같습니다.

오늘도 멋진 블로그를 발견했네요~ 예전에도 몇번 왔던 기억이 가물가물.. :)

Commented by -A2- at 2005/06/21 15:39

아크몬드// 유저빌리티가 좀 그쵸? ^^;

Hooney// 칭찬 감사합니다. .(__).
블로그를 방문해보니 국내 웹 발전에 한거름이 되어주실 분이군요. RSS 등록합니다. ^^

Commented by 햇살 at 2005/06/21 16:35

Adblock에서 플래시 막아보려고 Ctrl-Shift-F 했더니 온 화면이 살구색으로 되네요;; 디자이너 작업용 PC를 1024*768 해상도로 강제하는 법규라도 있었으면 합니다^^;

Commented by -A2- at 2005/06/21 18:54

햇살// 전 불여우에 '플래시블럭' 확장기능을 쓰고 있습니다. 저는 제가 만든 사이트도 플래시 막아버리고 쓰기 때문에 사이트 사용하기 참 불편하고 플래시 없어지면 정말 허전해 집니다. 플래시 메뉴는 정말 불편해요. ㅡㅅㅡ

Commented by 일모리 at 2005/06/21 21:41

오홋 멋지게 코딩하셨군요. 국내 현실성을 감안할때에 그나마 표준에 근접하고 있다는게 멋질 뿐입니다. 물론, 플래쉬나 이미지 사용을 조금 줄여서 텍스트들이 검색엔진에 최대한 활용이 될수 있도록 하는 면을 볼 때에 좀 떨어지긴 합니다만. 그래도 조그마한 '큰' 스텝인거 같아요. 보기 좋네요~

Commented by -A2- at 2005/06/21 22:23

일모리// 감사합니다. 저도 이미지지와 플래시 좀 줄이고 싶습니다. ㅠ_ㅠ 이미지는 그렇다쳐도 플래시는 OTL
제가 디자이너가 아니다보니 한계가 있네요.

Commented by 일모리 at 2005/06/22 13:14

그래도 멋지십니다. 저는 이런것이 표준으로 가는중에 어차피 거쳐야 하는 단계중의 하나라고 생각합니다. 실제 사무에서 표준을 지켜가기란 쉬운게 아니니까요. A2님 화이팅입니다. :)

Commented by ThomYorke at 2005/06/23 15:19

잘만드셨네요. 앞으로 웹 표준화에 많은 공헌을 해주실듯.. ^^;

Commented by -A2- at 2005/06/23 22:26

ThomYorke// 감사합니다. .(__).

Commented by yser at 2005/06/25 10:30

고생 하셨겠군요 ^^;

Commented by -A2- at 2005/06/25 23:12

yser// 이제는 CSS 레이아웃이 더 편해요. ㅎㅎ

Commented by 차니 at 2005/06/26 01:06

잘 만든 사이트네요. 접근성이 정말 잘 지켜졌는지 체크 하는 방법은 파이어폭스에서 "보기->페이지 형식->형식 없음"으로 하고 옵션에서 그림을 표시하지 않도록 해도 네비게이션에 문제가 없는 것입니다. 좋은 예제가 될 듯 합니다.

Commented by yser at 2005/06/26 10:12

히히히 접근성 하니 생각이 나서..

http://webxact.watchfire.com/

여기서 체크해보면 적나라하게 평가해 준답니다.
단, 테스트 하기 전에 각오 한 번은 필수~

Commented by -A2- at 2005/06/26 23:52

차니// 감사합니다. '형식없음'이라는게 있었군요. 좋은 정보 감사합니다.

yser// 각오를 하고 테스트해본 결과... 뭔말인지 OTL

Commented by 아크몬드 at 2005/06/27 09:19

코드 깔끔한 것에 올인 (-_-)b

Commented by -A2- at 2005/06/27 10:06

아크몬드// 감사! 프로그래머의 기본자세는 완벽한 들여쓰기와 띄어쓰기를 통한 깔끔한 코드를 짜는 것이라 생각합니다. ^---^

Commented by 아립 at 2005/06/27 22:00

오 장난 아닙니다 -_-;;

Commented by -A2- at 2005/06/28 09:34

아립// 방문해주셔서 감사합니다. .(__).

Commented by 소프트원트 at 2005/07/04 21:11

이미 아시겠지만, 웹접근성과 관련한 보고서가 출간되었습니다.

논의의 단계에서 벗어나 현재 나오고있는 자료라도 알려나갔으면 합니다. 즉 끼리끼리 논의이나 배타적인 논쟁 단계에서 공감의 장을 만들 수 있도록 정보 공유작업이 되었으면 합니다. 일단은 이에 관심있는 사용자층이 홍보에 나서주었으면 합니다.

아래 3개 파일은 웹개발자들에게 유익한 정보가 될 것입니다.

▶ 윤석찬님의 [크로스브라우징 지침서]
http://www.mozilla.or.kr/docs/web-developer/standard/index.html

▶ 행정자치부의 [행정기관홈페이지 구축·운영 표준 지침서]
http://www.mogaha.go.kr/warp/webapp/board/notice/view?id=424691

▶ 웹 접근성을 고려한 콘텐츠 제작 기법(PDF파일)
http://www.mozilla.or.kr/docs/web-developer/content_authoring_for_accessibility.pdf

Commented by -A2- at 2005/07/04 23:10

소프트원트// 감사합니다.
올려주신 자료들은 정말 유용한 자료입니다. :)

Commented by she at 2005/08/26 12:00

처음와서 둘러보다가 이글까지 봤어요. 여기는 본문도 본문이지만 코멘트 보는 재미가 쏠쏠하네요. 많이 배우고 갑니다. (페이지도 잘 봤습니다! 대단하십니다~^^)

Commented by 떡아이 at 2005/08/26 14:21

와우.. 대단 실무에 웹표준을 적용시키는 사례가 드물었는데 괜시리 반갑네요 :)

Commented by CN at 2005/08/27 04:18

1360*1024를 쓰는데도 푸터가 제대로 안 보이네요. OTL

Commented by -A2- at 2005/08/28 10:35

CN// 죄송합니다. 앞으로 더 디자이너와 많은 의견을 통해서 개선하겠습니다.

Commented by CN at 2005/08/28 12:06

그렇게 말씀하시니깐 왠지 미안해집니다. 표준을 지키기 위한 노력 보기 좋습니다. 앞으로도 멋진 사이트 부탁드립니다.