열심이 배우고 있습니다.

  • demun
  • 일상
  • 2010. 12. 4. 11:28
웹디자인이라고 하기에는 무리가 있지만 스킨을 만들면서 하나 하나 배워가고 있습니다. 
좀더 멋진, 좀더 좋은 스킨을 만들려고 하니 배워야하는것이 한두가지가 아니더군요.

처음에는 단순이 html 과 css 를 가지고 티스토리 치환자를 습득하여 만들곤 했는데요. 만들다보니 웹표준, 코딩순서, 속성 우선순위.....등등 세세하게 배워야하는 부분이 많더군요.

더군다나 멋진 레이아웃을 만들려고하면 포토샵의 도움이 필요하더군요.
그중에서 간단하게 제가 익혀보는것을 보여드리겠습니다. 요넘들을 어떻게 레이아웃에 적용을 하고 응용을 해야하는지는 머리를 좀더 써야할듯 보입니다.

포토샵에 관련한 이미지


포토샵에 이어 다음에서 코딩에서 사실 많이 배우고 있습니다.
특이 ie 버그을 염두해둔 html 코딩입니다.
ie6 은 id/class 를 기억못하는 버그가 있습니다.
또는 class/class 를 기억못하는 버그도 마찬가지지요.

즉,
<div id="id_a" class="class_a"> 

<div class"c d">
이런식으로 코딩을 하면 ie 6은 첫번째에는 id_a 를 , 두번째에는 c 클래스를 기억못하고 뒤에것만 스타일을 지정을 합니다.
그래서 html서부터 다시 코딩을 해야 한다는것이죠.
ie6과 7 을 염두한 코딩을 해야합니다.
아래처럼.
 <div id="id_a">
	<div class="class_a"></div>
</div>

<div class="c">
	<div class="d"></div>
</div>
요런식으로 코딩을 한후 스타일을 지정해야 버그없이 cross browsing 을 할수 있다는거죠.
ie버그가 이뿐이겠습니까?ㅎㅎㅎㅎㅎㅎ
신경을 써야 할것이 한두가지가 아니더군요.

스타일 코딩에 있어서도 우선순위라는것이 있어서 이왕이면 아래의 순서대로 코딩을 해야 됩니다.

  
더군다나 마크업가이드나 네이버 코딩컨벤션에 보면 공백이 없어야하는등 매우 까다롭운 점들이 한둘이 아니더군요.
결과론적으로 이왕 할거면 완전하게..... 아니 온전하게 해야 한다는 점입니다.
실력적으로 완전하게 하는것은 힘들다해도 온전하게 해야한다는거죠^^;

w3c에 통과는 할수 있어도 그 통과가 모든것을 입증하는것은 아닙니다.
css 3 등에 좋은 것이 많은데 이것들을 모두 포기할수는 없다는거죠.
html 이야 의미있게, 그리고 온전하게 코딩하면 w3c에 통과를하지만 우리나라에 좋은 글꼴인 나눔고딕을 스타일에 지정하면 통과를 못합니다.

크롬인가?오페라인가??? 제가 기억하기론 크롬인거 같은데....font-family:NanumGothic 이라해도 안되고 font-family:NanumGothic,'나눔고딕' 이렇게 한글도 써줘야 합니다.
하지만 w3c에서는 한글을 인정하지 않습니다.
바로 오류로 잡아내죠.

더군다나 동적이고 좀더 멋진 효과를 내려면 자바스크립트는 기본이더군요.
자바스크립트를 배우고 슬슬 jquery 도 시간나면 배우고 있습니다.
css를 알면 많은 부분이 공통적으로 해당되서 배우기 쉽고 좋더군요. 효과는 쩔어요...ㅎㅎㅎㅎ


이 모든것을 하나의 스킨을 전부 포함하기는 좀 힘든거같고, 기본 베이스만 제작해서 2탄,3탄 보강해서 배포하는 형식으로 할까 생각합니다
베이스는 ie6까지 호환되는 레이아웃에 기본적인 코딩으로 무리없이 누구나 사용가능한 스타일로 제작을 합니다
2탄이나 3탄은 여러 스타일을 사용할수 잇게 제작을 할려고 합니다.
즉 html 해더부분에 <link rel="stylesheet" media="screen" type="text/css" href="./style.css" /> 라고 적으면 스타일이 지정이 되는데요. 한줄추가해서 다른 스타일도 사용할수 있게 한다는거죠.
아래처럼요.
<link rel="stylesheet" media="screen" type="text/css" href=".images/yellow.css" />

좀더 완벽하고 좋은 스킨을 만들려고하니 점점 느려지고 있습니다.
마음다짐을 좀 천천이 잡아야 할거 같아요. 익혀야 할것이 너무 많아서요.
나중에 배포할때는 그냥 모두 사용하는 형식으로는 배포를 하지 않을 생각입니다.
이웃에만 배포를 한다든지, 이웃배너를 건 블로그에게만 배포를 한다든지, 아님 뭐 이메일을 보내는 분한테만 보낸다든지,,,,,,등등 아직은 아무것도 정해진것은 없습니다.

하지만 그냥 막 배포는 좀 아니다 싶더군요.
대신 좋은 스킨을 만들어야 한다는 점입니다.

요즘 많은것을 익히고 배우느라 포스팅이 하나도 없습니다.ㅎㅎㅎㅎㅎㅎ
댓글좀 많이 달아주세요.....
개    개