카테고리:전체글>IT>전체글>IT>wix>전체글

WIX(윅스)로 무료홈페이지 만들기 2편

저번 편에서는 wix 아이디를 생성하고 대략적인 겉모습만 알아봤는데요.이번편에서는 실제 wix를 이용하여 홈페이지 제작을 알아보도록 하겠습니다.

wix의 템플릿을 이용해서 텍스트만 바꿔도 훌륭한 홈페이지가 나오긴 하는데….아무래도 wix가 외국계 플랫폼이라 템플릿들이 약간 바로 사용하기에는 이질감이 느껴집니다.

1

윅스에서 제공하는 템플릿중에서 마땅히 마음에 드는 스타일이 없다면 레이아웃만 제공하는 페이지를 이용해서 제작을 해 볼 수도 있습니다.템플릿 선택 메뉴에서 레이아웃 원본을 클릭하면 완전히 빈 페이지와 쇼핑몰,원페이지 등등의 기본적인 레이아웃만 제공하는 페이지를 선택할 수 있습니다.

2

전 휴대폰에 관심이 많아서 휴대폰관련 홈페이지를 제작 해 볼려고 하는데요.저는 빈페이지에서 제작하는 것보다는 일정 템플릿의 타이틀과 메뉴만 가져와서 사용할 계획입니다.윅스의 템플릿 중에는 상단의 타이틀 이미지나 메뉴부분이 상당히 세련된 템플릿이 많이 있더군요.
아마추어인 제가 타이틀 이미지를 직접 제작하는 것 보다는 윅스에서 제공하는 템플릿의 타이틀과 메뉴를 가져와서 사용하는게 홈페이지가 좀 세련 되게 보일 듯 합니다.

그리고,홈페이지를 제작하기 전에 대략적인 site map을 구성하는게 제작할 때 능률이 오릅니다.대략적으로 메인페이지에서 어떤 구성을 선택할지 서브메뉴 페이지에는 어떤 구성으로 할지 등등으로 말이죠.

3

이제 편집하기로 들어가면 내 입맛에 맞게끔 수정 할 수가 있습니다.사실 저 템플릿의 이미지를 클릭하면 특별난 거 없이 이미지와 텍스트 버튼으로 이루어진 걸로 알 수 있습니다.정말 간단하게 보입니다.일단 먼저 제작하기에 앞서 윅스 편집기의 기능을 좀 둘러 보고 가는게 낫겠습니다.

4

윅스에서는 전반적으로 많이 사용하는 메뉴가 좌측편에 위치하고 있는데 배경,추가,앰 마켓,내 업로드,블로그로 구분되어 있습니다.윅스가 참 직관적이고 쉬운게 이 메뉴들의 특성일 듯 한데요.거의 홈페이지 제작은 추가 메뉴에서 마우스 클릭질로 끝낸다고 해도 과언이 아닌 거 같습니다.

5

메뉴를 하나씩 설명을 드리자면 배경은 홈페이지의 배경을 변경할 수 있는 메뉴인데요.간단한 색상만을 바꿀 수도 있고 윅스에서 제공하는 움직이는 배경화면,정지된 이미지로도 배경을 꾸밀 수 있습니다.위 그림 보면 카메라표시가 있는 이미지들이 다 움직이는 배경들입니다.실제 사용해 보면 움직이는 배경화면을 구성 해 보면 좀 세련된 느낌이 상당히 강합니다.

문제는 윅스의 서버가 국내에 있지 않고 해외에 있다보니 좀 느린 단점이 있어서 로딩이 올래 걸릴 수 있습니다.일반적인 정지된 배경을 선택해도 상당히 훌륭하게 보입니다.진짜 제가 전문가가 된 기분이 듭니다.

6
7

배경이미지 만으로도 홈페이지 느낌이 상당히 다르지 않습니까?물론 자신만의 이미지를 올리는 것도 가능하고 윅스의 장점인 미리보기로 하나 하나 확인 하지 않아도 홈페이지의 분위기가 바로 체크가 가능하니까  수정도 간편합니다.
그리고,패럴랙스 스크롤링이라는 기법도 간편하게 구현 할 수 있습니다.

8

아마도 윅스에서 가장 많이 사용하는 메뉴가 아닐까 한데…. 윅스로 홈페이지 제작 과정에서 가장 빈번하게 사용하는 메뉴일 거라고 확신 합니다.윅스로 홈페이지를 제작 할 때 거의 모든 항목에서 드래그 앤 드롭으로 제작 할 수 있는데 단지 추가메뉴의 항목을 추가 하는 것으로 제작이 가능합니다.

가장 설명이 길어지는 부분이 아닐까 해서 이 항목은 다음 편에 계속 하도록 하겠습니다.

출처:http://skbroad.xyz/220550738225