xhtml 로 pop.wimy.com 업그레이드하기 - Head First HTML with CSS & XHTML

2009/10/25 12:53 in 개발관련

'Head First HTML with CSS & XHTML' 이라는 책을 회사에서 빌려서 보는데 정말 내가 평소에 궁금해하던 모든 것들을 알 수 있었다. 이 책은 나중에 책을 살 때 내 개인적으로 살까 생각 중이다. effective C++ 과 디자인 패턴책 이후로 정말 오랜만에 감동 받은 책...(사실 그동안 읽은 책이 몇 권 안 되기도 했지만 ㅋ)

html4 와 xhtml 의 차이(그리고 나중에는 html5 와의 차이를 공부해야겠지만). 그리고 CSS 의 기본적인 내용들을 정말 세세하게, 재미있게 짚어주고 있다. 그리고 당연히 요즘 진행 중인 pop.wimy.com 에 적용했다. 확실히 그나마 학교 숙제 같은 디자인에서 그나마 아마추어 같은 페이지로 거듭난듯 하다.

http://zelon.springnote.com/pages/3530199 의 하위 페이지에 조금씩 내가 잘 몰랐던 부분들만 모아서 정리하는 중...

그리고 내가 원하던 부분을 발췌해서 읽기를 끝내고, 책이 정말 마음에 들어서 처음부터 읽는 중인데, 놀라운 내용이 적혀있었다. 이 책은 굉장한 학습법을 적용해서 만들어진 책이었다. 예를 들면 그림이 많으면 이해가 쉬운데, 그림 밑에 텍스트가 있는 것보다는 그림 안에(정말 설명이 필요한 곳에) 있으면 좋다는 등, 책을 보면서 물을 많이 마시라는 등, 대화체가 훨씬 기억이 잘 된다는 등의 기법들을 가지고 만든 책이었다. 다시 한번 더 감동... ㅠㅜ

html 로 뭔가를 하는 분들은 꼭 한번 읽어보시길 다시 한번 강추~

Posted by zelon

Book, CSS, HTML, XHTML, 책, 홈페이지

Trackback 1 Comment 2

Trackback : http://blog.wimy.com/trackback/276

Subject XHTML이란 무엇인가?
Tracked from 돈버는 기계로 살것인가? 돈버는 기계를 살것인가? 2010/03/09 11:35
XHTML 이란?XHTML 1.0 은 html 4.01 방식과 동일한 문서 구조를 갖는 xml 이다. 즉, html 이 아니며, xml 구조를 가져감으로써, PC 인터넷 환경을 떠나 모바일 등 많은 외부 머신에도 작동할 수 있는 유연함 및 확장성을 가지고 있다. 또한 dtd 추가 등으로 인해 문서 구조를 확장할 수 있는 이점도 있다.XHTML 작성법문서 h

red 2011/09/26 20:54
위미 그사이트주인이신건가요! 오.. 근데 요즘에 최신목록이 이상해졌던데 왜그런가요??
- zelon 2011/10/03 12:23
  안녕하세요 pop.wimy.com 말씀하시는 거라면 얼마전에 수정했습니다 :)

2007/01/26 11:39

오랜만의 홈페이지 작업

2007/01/26 11:39 in 일반

오랜만에 여유가 있어 홈페이지를 둘러본 후 먼저 태터툴즈를 업데이트하기로 마음먹었다. 그동안 업데이트된게 좀 있었는데, 지나쳐 왔던 것들을 업데이트했다. 일단 관리자 화면이 크게 바뀌었고, 스킨의 sidebar 를 Drag&Drop 으로 움직일 수 있는게 흥미로웠다. 그리고 나머지는 아직 크게 못 느끼는데, 일단 1.1.1 으로 올리면 속도가 꽤 향상된다고 하니 지켜볼 일이다.

그리고 wiki 페이지도 업데이트 했다. 전에 우연히 웹 표준 개발 가이드라는 pdf 파일을 다운받아놓았었는데 이 파일을 열어보면서 기존의 라운딩처리되어 있던 디자인을 일단 css 위주로 많이 바꾸었다. 바꾸면서 불필요한 코드도 조금씩 정리하니 코드의 길이가 꽤 많이 줄어들었다. 그리고 확실히 css 위주로 바꾸니 위치나 디자인의 변경이 엄청 깔끔해졌다. 앞으로 유지보수가 쉬울 듯하다. 역시 사람들이 웅성거리는 데에는 다 이유가 있다 :)

wiki 와 블로그를 통합하는 의미로 공통된 코드를 통해 페이지의 윗부분에 간단한 네비게이션바를 만들었다. 이것한다고 또 간단한 태터툴즈 플러그인을 만들어보았다. php include 를 위한 플러그인인데 직접 만들어보니 태터툴즈는 꽤나 깔끔하게 짜여져있는 것 같다.

마지막으로 구글 adsense 도 달았다. 아까 언급한 Drag&Drop 처리가 되게 태그만 맞춰주니 잘 동작하는 것 같다.

Posted by zelon