문제:
지금의 위키백과 정보상자들은 너무 제각기입니다. 예를 들어 국가 정보(예: 대한민국 )와 특별/광역시 정보(예: 서울특별시 ), 그리고 하부 행정 구역(예: 서울 영등포구 )의 스타일이 완전히 다릅니다. 적어도 같은 종류의 정보는 같은 형태로 보여 주는 것이 독자들에게 편리할 것입니다.
전통적인 표 형태(class="wikitable")는 색채 선택이나 글씨 크기 등에 있어서 지나치게 번잡(좀 더 정확하게는 visually cluttered)합니다. 깔끔한 표현이 필요합니다.
정보상자는 그 자체로 요소들이 세로로 정렬되어 있기 때문에 세로선을 강조할 이유가 없습니다. 같은 이유로 본문과 표를 구분하는 왼쪽 여백이 충분하다면 표의 테두리 자체를 표시할 이유도 없습니다. (반대로 가로선은 잘 드러나지 않기 때문에 어떤 형태로든 보여야 합니다.) 목표:
단순하면서도 통일감 있고 보기 좋은 정보상자를 만듭니다.
정보상자가 나타내는 대상의 이름은 항상 틀 설명(|+로 시작하는 줄)에 나타나야 합니다.
큰 정보상자는 적절한 단위로 분리되어야 합니다.
etc etc...
CSS 를 최대한 활용합니다. (궁극적으로는 템플릿으로 떼어 내거나 newinfobox 류의 클래스로 대체되어야 할 것입니다.)
텍스트 브라우저에서도 의미가 분명해야 합니다. 현재 일부 정보상자들은 텍스트 브라우저로 볼 때 키와 값이 뭉쳐서 나오는 문제가 있습니다. 목표 아님 :
정보상자의 분리 기준은 여기서 정하지 않습니다. 이상하다 싶으면 마음껏 고쳐 주세요.
wikitable 등등을 사용하는 모든 틀을 이 디자인에 맞추려는 것은 아닙니다. 예를 들어 틀:한국사 같은 건 지금 현재의 형태로도 훌륭합니다. (색깔 선택만 조금 바꿔 줬으면 좋겠지만...) 그 사이 바뀐 점들 [ 편집 ] vertical-align:top;이 table 수준에서 안 먹어서 각 줄마다 적용하도록 바꿨습니다. 사실 이런 건 CSS를 직접 건들 수 있으면 간단한 문제긴 합니다.
모든 "키" 값이 새 줄로 넘어 가지 않도록 white-space:nowrap; 스타일을 적용했습니다.
한국어 위키백과 광역시
현황
국가
면적
123km²
세대
3,000,000가구 (2007)
총 인구
10,000,000명 (2008)
남자
5,000,000명 (2008)
여자
5,000,000명 (2008)
행정구역
2구 1군
시장
김위키
상징
시목
위키나무
시화
위키꽃
시조
위키새
상징동물
위키동물
시청
소재지
위키구 백과동
홈페이지
http://ko.wikipedia.org
한국어 위키백과 광역시
현황
국가
면적 123km²
세대 3,000,000가구 (2007)
총인구 10,000,000명 (2008)
남자 5,000,000명 (2008)
여자 5,000,000명 (2008)
행정구역 2구 1군
시장 김위키
상징
시목 위키나무
시화 위키꽃
시조 위키새
상징동물 위키동물
시청
소재지 위키구 백과동
홈페이지 http://ko.wikipedia.org
캘리포니아 주State of California
별명: The Golden State
지리
캘리포니아 주의 위치
주도
새크라멘토
가장 큰 도시
로스앤젤레스
면적 (3위)
전체
410,000 km²
폭
400 km
길이
1240 km
내수면 비율
4.7%
위도
32°30'N ~ 42°N
경도
114°8'W ~ 124°24'W
높이
최고
4421 m
평균
884 m
최저
-86 m
시간대 UTC -8/-7
사람과 언어
인구 (1위)
전체
35,484,453명 (2000)
인구 밀도
87.77명/km² (12위)
공용어 영어
정치
합중국 가입
1850년 9월 9일 (31번째)
주지사
아널드 슈워제네거
부 주지사
존 가라멘디
기타
약자
CA (US-CA )
웹사이트
www.ca.gov
캘리포니아 주 State of California
별명: The Golden State
캘리포니아 주의 위치
공용어 영어
주도
새크라멘토
가장 큰 도시
로스앤젤레스
면적 (3위)
인구 인구 밀도
(1위)
높이
합중국 가입
1850년 9월 9일 (31번째)
시간대 UTC -8/-7
약자
CA US-CA
웹사이트
www.ca.gov
섹션 구분은 제 맘대로 한 것으로 바뀌어도 할 말은 없습니다.
경기도
현황
면적
10,183.8km²
세대
4,183,926가구 (2007.12)
총인구
11,106,211명 (2007.12)
행정구역
27시 4군
도지사
김문수
상징
도목
은행나무
도화
개나리
도조
비둘기
상징동물
{{{상징동물}}}
도청
소재지
수원시 팔달구 매산로3가 도청앞길 63의정부시 신곡동 제2청사 1로 66 (제2청사)
홈페이지
경기도청
경기도
현황
면적 10,183.8km²
세대 4,183,926가구 (2007.12년)
총인구 11,106,211명 (2007.12년)
행정구역 27시 4군
도지사 김문수
상징
도목 은행나무
도화 개나리
도조 비둘기
상징동물 {{{상징동물}}}
도청
소재지 수원시 팔달구 매산로3가 도청앞길 63의정부시 신곡동 제2청사 1로 66 (제2청사)
홈페이지 경기도청
강남구
현황
면적
39.5km²
세대
227,108가구 (2007)
총인구
570,959명 (2007)
일반구 {{{일반구}}}개
읍
{{{읍}}}개
면
{{{면}}}개
행정동 26개
법정동 15개
단체장
맹정주
시장
{{{시장}}}
군수
{{{군수}}}
구청장
{{{구청장}}}
시청
군청
구청
소재지
{{{시청소재지}}}
소재지
{{{군청소재지}}}
소재지
삼성동
홈페이지
http://www.gangnam.go.kr
상징
시목
{{{시목}}}
시화
{{{시화}}}
시조
{{{시조}}}
군목
{{{군목}}}
군화
{{{군화}}}
군조
{{{군조}}}
구목
은행나무
구화
목련
구조
까치
상징동물
{{{상징동물}}}
강남구
현황
면적 39.5km²
세대 227,108가구 (2007)
총인구 570,959명 (2007)
일반구 {{{일반구}}}개
읍 {{{읍}}}개
면 {{{면}}}개
행정동 26개
법정동 15개
단체장 맹정주
시장 {{{시장}}}
군수 {{{군수}}}
구청장 {{{구청장}}}
시청
군청
구청
소재지 {{{시청소재지}}}
소재지 {{{군청소재지}}}
소재지 삼성동
홈페이지 http://www.gangnam.go.kr
상징
시목 {{{시목}}}
시화 {{{시화}}}
시조 {{{시조}}}
군목 {{{군목}}}
군화 {{{군화}}}
군조 {{{군조}}}
구목 은행나무
구화 목련
구조 까치
상징동물 {{{상징동물}}}
이 틀은 디자인 뿐만 아니라 내부 구조도 전반적으로 고칠 필요가 있습니다...
고서면(전라남도 담양군)
floating
면적 26.58km²
세대 1,631가구 (2008.8)
인구 3,846명 (2008.8)
관할 법정동 {{{법정동}}}
관할 행정동 {{{행정동}}}
행정리 {{{행정리}}}개
법정리 10개
통 {{{통}}}개
반 27개
섹션은 굳이 나눌 필요는 없어 보이지만 왠지 허전해서 (지도와 내용이 구분이 잘 안 되어서) 일단 넣었습니다. 적절히 고쳐 주세요.
가로 크기가 20em이 아니라 18em인 이유는 전반적으로 읍면동 그림이 폭이 좁다고 판단되기 때문입니다.
