웹디자인 21
[꿀정보] 벤치마킹 사이트 굿디자인웹
안녕하세요. 플입니다. 오늘은 벤치마킹 사이트를 추천드리려고 합니다. 1. 굿디자인웹 http://gdweb.co.kr/ 굿디자인웹 국내 최우수 이미지, 웹사이트. 굿디자인웹 gdweb.co.kr 벤치마킹할 때 주로 찾는 사이트입니다. 굿디자인웹이죠. 업데이트도 빠른 편이고 심사를 거쳐서 올라오는 홈페이지들이다 보니 도움이 많이 됩니다. 유행하는 디자인이나 구조도 생각해볼 수 있습니다. 2. 카테고리 위의 이미지처럼 디자인 타입에 따라서 분류를 나눠 찾아볼 수도 있습니다. 원하는 디자인 느낌을 찾기 편하죠. 모바일이나 해외사이트도 볼 수 있어서 좋습니다. 저는 특히 해외사이트를 볼 수 있다는 점을 좋아합니다. 이렇게 카테고리도 나눠져 있어서 찾아볼 때 유용하죠. 특별한 디자인을 하고 싶다고 생각할 때 해..
[wix] 메뉴 변경하기
안녕하세요. 플입니다. 오늘은 상단 메뉴를 변경해볼게요. 1. 메뉴 클릭 우선 메뉴를 클릭하면 메뉴 관리 버튼이 나옵니다. 우측 메뉴에서 사이트 메뉴가 활성화 될거에요. 여기서 메뉴를 수정해 줄 수 있습니다. 2. 메뉴 변경 메뉴 이름을 변경하려면 우측에 더보기 버튼(...)을 클릭한 뒤 이름 변경을 눌러서 변경할 수 있어요. 저는 링크가 홈이어서 홈으로 이름을 바꿔주고 비공개를 설정해줬어요. 이렇게 눈 버튼이 가려져있으면 비공개설정이 되어서 화면에는 나오지 않습니다. 나머지 메뉴의 이름도 바꿔줬습니다. 비공개로 설정되있는 다른 페이지들은 일단 그대로 두었어요. 3. 하위 메뉴 설정 하위 메뉴는 이렇게 페이지를 상위 메뉴 바로 아래로 드래그해주세요. 페이지가 없다면 아래 페이지 추가 버튼을 이용해서 추가..
[wix] 로고에 링크 넣기
안녕하세요. 플입니다. 오늘은 로고에 링크를 거는 법을 알아볼게요. 1. 로고를 클릭 링크를 걸고 싶은 로고를 클릭해주세요. 아래에 메뉴들이 쭉 나오는데 표시된 부분을 누르면 링크를 넣어줄 수 있습니다. 2. 링크 설정하기 클릭하면 이렇게 여러가지 방법으로 링크를 넣어줄 수 있어요. 저는 페이지로 링크를 걸어줬습니다. 메뉴를 만들 때 홈 메뉴를 보이지 않게 만들어두고 거기에 링크를 걸어줬어요. 3. 링크 여는 방법 선택 링크가 열릴 때 현재 창에서 열릴지 새 창에서 열릴지를 설정할 수 있어요. 저는 현재 창으로 설정했습니다. 완료를 누르시면 로고에 링크가 걸립니다. 링크는 로고 말고도 다른 곳에도 넣을 수 있어요. wix에서 간단하게 링크를 넣어봐요~ 그럼 이만. 총총. .
[wix] 로고 넣기
안녕하세요. 플입니다. 오늘은 홈페이지에 로고를 넣어볼게요. 1. 샘플 로고 지우기 우선 기존에 샘플로 있던 로고를 지워주세요. 클릭하고 우측 도구바에서 휴지통 버튼을 누르면 쉽게 삭제할 수 있어요. 2. 로고 이미지 추가하기 좌측 메뉴에서 +모양의 아이콘에 마우스를 올리면 추가라는 설명이 보여요. 추가 메뉴를 선택해줍니다. 다양한 컨텐츠를 추가할 수 있어요. 저는 미리 준비해둔 로고 이미지를 업로드할거에요. 이미지 > 내 업로드 > 내 이미지 업로드 를 순서대로 클릭해주세요. 그럼 배경 이미지를 업로드할 때와 동일한 창이 뜹니다. 여기서 미디어 업로드 버튼으로 이미지를 올려주세요. 이미지가 추가되면 아래 페이지에 추가 버튼으로 업로드해주세요. 3. 원하는 위치에 등록 추가한 이미지를 드래그하면 이렇게 ..
[wix] 이미지 변경하기
안녕하세요. 플입니다. 오늘은 배경 이미지를 변경해볼게요. 1. 변경하고 싶은 이미지 클릭 변경하고 싶은 이미지를 클릭하면 이렇게 편집할 수 있는 버튼이 나와요. 클릭하면 이렇게 왼쪽에 탭이 열리는데 여기서 설정해주시면 됩니다. 2. 이미지 불러오기 추천 배경에서 배경을 선택하시거나 이미지버튼을 눌러서 가지고 있는 이미지를 설정해줄 수 있어요. 저는 준비해둔 이미지로 바꿔볼게요. 이렇게 배경 이미지를 추가해주시고 배경변경을 눌러주세요. 그러면 이렇게 배경이 바뀐걸 볼 수 있답니다. 3. 디자인에 따라서 추가 작업 시안에서는 아래가 컨텐츠가 없고 바로 하단이죠. 그래서 저는 아래 스트립을 클릭하고 우측 도구에서 휴지통 버튼 즉, 삭제를 눌러서 삭제를 해줬어요. 이제 이렇게 바로 하단이 나와요. 이렇게 배경..