 구조잡기 |  |
1. 우리 홈페이지에 필요한 메뉴가 무엇인지 함께 구상해봐요. 2. 주로 어떤 사람들이 들어올지 예상해보고 그들의 마음이 되어보아요. 3. 그들이 들어와서 어떤 순서로 어떤 행동을 하기를 원하는지에 따라 이동 경로를 예측하고 설계해봐요.  | |
다음 시간 전까지 마음에 드는 사이트들의 링크를 모아보아요. | |
 컨셉 및 내용 구성 |  |
1. 정리한 사이트들을 보며 의견을 나눠보면서 마음에 드는 부분을 ‘디자인, 내용, 구조, 효과' 등으로 분류해보아요. 2. 디자인으로 분류된 부분을 다시 확인하며, 우리 사이트를 주로 방문할 타겟층들이 좋아할만한 컨셉이 어떤걸지 정해보아요. 3. 내용으로 분류된 부분을 다시 확인하며, 각 페이지에 어떤 내용들을 넣으면 좋을지 정해보아요. | |
다음 시간 전까지 로고파일과 각페이지에 들어갈 내용을 생각해주세요. | |
 PC 화면 만들어보기 |  |
1. 모든 페이지 상단에 공통으로 적용될 헤더부분을 만들어보아요. 2. 정해진 컨셉과 내용에 따라서 코딩없이 클릭,드래그만으로 함께 화면을 만들어보아요. 3. 글씨쓰기, 이미지 넣기, 게시판 넣기 등의 다양한 기능들을 활용해보아요. | |
다음 시간 전까지 PC화면을 모두 만들어주세요. | |
 모바일 화면 만들어보기 |  |
1. 만들어진 PC화면을 확인해보면서 수정할 부분들은 수정해보아요. 2. PC화면이 완성되었다면 모바일 화면도 어느정도 자동으로 생성되어있을거예요. 하지만 어색한 부분이 있죠. 이 부분들만 수정해보아요. 3. PC에서만 노출을 원하거나, 모바일에서만 노출을 원하는 부분들이 있다면 그 부분들을 적용시켜봐요. | |
다음 시간 전까지 모바일화면을 모두 만들어주세요. | |
 효과넣고 꾸며보기 및 완성 |  |
1. 완성된 홈페이지에 애니메이션을 적용시켜 예쁘게 꾸며보아요. 2. 관리자페이지에서 기본적인 셋팅을 해봐요.  | |
홈페이지 제작이나 디자인시에 사용가능한 추천 사이트들 공유해드릴게요.
완료 후에도 수강생에 한하여, 카톡으로 질문은 늘 OK! | |
