본 블로그는 SADI_DDL 수업용 블로그입니다
포스팅된 이미지나 동영상은 모두 원작자에게 있으며 문제가 될시 삭제합니다

페이지

DDB_수업5

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할때 주의할것