HTML and CSS for Designer

HTML and CSS for Designer

Web page는 HTML, CSS, JS로 이루어져있다.

HTML이 뭔가요 Hyper Text Markup Language 정보를 담는다 (이미지, 텍스트)
<tagname1 attribute=“value”> <tagname2> Text </tagname2> </tagname1> 모든 태그

CSS는 뭔가요 Cascading Style Sheet 사용자에게 어떻게 보여질지를 결정한다. 색, 모양 등
변경할 수 있는 property들이 정해져있다.

Layout 홈페이지는 네모와 INPUT으로 이루어져있다
수많은 html태그들. 알아야할 것은 input과 div, 그리고 글자와 이미지

네모를 겹쳐서 만들 수 있으면 홈페이지로 만들 수 있다.

네모 (div) layout 잡기

INPUT예시 모든 input 형태

Image와 Text Text http://codepen.io/zeakd/pen/bWWMqv

Practice

그외 SVG (벡터 그래픽) CANVAS (픽셀 그래픽) Media (동영상, 음악, 카메라) Animation

어떻게 쓰는건지 codecademy (html, css)

Presentation on theme: "HTML and CSS for Designer"— Presentation transcript: