고객을 위한 설계! 경쟁력 있는 웹사이트 제작!
홈페이지를 제작해 드리는 서비스
Home > 제작안내 > 홈페이지제작안내
홈페이지 제작안내
합리적인 제작비용으로 부담을 줄여 제작하고 잘 유지할 수 있도록 도와드립니다.
※ 홈페이지는 제작하시는 분량 또는 기능 등에 따라 차이가 있기 때문에 합리적인 비용으로 제작을 해 드리기 위해 먼저 상담 및 기획을 진행 한 후 견적을 내어 드립니다.
꼭 필요한 기능들만 모아져 있기 때문에 브랜딩용으로 적합한 홈페이지를 구축하여 드립니다.
ㆍ제작범위 |
|
ㆍ기본 유지비용 |
|
ㆍ서버, 관리적인 면 |
|
ㆍ홈페이지관리 |
|
ㆍ제작기간 |
|
제공되는 기능
홈페이지 운영에 필요한 기능들로 구축해 드립니다.
그리드시스템기반으로 레이아웃변경이 자유롭습니다.
간단한 관리자교육으로 누구나 쉽게 수정이 가능합니다.
일반게시판, 사진갤러리, 일정관리등
운영에 필요한 기능들이며 게시판, 갤러리도 다양한 형태의 전환이 가능합니다.
여러명이 관리할 수 있으며
각각의 관리자들의 권한을 부분적으로도 부여할 수 있습니다.
포토샵, 워드, 한글등의 도구등의 편집처럼 관리자는 어렵지 않게
디자인을 변경하여 페이지 수정을 할 수 있습니다.
관리자 알림기능을 통해 홈페이지에 글 작성, 문의등록등을
타임라인을 통해 확인할 수 있어 관리가 편리합니다.
퍼블리싱전에 1회 되돌려 작업전의 상태전환이 가능하고
암호화된 데이타를 전송하는 보안서버도 갖추었습니다.
가독력이 있는 홈페이지제작
홈페이지를 운영하면서 비지니스를 잘 표현하기 위한 레이아웃은 고객이 접속했을때 가독력이 있어야 합니다.
한국형에 맞는 디자인과 컨텐츠 배치로 컴퓨터와 모바일을 동시에 지원하도록 만듭니다.
다양한 부가기능 제공
달력기능을 활용해 보세요! 달력을 세분화하여 월, 주, 일 별로 열람할 수 있도록 기능이 제공되며 홈페이지에 접속했을때 어떻게 보여줄지는 쉽게 설정이 가능합니다.(솔루션 제공기능),
사용자와의 상호작용 유연성
어떤 문의가 필요하신가요? 고객은 글을 남기고 관리자는 이 내용을 쉽게 받아 볼 수 있습니다.
더불어, 쉽게 만들수도 있기 때문에 더이상 외부의 프로그램에 의존하지 않으셔도 됩니다. (예)구*폼, 네이*폼
편집이 쉬운 게시판기능
홈페이지운영을 하면서 가장 많이 사용하게 되는 표준형 텍스트 편집기가 게시판에 적용되어 있어 글을 쉽게 작성하고 편집할 수 있습니다. 유형 : 일반게시판, 사진게시판
반응형 홈페이지제작 FAQ
자주 물어보시는 것을 정리하여 올려드립니다.
네이버 웹마스터 도구에 등록하기 위한 준비
사이트맵 은 검색로봇에게 사이트 내에 수집되어야 할 페이지들을 알려 주기 위하여 마련된 표준 규약입니다. 사이트맵을 활용하여 URL의 추가 정보를 검색로봇에 제공할 수 있으므로 검색로봇이 사이트의 콘텐츠를 더 잘 수집할 수 있도록 도울 수 있습니다.
사이트 맵은 본문이 아닌 콘텐츠의 URL 정보만 담고 있기 때문에 사이트 내의 모든 URL을 포함하는 것을 권장합니다. 검색로봇은 해당 사이트맵에 포함된 URL 정보를 추출후 내부 알고리즘을 통하여 수집 대상 URL을 선별하여 우선 순위별로 수집을 진행합니다.
자동으로 만드는 순서
1. https://www.xml-sitemaps.com/ 에 접속합니다.
최대 500개 페이지에 대한 사이트맵을 생성하며 이 보다 많을 경우는 유료입니다. 그러나 대부분의 사이트는 무료의 범주에 들어갑니다.
2. Just enter your website URL to create a sitemap 검색창에 주소를 적습니다.
3. 완료가 되면 다운로드를 받아 홈페이지 루트 폴더내에 올려줍니다.
4. 네이버 웹마스터 도구로 접속하여 해당 도메인클릭 -> 요청 -> 사이트맵 제출 -> URL입력 -> 확인
사이트를 카카오톡으로 공유할때 대표이미지나 텍스트등이 예전정보로 공유가 된다면 여기서 캐시를 삭제해 보세요.
카카오 디벨로퍼스 공유 디버거에 접속합니다.
https://developers.kakao.com/tool/debugger/sharing
로그인을 한 후...
내 도메인 주소를 입력합니다. 디버그로 먼저 오픈그래프 정보를 확인하신 뒤에 캐시 초기화를 진행해 주시면 됩니다.
그리드 시스템(Grid System)을 활용하면 초심자도 아름답고 질서있는 구조의 웹사이트를 더 쉽고 빠르게 제작할 수 있습니다.
현재 제작해 드리는 시스템에서 그리드 시스템이 어떻게 적용되는지 알아보겠습니다.
그리드 시스템이란?
그리드 시스템(Grid System)이란, 페이지 콘텐츠를 논리적이고 일관성 있는 질서와 구조로 디자인할 수 있도록 돕는 그래픽 시스템을 말합니다.
여기서 그리드(Grid)는 사전적 의미로 '격자무늬' 또는 '격자판'을 의미하며, 디자이너는 아래 그림과 같이 격자 선에 맞춰 디자인에 규칙을 부여하여 페이지를 더 보기 좋고, 알기 쉽게 제작하는 데 도움이 됩니다.
그리드 시스템은 1970년대 중반부터 건축, 일러스트레이션, 책, 신문과 같은 다양한 분야에 사용되어 왔는데, 인터넷 보급 후 기술의 발전에 따라 웹 디자인에도 사용되기 시작했습니다.
웹 디자인에서 그리드 시스템은 페이지의 디자인 영역을 나누고, 각 영역에 디자인 요소를 배치하는 데 사용됩니다. 그리드 시스템은 웹 디자인에 있어 아래와 같은 긍정적인 역할을 합니다.
12-그리드 시스템
제공되는 관리자모드의 디자인모드에서는 초보자도 쉽고, 간편하게, 아름다운 웹 디자인이 가능하도록 그리드 시스템을 제공합니다.
그리드 시스템은 8개, 12개, 16개 등 그 형식이 다양하지만, 여기서는 반응형 웹 디자인에 최적화된 12-그리드 시스템을 채용하고 있습니다.
12-그리드 시스템에서는 페이지에 12개의 컬럼(열)을 제공합니다.
사용자는 페이지에 텍스트, 이미지, 버튼과 같은 요소를 추가한 다음, 각 요소를 1/12칸 단위로 제어할 수 있습니다.
언뜻 보면 제약이 많아 보이지만, 오히려 이러한 제약이 일관되고 안정된 디자인을 하는 데 도움이 됩니다.
틀을 잡아주는 그리드 시스템은 디자인 과정을 간단하고 명료하게 해주며, 방대한 양의 콘텐츠도 컬럼 단위로 묶어 정돈해 표현할 수 있기 때문입니다.
그리드 시스템 활용하기
그리드 시스템은 방문자에게 페이지가 포함하는 정보를 최적의 형태로 보여주고, 전달하기 위한 도구입니다.
그리드 시스템에 따라 페이지를 디자인하면 많은 양의 정보도 정돈되고 안정된 구조로 만들어주며, 가독성 및 심미성도 더해집니다. 아래는 12-그리드를 활용한 정보 배치의 예제입니다.
레이아웃은 페이지가 포함하는 정보의 양, 종류에 따라 달라집니다.
예를 들어, 방문자에게 제품 갤러리를 보여주고자 한다면 위 그림에서 왼쪽 상단의 레이아웃이 적합할 수 있습니다.
또한, 만약 여러분이 비영리단체를 운영하고 있고, 단체를 소개하면서 버튼 클릭 시 상세한 활동내역을 보여주고자 한다면 위 그림에서 오른쪽 하단의 레이아웃이 적합할 수 있습니다.
이처럼 그리드 시스템은 아름다운 페이지를 디자인하는 데 도움을 주며, 사이트의 정보를 최적의 형태로 전달하는 데 도움을 줍니다.
첨부된 파일은 12그리드 템플릿으로 다운받으셔서 출력한 후 직접 디자인으로 연습해 보시길 바랍니다.
네. 아래와 같은 절차로 진행이 됩니다.
1. 사용하는 웹 메일 서비스사로 MX레코드값을 문의해 주세요!
2. 받으신 값을 저희쪽으로 보내주시면 됩니다.
다음스마트워크
이름타입데이터우선순위
mydomain.com | MX | ASPMX.daum.net. | 10 |
mydomain.com | MX | ALT.ASPMX.daum.net. | 20 |
mydomain.com | MX | "v=spf1 include:_spf.daum.net ~all" *기본 txt값은 삭제해 주세요. |
GSuite(Google)
이름타입데이터우선순위
mydomain.com | MX | ASPMX.L.GOOGLE.COM. | 1 |
mydomain.com | MX | ALT1.ASPMX.L.GOOGLE.COM. | 5 |
mydomain.com | MX | ALT2.ASPMX.L.GOOGLE.COM. | 5 |
mydomain.com | MX | ALT3.ASPMX.L.GOOGLE.COM. | 10 |
mydomain.com | MX | ALT4.ASPMX.L.GOOGLE.COM. | 10 |
라인웍스
이름타입데이터우선순위
mydomain.com | MX | kr1-aspmx1.worksmobile.com. | 10 |
mydomain.com | MX | kr1-aspmx2.worksmobile.com. | 20 |
mydomain.com | MX | "v=spf1 include:spf.worksmobile.com ~all" *기본 txt값은 삭제해 주세요. |
하이웍스
이름타입데이터우선순위
mydomain.com | MX | mailapp.hiworks.co.kr. | 10 |
mydomain.com | CNAME | hiworksapp.hiworks.co.kr. | |
mydomain.com | CNAME | mailapp.hiworks.co.kr. | |
mydomain.com | CNAME | mailapp.hiworks.co.kr. | |
mydomain.com | CNAME | hiworksapp.hiworks.co.kr. | |
mydomain.com | TXT | "v=spf1 include:_spf.daum.net ~all" *기본 txt값은 삭제해 주세요 |
[참고] MX 레코드 설정 후 최대 72시간 정도 웹 메일 수/발신이 불안정할 수 있습니다.
Google에 사이트맵을 제출하면 Google이 내 사이트 정보를 더 효과적으로 수집하여 더 많이 검색에 반영될 수 있습니다.
새 사이트맵 추가 항목에 sitemap.xml 을 입력하고, 제출 버튼을 클릭합니다.
아임웹은 파일 업로드가 불가하기 때문에, 다른 확인 방법 항목에서 HTML 태그 를 클릭합니다.
복사 버튼을 클릭해 메타태그를 복사합니다.
이 상태에서 새로운 브라우저 탭을 켜고, 내 아임웹 사이트의 관리자 페이지에 접속합니다.
마우스 휠 스크롤을 내려 공통 코드 삽입 항목으로 이동 후, Meta Code 에 위 2번 과정에서 복사한 메타 태그를 붙여넣습니다. (단축키: CTRL + V)
위 2번 과정에서 열어두었던 Google 서치콘솔 창으로 돌아가 확인 버튼을 클릭합니다.
소유권이 확인창이 뜨면, 이제 Google 검색 로봇이 며칠 이내로 내 사이트 정보를 수집하여 검색 결과에 반영하기 시작합니다. 더 효과적으로 페이지를 수집할 수 있게 하려면 속성으로 이동을 클릭해, 다음 단계를 마저 작업해 주세요.
시작하기 버튼을 클릭합니다. (Google 계정으로 로그인이 필요합니다.)
URL 접두어 유형에서 URL 입력 칸에 내 사이트 도메인(URL) 주소를 입력하고, 계속 버튼을 클릭합니다.
참고: 도메인은 반드시 프로토콜(http 또는 https)을 포함하고 있어야 합니다. SSL을 구입했다면 https 로 시작합니다. 도메인 주소는 내사이트의 사이트 이름 아래에서 확인할 수 있습니다.
네이버 서치어드바이저를 사용해 네이버에 사이트를 등록하면 보다 효율적으로 네이버 검색결과에 노출 시킬 수 있습니다.
중요: 네이버 웹마스터 도구를 통해 네이버에 등록한 웹사이트는 네이버가 사이트 정보를 수집하는 과정에서 일정 시간(약 14~16일)이 소요됩니다. 단, 모든 웹문서/사이트의 노출은 보장하지 않으며, 노출 영역 또한 네이버의 검색 로직에 따라 결정됩니다.
등록방법
1단계: 네이버 서치어드바이저 접속하기
2단계: 사이트 추가하기
내 사이트 도메인을 입력합니다.
주의: 내 사이트 도메인에 SSL 보안서버 인증서 설치 여부에 따라 도메인 프로토콜이 http 또는 https 로 달라질 수 있습니다. 이 작업을 수행하기 전에 도메인에 SSL 설치 여부를 확인해 주세요.
3단계: 사이트 소유 확인
메타태그를 복사합니다. *네이버 웹마스터 도구 창을 닫지 마세요!
4단계: 메타태그 붙여넣기
Meta Code 항목에 위 3단계에서 복사한 메타 태그를 붙여넣습니다.
5단계: 자동 등록 방지 문자 입력
자동 등록 방지 문자를 입력합니다.
6단계: 등록 완료
사이트 등록이 마무리 되었습니다. 더 빠른 네이버 검색 노출을 위해 아래 추가 설정도 완료해 주세요.
추가적으로...
네이버 서치어드바이저 추가 설정하기
아래 3가지 작업을 통해 네이버 검색엔진에 더 정확한 내 사이트 정보를 전달해 주세요.
이 모든 설정은 누리즈닷컴에서 대행해 드립니다.
물론입니다.
언제 어디서든 놓치지 않고 내 사이트를 관리할 수 있습니다.
관리용 알림기능으로 새로운 회원가입, 게시물, 문의가 들어오면 실시간 알림을 받을 수 있습니다.
그리고 여러명이 관리할 수 있습니다.
다른 사람들과 함께 사이트를 관리하면 생산성을 높일 수 있게 됩니다.
각각의 관리자들의 권한을 부분적으로 부여할 수 있기 때문에 관리자가 부재중이거나 퇴사하여도 안정적으로 운영할 수 있습니다.
여기에 통계기능을 더하여 사이트의 방문경로에 대한 통계자료를 제공합니다.