제주에서 작은 IT 사업을 하고 있는 유지 아빠가 보고 듣고 느끼는 진솔한 이야기를 나누는 공간입니다.

레이아웃 2

웹디자이너와 웹기획자들을 위한 페이퍼 브라우저 사이트

웹디자이너들과 웹기획자 들에게 아주 유용할 수 있는 사이트 하나 소개해 드리겠습니다. http://www.raincreativelab.com/paperbrowser/ 여기가 뭐하는 곳인가 하면 브라우저 모양의 PDF 파일을 제공하는 곳인데, 필요할때 마다 인쇄를 해서 사용하면 됩니다. 위의 그림과 같이 퀵스케치 와 브라우저 스케치 두개의 종류가 있는데, 웹사이트 기획이나 디자인 할때 이 둘 중 하나를 출력해서 연필로 스케치 해서 메뉴와 콘텐츠를 먼저 배열해서 기획을 하거나 디자인을 하게 되면 무지 편하게 작업할 수 있습니다. 브라우저 스케치 에 있는 것을 하나 보면 아래와 같은데요. 눈금에 각 해상도에 맞게 표시가 되어 있는 것을 보실 수 있습니다. 그래서 그 크기 맞는 사이트 디자인과 레이아웃을 만들 ..

웹 & IT/웹기획 2010.05.28

웹표준 | 실전 레이아웃 잡기

웹표준에 대해서 2개의 글만 쓰고 바로 실전으로 들어갑니다. 왜 바로 실전으로 들어가는가? 기초적인 내용은 실전에서 바로 바로 적용해 보면서 어떻게 나타나는지 그때 확인해도 늦지 않을 뿐더러, 기초에서 이 방식은 이럴때 쓰이고 저 방식은 저럴때 쓰인다는 것을 직접 아는 것이 실무에서 적용할때도 훨씬 빠르게 다가오기 때문이죠. 하지만 들어가지 전에 몇가지 짚고 넘어갈 사항이 있습니다. 바로 div 와 span 입니다. CSS작업시 제일 많이 보이는 부분이 div 하고 span이기 때문에 이 둘의 차이는 반드시 짚고 넘어가야 합니다. 결론적으로 말하면 div 는 block이고 span은 inline 이다 라는 차이점 입니다. 무슨 말인고 하니 하나의 블럭을 감쌀때는 div 를 쓰고 그 줄만 적용할때는 spa..