Mozilla 한국 커뮤니티

웹표준화에 대해 우연히 알게되 혼자 공부해보다가
이곳에 와서 많은 정보를 얻고 있는 .. 학생입니다.

여쭙고자 하는 내용은요.. 웹표준화를 공부하면서
나름대로 개인 홈페이지를 만들다가 부딪힌 부분입니다.

웹표준화 실무방법론에대한 내용을 공부했는데요.
<div> 태그를 써서 전체 페이지의 구조화를 잡고
CSS로 디자인 하는거 까지는 잘 알겠는데요.

이후 실제 .. 요소를 넣는것에서 잘몰라서 여쭙고자 합니다.
구성을 다 해둔상태에서요. 각 메뉴를 클릭했을때..
컨텐츠 내용이 보여야 할부분.. 예을들어 Main 이라 햇을때
그곳에 내용을 보여줘야 하는데 .. 어떻게 해야 하는지 ?

<div id="main></div>로 정의 된 부분에 다시 <table>
을 써서 ...내용을 넣어줘야 하나요?
그곳에 <iframe>을 주고 .. 아이프레임의 name으로
타겟을 해서 .. 메뉴를 눌럿을때 컨텐츠 내용이 뿌려진다든지
그런식이 되어야 하나요?

이런 생각을 해보긴 했지만.. 아무래도 그렇게 한다면 웹표준화가
아닌거 같아서요. 실제 직접적인 요소에 대해 전혀 감이 안잡히네요.
실제 웹페이지를 만들때 이런 부분까지 기술한 정보들은
어디서 찾아야 할지 잘 모르겟네요.

그리고 메뉴등에 기본 폰트로 메뉴명을 적고 <a>태그로 싸서
연결시키면 되지만.. 실제 메뉴들은 기본 폰트외에 폰트가 쓰일경우가
많은데요. 그렇담 불가피 하게 메뉴 요소들이 이미지 로 들어가게 되는데
그럼.. 대체 텍스트로 해결해야 되는지요?

사실 너무 기초적인거 같기도 해서 여쭙기가 쑥스러운데..
무릎쓰고 여쭙니다.

꼭 어떤 답변 도 좋지만.. 여기에서 이런 문서를 참조하라는
그런 제안을 부탁드립니다. 어차피 제가 공부해야될 부분이니까요.

아무쪼록 부탁드립니다.. (_ _)

-_-a
웹사이트들은... 페이지들로 구성됩니다.
이른바 노프레임(혹은 원프레임이라고도 하죠) 페이지 구성을 따르면,
컨텐츠가 필요한 만큼 페이지"들"을 똑같이 여러개 만들고, 말씀하신 Main안쪽만 각 페이지별로 다르게 만들어주고, 메뉴에서는 해당 페이지로 링크를 걸어주면 되지요.
서버사이드스크립트를 짤 줄 모르는 분들이라면 "노가다"로 페이지를 복사해서 그 작업을 하실테고, PHP나 ASP등의 서버사이드스크립트를 아신다면 include로 중복되는 부분을 한번에 불러오실테고, 스크립트를 모르고 노가다도 싫다면 중복되는 부분을 frame으로 나누겠지만 이건 비추.
물론 클라이언트사이드스크립트(JavaScript)를 통해 한 페이지에서 여러 종류의 컨텐츠를 각각 실시간으로 불러올 수도(DHTML / AJAX) 있겠지요.

메뉴도 별로 어려울 것 없습니다. 이미지 태그 그냥 쓰셔도 됩니다.

psiche111 님에게 가장 도움이 되는 것은 이미 제작되어 있는 CSS기반의 사이트를 분석해 보는 것 같습니다.

csslook.com 같은 사이트에서 css 디자인 되어 있는 사이트들 코드를 분석해 보시다보면 감이 오실 것입니다.

그냥 태그를 의미에 맞게 쓰면 됩니다.