Mozilla 한국 커뮤니티

http://kishe.com 을 새롭게 오픈하였습니다.

FF, IE, NS, Opera 최신버젼 모두 동일한 기능을 갖고요...

W3C XHTML 1.0 Transitional 을 모든 페이지가 통과하였습니다.

또한 CSS + XHTML로 모든 페이지가 구성되었으며

W3C와 CSS를 공부하는데에 있어서 미천하지만 최소한의 참고용 교본 사이트로

사용해주시면 좋겠습니다.


주제는 "일기장 과 따뜻한 마음을 가진 사람들" 입니다.

많은 방문 바랍니다. 아 참고로 주민등록번호는 등록안해도 가입이 됩니다.


이렇게 만드는 것이 간단하지는 않는것 같고

특별히 이렇게 되어있는 국내 사이트도 찾기 어렵고 해서

홍보겸 ^^ 올려봅니다.

딴지 주시면 삭제하겠습니다 ;ㅁ;


감사합니다.

웹 표준 문법을 지켜내신 부분은 훌륭한 업적이라고 생각 됩니다.
하지만 조금 부족한 부분을 보충해드리고자 적습니다.

W3C의 Validation 검사를 통과하는 것이 웹 표준 사이트가 되기 위한 조건을 모두 만족시키는 것은 아닙니다.

웹 표준 사이트가 되려면 표준 문법을 지키는 것 이외에도 의미있는 마크업이 되어야 합니다. 즉, 웹 표준 사이트는 '표준문법+의미있는 마크업' 이라는 두가지 요구사항을 모두 만족시켜 주어야 합니다. 위 사이트와 같은 경우 일단 표준 문법을 만족시켰기 때문에 이것을 보완하는 작업은 매우 쉽습니다.

W3C 의 Validation 검사 서비스는 오직 '표준 문법' 만 검증해 주는 서비스 이며 실제로 '의미있는 마크업'을 사용했는지의 여부는 검증되지 않습니다.

사이트 코드를 잠깐 분석해 보았습니다.
콘텐츠의 제목과 일부 목록 콘텐츠가 있음에도 불구하고 제목태그 h1~h6 과 목록태그 ol, ul 을 한번도 사용하지 않으셨더라구요.

의미있는 마크업. 즉, 제목으로 표현되어야 하는 부분에는 제목태그를 사용해 주시고 목록으로 표현되어야 할 부분에는 목록태그를 사용해 주세요. 레이아웃용 테이블 태그를 사용하지 않은점은 잘하셨지만 콘텐츠를 적절하게 마크업 하는 부분에서 보완이 필요합니다.

'의미있는 마크업(시멘틱 마크업)'에 대하여 보충하시고 더 나아가 웹 접근성이 높은 사이트로 거듭나시길 기원드립니다.

아직 css + html에는 초짜라 이정도 하는것도 어려웠나봅니다.

말씀 듣고보니 제목부분이 많이 있는데도 따로 class를 만들어서 사용했네요

hx 시리즈에 적용시키면 간단할 것을 말이죠..

말씀해주신 의미있는 마크업에 대하여 더욱 파고들어

완벽한 웹표준 사이트... 어떤 기기에서도 들어올 수 있는 사이트로

거듭나도록 하겠습니다.

감사합니다.

웹 표준을 준수하려는 님의 노력에 감사 드리고, 또 일단 웹 문법 검사를 통과하는 결과물을 만들어 낸 점에 대해 축하 드립니다.

아직 css + html에는 초짜라 이정도 하는것도 어려웠나봅니다.

'아' 다르고 '어' 다르다는 말도 있지요. 님께서 'HTML + CSS'라고 하지 않으시고, 'CSS + HTML'이라고 하신 것에서 님의 현재 웹 페이지 제작에 대한 접근법의 문제점을 엿볼 수 있다고 하면 무리일까요? 이미 지적받으신 대로 내용과 구조를 나타내는 (X)HTML에 대해 확실하게 기초를 다지신 후에 표현을 나타내는 CSS를 추가하시는 식으로 하셔야 합니다. 그래서, 최근에 델리 비즈에서인가 하신 강연에서도 (X)HTML 부분에 대부분의 시간을 할애하셨다고, 신현석님이 블로그에 써 놓으셨더군요.

^^ 관심 가져주셔서 감사합니다.

이렇게 해보기로 시작한건 국내 포털사이트들도 w3c의 대부분을 통과하지 못하더군요...
문법체크를 보면 아주 막나가는(?) 코드들도 많이 있구요...


저는 웹 프로그래머입니다. PHP를 주로 하고요...
php쪽으로는 스킬이 좀 되나 디자인쪽으로는 상당히, 아니 너무나도 약합니다.
6년전부터 운영해오던 일기장 사이트가 키쉬닷컴입니다.


그런데 참 안타까운점이 있더라구요..


"일반적인","개인사이트가","핸드폰에서도","열리면좋겠다"

"작지만","모든브라우져에서","동일한화면이 나오면좋겠다"


라는데에서 착안하여 그냥 ns,ff,오페라,ie등의 크로스 브라우징만 하다가
HTML+ CSS로 작업을 하면 화면출력에 편의가 증대한다는 것을 확인하였습니다.
실제로 이 작업 이전엔 모든 페이지가<table>로 시작해서 </table>로 끝났습니다.^^;

w3c validation 서비스도 만들다가 알게 되었구요...
와~ 이런 장치도 있구나 하면서 신기해하며 작업을 해봤습니다.
결과는? 제가 원하던 정도의 답이 나왔습니다.

HTML+CSS 예제 사이트로 나와있는 대부분의 사이트들이 너무 단순하고
실제 포털 또는 중소형 사이트의 디자인과는 너무도 다른 그저 단순한 페이지들
밖에 보이질 않더군요...

그래서 제 사이트에 한번 도입해보았습니다.

많은 사람들이 이용하는데에 있어 현실적 디자인(? 죄송합니다. 디자인은 잘 못합니다^^;)을 준수하는 HTML+CSS 웹표준 멀티 브라우져 사이트를 만들어보고자 한번 시도했습니다.

실제로는 책한권도 사보지 않고 단순한 예제를 보고 w3c validatior가 체크해주는 문법을 확인하며 작업을 했습니다. 그래서 의미있는 마크업을 하라는 첫번째
답변해주신 분의 말씀을 처음 들었구요^^ (이 의견은 사이트를 우선 완성한뒤에 도입할 생각입니다.)

많은 것을 배웠습니다.

그래서 이제 저처럼 처음 웹표준을 준수하는 사이트에 관심을 갖는? 초보분들에게 간단한 예제 사이트로 남겨보고 싶습니다.

앞으로도 응원 많이 해주시면 감사하겠습니다.^^

http://kishe.com 은 평생 일기장 사이트입니다. 컨텐츠에 관심을 가져주시는것도^^ 감사하겠습니다.

편안한 밤 되세요~

http://kishe.com 은 평생 일기장 사이트입니다. 컨텐츠에 관심을 가져주시는것도^^ 감사하겠습니다.

편안한 밤 되세요~

좋은 사이트 같네요. ^_^

Drapiece wrote:아직 css + html에는 초짜라 이정도 하는것도 어려웠나봅니다.

말씀 듣고보니 제목부분이 많이 있는데도 따로 class를 만들어서 사용했네요

hx 시리즈에 적용시키면 간단할 것을 말이죠..

말씀해주신 의미있는 마크업에 대하여 더욱 파고들어

고민댓글쪽에 보니 글자가 겹치는 등의 오류가 있더군요.
소스를 자세히 ㅤㅎㅜㅌ어보진못했는데, 아마도 height가 고정이었던가 등의 문제가 있었던듯합니다.
http://www.bcpark.net/bbs/261354
위의 경로의 댓글부분에 마크업을 보시면 도움이 될거 같습니다.
웹표준은 의미있는 마크업이 더 중요해보입니다.

첫걸음을 하셨으니 아마도 중간에 한번 좌절끝에 광명을 보시게 될듯하네요 ^^; 저도 작년말부터 웹표준작업에 몰두중인데, 중간에 2,3회정도 코딩스타일의 변화가 있었답니다

그렇지 않아도 모든 페이지단의 조정이 진행중입니다.

사소한 p남발과 div남발 span남발을 줄이고 리스트엔 li ul 을 적극 변경중입니다.

css를 보지 않고도 깔끔하도록 구성중에 있습니다.

아직 페이지가 너무 많아 지적해주신부분은 손도 못대고 있습니다^^;

전 지금 첫번째 코딩 스타일이 변하고 있는 중이네요^^

링크주신 비씨파크는 답글부문에서 참고하겠습니다.

꽤 오래전 글이라도 답글을 달아주셔서 감사합니다. ^^

ps : 모바일(kun)에서 키쉬닷컴이 깔끔하게 나옵니다. 이젠 모바일에서 사용이

쉽도록 자바스크립트를 없애는 작업도 같이 진행중입니다.

참~ 할거 많네요 ^^