[HTML&CSS 스터디] 2. 웹 사이트의 제작 흐름1. 제작 흐름 살펴보기 1. 제작 흐름 살펴보기 (1) 기획웹에는 다양한 종류가 있다.종류와 목적에 따라 구성이 달라지기 떄문에, 목적을 명확하게 해야 한다.고려해야 할 점: 사용자가 원하는 정보/사용자가 해당 사이트에서 무엇을 하면 좋을까?목적 설정/타깃 사용자 설정 등의 절차가 있다. (2) 사이트 맵 만들기웹 사이트의 목적과 사용자를 정했다면, 웹 사이트에 무엇이 필요할지 / 페이지끼리 어떻게 연결할지 등을 그림으로 그린다. 이러한 구성도를 "사이트맵"이라고 한다.사이트맵을 그릴 때는 관련된 페이지를 그룹으로 묶는 것이 좋다.이 때, 한 카테고리가 한 계층이 되는데, 2계층 이내로 설계하는 것이 좋다. (3) 와이어프레임 만들기페이지 구성이 끝..

[HTML&CSS 스터디] 1. 웹 디자인의 개념과 종류1. 웹 디자인이란? 2. 사용성 3. 웹 사이트의 구조1. 웹 디자인이란?(1) 디자인 = 무언가를 전달하기 위한 도구. (!= 아름답게 장식하는 것) (2) 디자인은 "문제를 해결하는 방법"이다! (3) 웹 디자인에는... -기업 사이트: 기업의 정보를 담고 있는 사이트 -프로모션 사이트: 제품,서비스,이벤트 전달을 목적으로 제작된 사이트 -포트폴리오 사이트: 자신의 작품과 실적을 소개하는 사이트 -쇼핑 사이트: 상품을 보여주고, 구매를 유도하는 사이트 -미디어 사이트: 뉴스, 정보를 공개할 목적으로 제작된 사이트 -SNS: 짧은 컨텐츠를 주로 하는 사이트 와 같이 다양한 종류가 있으며, 형태에 따라 목적/주 고객층/내용이 다르다. *각각의 사이..

[Notion] 스터디를 더 끈끈하게 해주는 노션 템플릿! (velog.io) [Notion] 스터디를 더 끈끈하게 해주는 노션 템플릿!댓글, 코드 리뷰, 회고록, 개인 페이지 등의 기능이 있는 노션 스터디 템플릿을 공유합니다!velog.io