20121016_수업5
Infographics
-infoviz
-dataviz
-IA
-------------------
people:
Ben fry _ MIT media lab
-> processing 개발
: processing.org
site:
theyrule.net
-------------------
가이드라인 활용
_가이드라인 위에 마우스커서 올려두고+콘트롤 : 수치 나타남
wrapper 사용! week5 프로세스 6,7 메인 체크
프로세스 9_ add propeity 의 활용!!
-------------------
일러스트레이터, 포토샵에서 html로 변환하기!
1-slice tool :을 사용하여 나누눠준다
(object- slice- creat from guides)
2-save for web & device -save -setting - 'html' or 'slice'
: 앵간하면 쓰진 말자. .. . 장기적인 차원에서도 좋지는 않다지만........ 좋다......
Div에서 스크롤을 사용한 내용 표시
-positioning - scroll
(기왕이면 auto사용
왜냐? 윈도우에서는 스크롤바가 항상 보이며 그다지 좋게 보이지 않기 때문이다)
=> 이부분을 감추고 보여주는 부분은
OS에서의 차이가있기 때문에 일단은 스크롤바가 있다고 생각하고 작업하는게 좋다
Div종속 관계 형성해줄것
-종속될 div를 선택-복사 / 종속시킬 div를 선택-붙여넣기
= 종속완성!!
ap elements에서 확인가능
레이어 순서도 정해줄 수 있다 (숫자로)
이미지에 링크를 넣을 경우, 윈도우에서는 라인이 하나 생길 수 있는데 이것을 없애는 방법
-border값에 0을 주면 라인을 없앨 수 있다
master style : .css 만들기
style.css을 만들고
다른 .html 파일의 style에서 링크 - 브라우저 - style.css 링크
! save할때 주의할것





