목록웹디자인 (6)

오늘보다 더 나은 내일

css 쉽게 공부 할 수 있는 게임 모음 css diner/css flexbox froggy/css flexbox defense

1. css diner https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io - css 선택자 학습 게임 - 예시에 따라 음식과 접시 도시락 상태의 코드를 입력하면 다음스테이지로 넘어 간다. 2. flexbox froggy flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com - css 속성중 레이아웃 관련한 flex속성 학습을 위한 게임 - 예시에 따라 개구리를 연꽃으로 보내면 다음 스테이지로 넘어간다. 3. flexbox defense www.flexb..
STUDY/HTML & CSS 2020. 12. 20. 19:54
디자이너를 위한 인포그래픽 제작 정보소스 사이트 총정리

1. 통계청 - 국가통계포털 https://kosis.kr/index/index.do KOSIS 국가통계포털 kosis.kr 2. 통계청 - e나라지표 https://www.index.go.kr/main.do e-나라지표 메인화면 www.index.go.kr 3. KIEP 대외경제정책연구원 http://www.kiep.go.kr http://www.kiep.go.kr www.kiep.go.kr 4. KDI 한국개발연구원 http://www.kdi.re.kr KDI 한국개발연구원 KDI는 한국경제 발전과 선진화의 초석을 마련한 대한민국 최고의 Think Tank이다. 1971년, KDI는 한국의 경제?사회 발전을 위한 계획을 수립하고, 정책을 제시함으로써 국가 경제 번영에 이바지할 목 www.kdi.re...
STUDY/Design 2020. 11. 23. 00:19
디자이너를 위한 인포그래픽 참고 사이트 총정리

1. 바이스 버사 vice versa https://v-vdesign.com/ 바이스 버사 디자인 스튜디오 2010년 9월 1일 설립된 바이스 버사 디자인 스튜디오(Vice Versa design studio)는 국내 최초의 인포그래픽 전문 디자인 스튜디오입니다. 다양한 데이터를 비주얼 스토리텔링(visual Storytelling)을 통해 보다 v-vdesign.com 2. infogram https://infogram.com/examples Best Examples of Charts, Reports, Infographics and Maps - Infogram Get inspired by this wonderful collection of charts, reports, maps, infographics..
STUDY/Design 2020. 11. 22. 23:55
[수업노트](20.10.14)D+4  /text-decoration/상단메뉴구현

1. (HTML) - 텍스트간 공백을주는 속성 ex) |&nbsp ;&nbsp ;사과&nbsp ;&nbsp ;| ↓ | 사과 | 2. (CSS) text-decoration - 텍스트에 밑줄이나 하이퍼링크에 밑줄 제거 ex) BNX 하이퍼링크 연결시 밑줄이 나오게 되는데, CSS a{text-decoration:none;} 속성값 입력시 밑줄 제거 됨
국비지원 UX UI 디자인/코딩 수업 2020. 10. 31. 23:56
[수업노트](20.10.13)D+3 앵커태그<a>/줄바꿈태그 <br>/젠코딩/text-align/hover

1. 키보드 사용법 Home : 줄에서 맨 앞으로 이동 End : 줄에서 맨 뒤으로 이동 Ctrl + Home : 맨 위으로 이동 Ctrl + End : 맨 아래으로 이동 Ctrl + C : 선택영역 복사 Ctrl + X : 선택영역 잘가내기 Ctrl + V : 붙여넣기 Ctrl + A : 전체선택 Ctrl + Z : 이전 히스토리로 한 단계 이동 Ctrl + Y : 이후 히스토리로 한 단계 이동 Shift + 키보드 이동 : 글 선택 Cabs Lock/Insert : 절대 사용하지 않는다. Shift + 영문 소문자 입력 : 대문자 입력 2. (HTML)앵커태그, br태그 : 줄바꿈 태그 셀프클로즈드 태그 : 하이퍼링크 연결태그 : 하이퍼링크 연결 새창 태그 (기본속성 inline) 3. (HTML,C..
국비지원 UX UI 디자인/코딩 수업 2020. 10. 31. 23:47
[수업노트](20.10.08~12)D+1,D+2 웹페이지의 구성요소/display 속성/엘리먼트 관계/Font weight, letter spacing, font size

1. 웹페이지 3대 구성요소- HTML, CSS, JS의 역할 1. HTML(배우): 전체적인 레이아웃과 컨텐츠 구성(글내용) - 구성: 여는태그 +컨텐츠 글내용+닫는태그= 하나의 엘리먼트 ex) 안녕하세요 - 태그는 화면에 나오지 않는다. - 웹문서를 만들어내고, 웹문서들이 모여 웹페이지를 구성한다. 2. CSS(스타일리스트): 세부적 디자인(글꼴, 글색 등) - 구성: html선택자, 대괄호, 설정값 ex) content{color:red;} - 공통으로 적용할 선택자는 { }앞에 여러개 사용가능 - 개별 선택자가 생길 경우 새로운 태그를 생성하여 설정값을 추가 - 입력한 선택자와 설정값은 지우지 않고 아래에 계속 추가 3. JS(감독) 2. (CSS)Display 속성 주로 사용하는 태그 - ..
국비지원 UX UI 디자인/코딩 수업 2020. 10. 31. 21:31
이전 Prev 1 Next 다음