HTML and CSS for Designer
Web page는 HTML, CSS, JS로 이루어져있다.
HTML이 뭔가요 Hyper Text Markup Language 정보를 담는다 (이미지, 텍스트) <tagname1 attribute=“value”> <tagname2> Text </tagname2> </tagname1> 모든 태그 https://www.w3schools.com/TAgs/
CSS는 뭔가요 Cascading Style Sheet 사용자에게 어떻게 보여질지를 결정한다. 색, 모양 등 변경할 수 있는 property들이 정해져있다. https://www.w3schools.com/cssref/
Layout 홈페이지는 네모와 INPUT으로 이루어져있다 수많은 html태그들. 알아야할 것은 input과 div, 그리고 글자와 이미지
네모를 겹쳐서 만들 수 있으면 홈페이지로 만들 수 있다.
네모 (div) layout 잡기 http://codepen.io/zeakd/pen/xddjxv
INPUT예시 모든 input 형태 http://codepen.io/zeakd/pen/YVVaLz
Image와 Text Text http://codepen.io/zeakd/pen/bWWMqv
Practice https://notegraphy.com/The%20Joy%20Chaser/note/2566850 https://notegraphy.com/npivic/note/2523488 https://notegraphy.com/HowTo/note/2226615
그외 SVG (벡터 그래픽) CANVAS (픽셀 그래픽) Media (동영상, 음악, 카메라) Animation
어떻게 쓰는건지 codecademy (html, css) http://ko.learnlayout.com/