허접하고 부끄럽지만 CSS기반으로 만든 홈피

박민권 · Post by **박민권** » 2005 03 03 00:15 25

보여드리기 무지 부끄럽지만 나름대로 열심히 css기반으로 사이트를 열었습니다.
( >_< 부끄~ X 100만 )

http://kayaltd.co.kr/ 아직 작은 수정이 남아있습니다.

디자이너도 초보 디자이너로 이 사이트가 첫 사이트 입니다.

제가 아는 한도내에서 열심히 css기반 사이트제작을 열심히 설명하며

같이 머리 맞대고 3주 삽질끝에 완성했습니다.

전체적인 레이아웃은 그래도 괜찮은데 컨텐츠 부부은 시간에 비해 워낙 양이 많아서

시간도 부족하고 다자이너의 코딩속도도 힘겨워서 이지웍으로 작성후 틈틈히

손코딩한 부분이 있어서 좀 엉성한 부분도 있을 겁니다.

주 이미지 태그내에 alt 속성 다 넣지 못했습니다. ㅠ_ㅠ

이런것까지 디자이너에게 지키라고 시키는건 너무 미안해서...

그래도 디자이너가 열심히 해줬기에 css기반 사이트를 완성하였습니다.

플래시 링크로 인해 플래시가 안되는 브라우저에서는 링크가 불가능 합니다. ㅠ_ㅠ

알지만 이것도 어쩔 수 없었습니다. sitemap을 통해서 이동하는 수 밖에...

웹접근성에 많이 부족하다는 것 알고 있습니다.

앞으로 더 노력해서 hyeonseok님 만큼의 스킬을 올리도록 노력하겠습니다.

어떤 디자이너들은 "html코딩은 프로그래머가 하는거지 디자이너가 하는게 아니다"
라고 말하며 코딩하기 싫어하는데 그래도 저희 디자이너들은 html 코딩도 열심히여서
너무나 고맙답니다.

litconan · Post by **litconan** » 2005 03 03 01:26 38

embed에서 warning이 뜹니다

잘 만드셨네요

빛알갱이 · Post by **빛알갱이** » 2005 03 03 03:41 24

멋지게 잘 만드셨네요. (접근성 문제도 차츰차츰 해결하시리라고 믿습니다.

)우선 선구자적 역할을 해 나가시는데 대해 진심으로 경의와 감사의 말씀을 드립니다. 박민권님이나 hyeonseok님 같은 분이 앞으로도 많이 생기면서 한국 웹도 나아질 것이라고 믿습니다.

쉽게 눈에 띄는 사소한 문제점 두어 가지만 말씀 드리겠습니다.

Code: Select all

<head>
<meta name="author" content="jang_e.m & ani2life" />
<meta name="copyright" content="&copy; kaya co.,ltd" />
<meta name="keywords" lang="ko" content="가야 가야산업 kaya kayaltd 인조목재 종이완충포장 인조목" />
<meta name="keywords" lang="en-us" content="kaya kayaltd" />
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>가야산업</title>

아마 http 헤더를 통해서도 charset을 보내고 계시리라고 믿습니다만, meta를 통해 charset을 선언하실 때에는 head 다음에 바로 나와야 합니다. 그 전에 이미 ASCII 범위 밖의 글자들 (가야, 가야산업)이 나오고 있는데, 이들의 해석이 잘못될 수도 있습니다. (원칙대로 하자면 xhtml 문서에서는 meta tag을 써서 C-T 선언을 하지 않아야 하지만, 옛날 브라우저와 호환을 위해 해 줘야겠지요) 두번째 문제는 meta tag의 내용에 대한 언어 표시는 하셨으면서, 정작 본문에 대해 lang을 지정하지 않으셨습니다. body나 html에 해 주세요. '<body lang="ko" xml:lang="ko">'와 같이 하시면 됩니다.

어쨌든, 다시 한번 선구자적 걸음을 내딛으신 것에 대해 축하 드립니다.

박민권 · Post by **박민권** » 2005 03 03 09:27 16

빛알갱이 wrote: 아마 http 헤더를 통해서도 charset을 보내고 계시리라고 믿습니다만, meta를 통해 charset을 선언하실 때에는 head 다음에 바로 나와야 합니다. 그 전에 이미 ASCII 범위 밖의 글자들 (가야, 가야산업)이 나오고 있는데, 이들의 해석이 잘못될 수도 있습니다. (원칙대로 하자면 xhtml 문서에서는 meta tag을 써서 C-T 선언을 하지 않아야 하지만, 옛날 브라우저와 호환을 위해 해 줘야겠지요) 두번째 문제는 meta tag의 내용에 대한 언어 표시는 하셨으면서, 정작 본문에 대해 lang을 지정하지 않으셨습니다. body나 html에 해 주세요. '<body lang="ko" xml:lang="ko">'와 같이 하시면 됩니다.

http 헤더를 통해서 charset을 보내고 있지 않았습니다. ㅠ_ㅠ
몰랐습니다. http 헤더를 선언하려면 php등의 언어를 사용해야 가능한것이 아닌가요?
그냥 평범한 html 파일이라면 어떻게 해야하지요?

빛알갱이 wrote: 그 전에 이미 ASCII 범위 밖의 글자들 (가야, 가야산업)이 나오고 있는데

미처 생각하지 못했습니다. ^^ 듣고보니 맞군요.

원래 xhtml은 C-T선언을 하는 것이 아니군요. 이것도 처음알았습니다.

기본적인것 찝어주셔서 감사합니다.

빛알갱이 · Post by **빛알갱이** » 2005 03 03 09:48 05

박민권 wrote: http 헤더를 통해서 charset을 보내고 있지 않았습니다. ㅠ_ㅠ
몰랐습니다. http 헤더를 선언하려면 php등의 언어를 사용해야 가능한것이 아닌가요?
그냥 평범한 html 파일이라면 어떻게 해야하지요?

웹 서버 프로그램으로 어떤 것을 쓰느냐에 따라 다릅니다. 하지만, 현재 'Content-Type: text/html'이 나가고 있다면 굳이 'charset=....'를 붙이려고 하지 않으셔도 됩니다. (얼마 전 XSL 글타래에서 언급한 W3 note과 RFC 3236에서는 붙일 것을 강력히 권고하고 있기는 합니다.) 써버가 HTTP header를 통해 내보내는 것이 최우선입니다만, 없을 경우에는 문서 내부의 값을 참조합니다. xhtml이라면 - 제가 지적하는 것을 잊었습니다만 - 문서 선두에서 xml 선언을 하면서 encoding="euc-kr"과 같은 식으로 문자 인코딩을 지정할 수 있겠지요.

그래도 혹시 필요하실 수 있으니까 관련된 아파치 서버 문서 주소를 알려 드립니다.
(아파치 문서의 많은 부분이 한국어로 번역되어 있어서 언어 선호 1순위로 한국어를 놓으면 자동으로 한국어 문서가 나오는데, 이 부분은 번역이 아직 안 되어 있네요)

http://httpd.apache.org/docs-2.0/mod/co ... ultcharset
http://httpd.apache.org/docs-2.0/mod/mo ... addcharset

http://httpd.apache.org/docs/mod/mod_mi ... addcharset (Apache 1.3 문서)
http://httpd.apache.org/docs/mod/core.h ... ultcharset

원래 xhtml은 C-T선언을 하는 것이 아니군요. 이것도 처음알았습니다.

기본적인것 찝어주셔서 감사합니다.

왜냐하면 문서 최선두 부분에서 xml 선언을 할 때 encoding 선언을 (utf-8이 아닌 경우) 하도록 되어 있으니까요. 아, 그런데 'text/html'로 내보낼 때에는 두 방법을 모두 쓰라고 W3C note에 적혀 있네요. 'application/xml'이나 'application/xhtml+xml'일 때에는 원칙 상 하면 안 되고요. 현재 'text/html'로 내보내고 계시니까 그대로 두셔야겠습니다.

'lang="ko"'과 'xml:lang="ko"'을 body에 붙이시는 것 잊지 마세요.

박민권 · Post by **박민권** » 2005 03 03 10:27 48

서버는 제가 관리하고 있지 않기에 직접 아파치를 통해 보내는건 할 수가 없습니다.
님 말씀듣고 header는 넣었지만 메타태그는 남겼습니다.

문서 선두에서 xml 선언을 하면서 encoding="euc-kr"과 같은 식으로 문자 인코딩을 지정할 수 있겠지요.

<?xml version="1.0" encoding="euc-kr"?> 이것을 말씀하시는 것인가요?
xml 문서가 아닌 xhtml 문서에 선언해도 괜찮은 것인가요?
xml:lang="" 도 사실은 좀 이해가 안되서...
xhtml의 문법이 xml의 기초적인 문법을 따르지만 xml보다는 html에 가깝다고 느끼고
있습니다. 여러 부분에서 아직은 잘 모르지만 지키라니 지켜야한다라는 생각으로
지키는 것들이 있습니다. 공부가 많이 부족.
모르고 지키는 것보다는 역시 알고 지키는 것이 좋겠지요. ^^

dtd 선언에서 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
정말 w3c.org에서 dtd를 가져와 xhtml을 해석하는 것일까요?
<html xmlns="http://www.w3.org/1999/xhtml">
이것도 xmlns은 xml에서 네임스페이스인데 이것이 xhtml에서도 실제적용되는
것인가요? 저는 단지 드림위버mx2004에서 기본적으로 작성하여 주기 때문에
사용하고 있었습니다. 평소 의심되던 부분들이었는데 오늘 이렇게 질문드립니다.

생초보 · Post by **생초보** » 2005 03 03 12:31 13

저만 그런지 모르겠지만..
Q&A 에서 주소 검색 후 입력시 입력이 안되네여..

사업자 등록증에 대표 성함과 주민번호를 삭제하심이....좋을듯 합니다.

고생하셨습니다.

박민권 · Post by **박민권** » 2005 03 03 13:10 18

생초보 wrote:저만 그런지 모르겠지만..
Q&A 에서 주소 검색 후 입력시 입력이 안되네여..

사업자 등록증에 대표 성함과 주민번호를 삭제하심이....좋을듯 합니다.

고생하셨습니다.

주소검색은 확인해 봤는데 문제가 없습니다. 순간 브라우저 오류가 아니었을까요?
사업자등록증 이미지에 대한 지적 감사드립니다. 삭제하여야 겠네요. .(__).

Post by **hyeonseok** » 2005 03 03 15:09 21

저도 지금 XHTML 사이트 만들고 있는데...

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?>

선언하니까 IE6 가 표준 모드가 아닌 호환 모드로 작동을 하더군요. 낭패 -_-;

그래서 뺐습니다. -o-;

tenshi · Post by **tenshi** » 2005 03 03 17:48 40

축하드립니다.

덧붙여, hyeonseok님이나 박민권님의 선구자적 행보에 경의를 표합니다.

시작단추를 잘 꾀었듯, 앞으로의 행보도 기대하고 있겠습니다.

----

저도 의욕 200%인 상황이지만..
현재 진행중인 프로젝트를 질질 끌고 있는고로, 한참 후에나 이 조류에 동참할 수 있지 않을까 싶습니다. ㅠㅠ

BlueRobot · Post by **BlueRobot** » 2005 03 03 17:52 52

전혀 "허접"스럽지 않습니다. 이 정도는 완벽스럽다고 생각합니다. 디자인도 깔끔하고..
게다가 웹 표준이라는 중요한 것 까지 담아내고 있으니

박민권님 같은 분들의 헌신적인 노력이 쌓아진다면.. 우리나라 웹 환경이 밝아지리라 믿습니다.

앞으로 박민권님 같은 분들이 많아지길 빕니다.

저는 웹 표준 공부는 하고 있습니다만 쉽게 되지가 않네요.. 개발자가 아니어서 그런가. 아니면 제가 하도 산만해서 그런가.

박민권 · Post by **박민권** » 2005 03 03 18:04 56

데드님 때문에 부끄러워 몸둘바를 모르겠습니다. =_=
칭찬이 과하세요. ㅎㅎ
감사합니다.

XviD · Post by **XviD** » 2005 03 03 18:38 25

저는 웹표준에 기반한 사이트를 만나면 이런 생각이 듭니다.

1. 사이트와 관련된 회사에 대한 호감이 생깁니다.
(사이트를 쭉~ 둘러보면서 어떤 회사인지 관심있게 보게됩니다.)

2. 사이트를 만든 단체(혹은 회사)나 개인(개발자/디자이너)이 누군지 궁금해집니다.
(혹시나 다음에 가르침을 받을 수 있지 않을까?라는 생각에.. 또는 의뢰를 할 수도..)

3. 우리나라의 웹환경도 죽지는 않았구나.. 라는 생각이 들면서 노고에 감사를 드립니다.
(덕분에 또 다른 웹서핑의 즐거움이 생길 수 있으니까요.)

민권님하고 관계자분들 수고하셨어요!!

빛알갱이 · Post by **빛알갱이** » 2005 03 03 20:56 43

박민권 wrote:서버는 제가 관리하고 있지 않기에 직접 아파치를 통해 보내는건 할 수가 없습니다.
님 말씀듣고 header는 넣었지만 메타태그는 남겼습니다.

아파치 써버 설정 상 각 디렉토리마다 MIME type 설정을 변경 가능하게 해 놓은 경우에는 원하는 디렉토리에 .htaccess 파일을 만들고 변경하실 수도 있기는 합니다. 하지만, 굳이 바꾸실 필요는 없을 것 같습니다.

문서 선두에서 xml 선언을 하면서 encoding="euc-kr"과 같은 식으로 문자 인코딩을 지정할 수 있겠지요.
<?xml version="1.0" encoding="euc-kr"?> 이것을 말씀하시는 것인가요?
xml 문서가 아닌 xhtml 문서에 선언해도 괜찮은 것인가요?
xml:lang="" 도 사실은 좀 이해가 안되서...
xhtml의 문법이 xml의 기초적인 문법을 따르지만 xml보다는 html에 가깝다고 느끼고
있습니다.

XHTML은 XML의 application 중 하나입니다. 여기서 application은 subclass 정도로 이해하면 될 듯 싶습니다. XML은 base class이고요. 따라서, XHTML도 XML이랍니다

'lang'과 'xml:lang'이 XHTML 1.0에서는 둘 다 유효하지만, XHTML 1.1에서는 오직 'xml:lang'만 유효합니다.

dtd 선언에서 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
정말 w3c.org에서 dtd를 가져와 xhtml을 해석하는 것일까요?
<html xmlns="http://www.w3.org/1999/xhtml">
이것도 xmlns은 xml에서 네임스페이스인데 이것이 xhtml에서도 실제적용되는
것인가요?

저도 이 분야에 대해 아주 잘 안다고 할 수는 없습니다만, 제가 아는 한도 내에서 답변을 드립니다. DTD 선언은 일종의 이름표 붙이기라고 생각하시면 될 것 같습니다. 만일, W3C에서 DTD를 가져 온다면 그곳의 웹 서버는 구글 서버만큼 바쁠 것입니다. (표준을 지키는 곳이 많아질수록) xmlns를 붙여야 하는가를 잘 보여 주는 보기가 얼마 전에 다른 글타래 (XML 문서를 XSL로 처리해서 XHTML을 만들어 내는 경우)에서 나왔습니다. 그렇게 처리한 경우가 아니라고 해도 XHTML 문서를 'application/xml'이나 'text/xml'로 내보낼 경우에는 default ns 지정을 하지 않으면 똑같은 문제가 있지 않을까 생각합니다. (XHTML의 특수성을 감안해서 없도록 허용해 주었을지도....)

Post by **hyeonseok** » 2005 03 03 23:20 28

박민권 wrote: dtd 선언에서 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
정말 w3c.org에서 dtd를 가져와 xhtml을 해석하는 것일까요?
<html xmlns="http://www.w3.org/1999/xhtml">
이것도 xmlns은 xml에서 네임스페이스인데 이것이 xhtml에서도 실제적용되는
것인가요? 저는 단지 드림위버mx2004에서 기본적으로 작성하여 주기 때문에
사용하고 있었습니다. 평소 의심되던 부분들이었는데 오늘 이렇게 질문드립니다.

W3C 의 DTD들은 브라우져에 기본적으로 내장되어 있다고 알고 있습니다. 이것들을 기반으로 구현이 되니까요. 그러니까 직접 가져오는 일은 없습니다.

XHTML 이나 HTML 에서의 DTD 선언은 빛알갱이님 말씀 처럼 "이름표 붙이기" 정도의 의미 일 것입니다.

"이름표 붙이기" 라는 표현이 아주 마음에 드네요.
(너는 XHTML 1.1 이란다~)

빛알갱이 · Post by **빛알갱이** » 2005 03 04 00:34 12

hyeonseok wrote:저도 지금 XHTML 사이트 만들고 있는데...
Code: Select all
<?xml version="1.0" encoding="iso-8859-1"?>
선언하니까 IE6 가 표준 모드가 아닌 호환 모드로 작동을 하더군요. 낭패 -_-;

그래서 뺐습니다. -o-;

으이구... 이 MS IE... 혹시, xhtml 문서를 내보낼 때 'application/xml'이나 'application/xhtm+xml'이란 C-T HTTP 헤더를 붙여 보셨는지요? 그렇게 하면 IE가 표준 모드로 동작하지 않을까요? 흠... 고놈의 이상한 MIME type sniffing을 쓰는 녀석이니 그런 것에는 눈길도 안 줄 수도 있겠군요....

박민권 · Post by **박민권** » 2005 03 04 01:55 32

빛알갱이 wrote:
hyeonseok wrote:저도 지금 XHTML 사이트 만들고 있는데...
Code: Select all
<?xml version="1.0" encoding="iso-8859-1"?>
선언하니까 IE6 가 표준 모드가 아닌 호환 모드로 작동을 하더군요. 낭패 -_-;

그래서 뺐습니다. -o-;
으이구... 이 MS IE... 혹시, xhtml 문서를 내보낼 때 'application/xml'이나 'application/xhtm+xml'이란 C-T HTTP 헤더를 붙여 보셨는지요? 그렇게 하면 IE가 표준 모드로 동작하지 않을까요? 흠... 고놈의 이상한 MIME type sniffing을 쓰는 녀석이니 그런 것에는 눈길도 안 줄 수도 있겠군요....

4년묵은 IE 노망난듯 ㅡㅡ;

Post by **hyeonseok** » 2005 03 04 11:49 00

빛알갱이 wrote: 으이구... 이 MS IE... 혹시, xhtml 문서를 내보낼 때 'application/xml'이나 'application/xhtm+xml'이란 C-T HTTP 헤더를 붙여 보셨는지요? 그렇게 하면 IE가 표준 모드로 동작하지 않을까요? 흠... 고놈의 이상한 MIME type sniffing을 쓰는 녀석이니 그런 것에는 눈길도 안 줄 수도 있겠군요....

IE 는 반응이 없네요 -o-;
그리고 DOCTYPE 스위칭의 조건이 문서의 최상단에 <!DOCTYPE 이 있는 것이래서...현재로서는 별로 방법이...-_-;;
<!DOCTYPE 아래에 <?xml 이 와도 되나요?

빛알갱이 · Post by **빛알갱이** » 2005 03 05 12:09 01

hyeonseok wrote: 그리고 DOCTYPE 스위칭의 조건이 문서의 최상단에 <!DOCTYPE 이 있는 것이래서...현재로서는 별로 방법이...-_-;;
<!DOCTYPE 아래에 <?xml 이 와도 되나요?

아니요.. 정말 망할 놈의 IE로군요. IE 7.0에서는 이런 것도 좀 고쳤으면... 그런데, 그것은 XP 사용자만 쓸 수 있으니....

빛알갱이 · Post by **빛알갱이** » 2005 03 05 20:30 20

hyeonseok wrote: 그리고 DOCTYPE 스위칭의 조건이 문서의 최상단에 <!DOCTYPE 이 있는 것이래서...현재로서는 별로 방법이...-_-;;
<!DOCTYPE 아래에 <?xml 이 와도 되나요?

이 경우 해결책은 xml 선언을 생략해도 되도록(표준에 부합하도록) UTF-8이나 UTF-16으로 파일을 만드는 것입니다.

http://www.w3.org/International/tutoria ... #declaring

Mozilla 한국 커뮤니티