※지난글 링크

코딩 1도 모르는 사람의 웹사이트 제작법 1 - https://www.clien.net/service/board/lecture/13954210CLIEN

코딩 1도 모르는 사람의 웹사이트 제작법 2 - https://www.clien.net/service/board/lecture/13983656CLIEN

코딩 1도 모르는 사람의 웹사이트 제작법 3 - https://www.clien.net/service/board/lecture/14022623CLIEN

코딩 1도 모르는 사람의 웹사이트 제작법 번외 1 - https://www.clien.net/service/board/lecture/14113851CLIEN

코딩 1도 모르는 사람의 웹사이트 제작법 번외 2 - https://www.clien.net/service/board/lecture/14153945CLIEN

지난시간엔 저같이 디자인과 담쌓은 사람도 쉽게 웹사이트 퀄리티를 올릴 수 있는 '섹션'기능에 대해 알아보았습니다.

섹션 배치에 따라 전체적인 느낌도 많이 변화하기 때문에 섹션 추가, 수정만 어느정도 다룰수 있다면

웹사이트 제작의 가장 어려운 부분이 끝났다고 봐도 무방합니다.

오늘은 지난번에 본 섹션과 페이지들을 담을 템플릿을 선정해볼까 합니다.

실제 작업 순서는 템플릿 선택이 가장 먼저오는것이 맞습니다만.

제 첫번째 시도때 섹션의 종류 대해 미리 알아놓지 않은채 템플릿 부터 선택하고 괜찮아보이는 섹션들을 마구잡이로 집어넣었더니

이도저도 아닌 잡사이트가 만들어지더군요..

그래서 본격적인 작업 전에 어떤 섹션들을 어떻게 배치할것인지

전체적인 구상을 미리 노트나 머릿속으로 그려놓고 시작하는것이 중요하다는것을 느꼈습니다.

( 컴퓨터로 작업하는 디자이너들이 노트에 손그림을 그리던 이유를 알 수 있었습니다.. ) 

잘못된 형식의 이미지 링크입니다.

https://imweb.me/theme 

제가 주로 사용하는 웹빌더인 아임웹의 템플릿 모음을 볼 수 있는 링크입니다.

템플릿은 쇼핑, 예약과 같은 아이콘으로 각각의 용도를 나타내고 있는데, 반드시 미리 설정된 용도를 따라갈 필요는 없습니다.

내가 필요로 하는 기능을 섹션 혹은 페이지를 통해 쉽게 추가할 수 있는게 웹빌더의 장점이니까요.

해당 아이콘들은 초기 세팅값 정도로만 참고하면 될듯합니다.

우리는 이미 섹션과 페이지의 세팅 방법을 알고 있기 때문에 원하는 느낌의 템플릿을 불러와 본격적인 작업을 시작하면 됩니다.

물론 해당 템플릿을 그대로 불러와 이미지만 몇개 변경해주고 바로 실사용 해도 괜찮습니다.

(도저히 직접 손댈 자신이 없다면 이게 더 나을수도 있습니다.) 

개인적으로 웹빌더의 파워는 섹션과 템플릿에서 나온다고 해도 과언이 아니라고 생각합니다.

템플릿과 섹션의 퀄리티가 높을수록 제작자에게 생기는 부담은 줄어들기 마련인데요.

웹빌더의 탄생 목적이 웹디자인이나 개발 지식이 전무한 사람도 클릭 몇번으로

쉽게 나만의 웹사이트를 만들 수 있게 해주는 것이기 때문이죠.

위 링크에 들어가보면 현재 사용되고있는 거의 모든 유형의 템플릿이 준비되어있으니,

다음번엔 마음에드는 템플릿을 골라 직접 웹사이트를 만들어보도록 하겠습니다.

항상 부족한 글 읽어주셔서 감사합니다 ㅎㅎ.