어릴적 아햏햏과 같은 사이트가 한창 유행이던 때..

'나도 저런 사이트 만들어보고 싶다' 라고 생각해 본적이 한번쯤은 있지 않으신가요?

하지만 직접 행동에 옮기기 위해 조금 더 딥하게 들어가는 순간.

HTML? CSS? 코딩? 등 어려운 용어들로 전문적인 지식이 갖춰진 '선택된 자' 들만이 웹사이트를 만들 수 있다는것을 깨닳았습니다..

그로부터 약 10여년의 세월이 흐르고 바쁘게 생업에 종사하던중 흥미로운 글을 하나 보게 되었는데요.

'웹빌더' 라는 솔루션의 탄생으로 코딩 등에 대해 공부하지 않아도 그림판 만지듯 웹사이트를 제작할 수 있다는 내용이었습니다.

(사실 이 솔루션이 나온지는 몇년 되었다고 하네요 ㅎㅎ;)

사실 지금와서 웹사이트를 운영할 여력도, 자신도 없지만 어릴때의 아쉬웠던 마음을 달랠겸 간단한 웹사이트가 필요하신 분들에게 도움이 될까 싶어 며칠동안 만져보고 간단한 강좌를 제작해 보았습니다. 

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

제가 선택한 솔루션은 '아임웹' 입니다.

(사실 솔루션에는 다양한 종류가 있지만 굳이 이곳을 선택한 이유에 대해선 후술하도록 하겠습니다.)

사실 모르는 사이트 진입할때 제일 껄끄러운 부분이 뭘까요?

당연히 회원가입 이라 생각합니다.. 그런데..

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

(빛 그 자체..)

사이트 자체 회원가입 없이도 타사 아이디로 진행할 수 있어 상당히 접근하기 수월했습니다.

왠만하면 네이버, 구글 아이디는 있으니 사실상 별도의 회원가입은 필요 없는것과 마찬가지 인듯 합니다.

저는 네이버 아이디로 로그인을 진행했고 로그인을 마친뒤 사이트 개설을 클릭하니 아래와 같은 창을 볼 수 있었습니다.

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

이는 템플릿이라 불리는 것인데, 솔루션 자체에서 제공하는 일종의 '스킨' 이라 생각하시면 됩니다.

해당 스킨중 내가 원하는 느낌과 가장 유사한 곳을 골라 생성하면 되는데,

많고많은 솔루션중 굳이 아임웹을 선택한 이유가 이 템플릿 입니다.

캡쳐에는 9장만 나와있지만 하단에 더 많이 준비되어 있으며 이 템플릿들이 서로의 특색이 모두 달라

왠만한 니즈에 모두 맞출 수 있을듯 했습니다.

(몇몇 다른곳은 템플릿 갯수는 많지만 비슷한 레이아웃에 이미지만 다르게 사용하여 갯수만 많아 보일뿐 실질적으로 손이가는 스킨이 얼마 없었습니다.)

이곳에서 원하는 스킨을 선택하면 다음 창을 볼 수 있습니다. 

상단에 위치한 세개의 아이콘은 각각 pc / 태블릿 / 모바일을 의미합니다.

각각의 버튼을 클릭할때 보여지는 화면을 보면 사이트의 내용물들이 화면 크기에 맞추어 알아서 정리되는것을 볼 수 있습니다.

이를 '반응형' 이라 부른다고 하는데 우리가 일상에서 사용하고 있는 사이트중 많은 곳이 이러한 방식을 사용하고 있다고 합니다.

반응형의 장점이라고 한다면 PC버전 하나만 제작해두면 모바일버전까지 알아서 맞춰진다는 것이겠죠?

우측 상단의 사이트 개설을 누르도록 하겠습니다. 

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

사이트명과 주소를 적었더니 바로 완료 되었네요.

이로써 내 사이트의 기반이 마련된것입니다.

물론 위에서 선택한 기본 디자인 그대로이기 때문에 내가 원하는 디자인, 및 메뉴로 재구성 해줘야겟죠? 

사이트 개설에 성공했으니 다음번엔 본격적인 디자인 관리에 들어가보도록 하겠습니다.

긴 글 읽어주셔서 감사합니다.