마케팅, 디자인, 웹개발에 관한 노하우

홈페이지 제작 문의 : 무료 진단으로 먼저 도와드리겠습니다 :-)

홈페이지 제작 A to Z 14

웹사이트에 무료 입력폼 넣고, 입력 데이터 메일 전송받기 : Google Apps Mail

웹사이트를 통해 고객과 소통하고 정보를 공유하기 위해서는 다양한 기능을 갖추어야 하는데, 그중 하나는 입력폼을 통해 고객으로부터의 문의를 받는 것입니다. 이를 효과적으로 구현하기 위해서는 유료 입력폼을 사용하여 여러 가지 설문이나 문의를 받는데, 큰 기능 없이 간단한 정보수집이 목적이라면 무료인 Google Apps Mail을 활용하는 것이 방안이 될 수 있습니다. part 2개로 나눠서 설명하겠습니다. 그럼 바로 설명하겠습니다. Part. 1 : 구글 폼 만들기 Part. 2 : 입력폼 html에 적용하기 1. 아래 링크로 들어가 주세요. https://docs.google.com/spreadsheets/d/1Bn4m6iA_Xch1zzhNvo_6CoQWqOAgwwkOWJKC-phHx2Q/copy 2. ..

무료도메인 발급 (3분만에 5개 생성하기)

안녕하세요. 이번엔 무료 도메인을 발급할 수 있는 사이트를 소개해 드리겠습니다. 실제 웹을 배포할 생각이라면 당연히 도메인을 구입하는게 좋습니다. 하지만 도메인 연결, SSL적용 등 단순 테스트 목적 등 여러가지 이유들로 무료 도메인이 필요한 상황이 생기곤 합니다. 그럴때는 내도메인.한국 에서 3분이면 무료로 발급 가능합니다. 아래 버튼을 눌러 홈페이지로 이동하여 발급받아 보도록 하겠습니다. 내도메인.한국 - 한글 무료 도메인 등록센터 한글 무료 도메인 내도메인.한국, 웹포워딩, DNS 등 무료 도메인 기능 제공 xn--220b31d95hq8o.xn--3e0b707e 홈페이지 메인화면 입니다. 우선 회원가입을 해야합니다. 약관에 동의합니다.를 체크하고 아이디, 비밀번호, 이름, 메일주소, 보안코드를 입력..

웹사이트에 다운로드 없이 바로 아이콘 넣기(무료 다운로드)

https://fontawesome.com/ Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com FontAwesome은 다양한 아이콘 및 벡터 그래픽 리소스를 제공하는 웹 폰트 아이콘 라이브러리입니다. FontAwesome은 수많은 아이콘과 그래픽을 여러가지 형식으로 제공합니다. 이 라이브러리는 벡터 기반으로 구성되어 크기를 조절하고 색상을 변경할 수 있습니다. 웹 개발에서는 HTML 및 CSS를 통해 FontAwesome 아이콘을 손쉽게 삽입하고 스타일링할 수..

입문자를 위한 HTML 기초 간단 정리!

1. HTML소개 HTML이란? HTML은 웹페이지 콘텐츠를 정의하는 언어(문서 작성 양식)이다. HTML 코드는 HTML 파일에 작성한다. 확장자는 *.html 또는 *.htm 이다 텍스트 에디터에서 작성한 HTML 코드는 웹브라우저를 통해 표시할 수 있다. 텍스트 편집기 : 기본 메모장, Brackets, VSCode 등 웹브라우저 : 크롬, 사파리, 파이어폭스, 인터넷익스플로러, 엣지 등 개발자 도구와 코드 에디터 대부분의 최신 브라우저에는 개발자 도구가 탑재되어 있다. 개발자 도구 열기 : 웹브라우저에서 F12키 개발자 도구는 개발자의 웹 개발 속도 및 편의를 증가시킨다. 개발자는 코드를 더 빠르고 편하게 편집하기 위해 코드 에디터를 사용한다. 코드 에디터 : 텍스트 자동 완성 + 하이라이팅 기능..

가맹점, 비지니스 홈페이지 제작 초보 가이드: 프리랜서vs업체

가맹점이나 비즈니스에서 홈페이지를 제작할 때는 많은 고민이 필요합니다. 특히 홈페이지 제작을 위해 프리랜서나 업체를 선택하는 것은 매우 중요한 결정입니다. 이번 글에서는 프리랜서와 업체 중 어떤 것을 선택해야 할지, 그리고 홈페이지 제작 시 고려해야 할 사항들에 대해 알아보도록 하겠습니다. 4. 가맹점, 비즈니스 홈페이지 제작 시 고려사항 (프리랜서vs업체) - 예산 예산을 정할 때는 제작에 필요한 모든 비용을 고려해야 합니다. 디자인, 개발, 호스팅, 유지 보수 등 모든 단계에서 발생할 예상 비용을 고려하며, 시장 분석을 통해 해당 분야에서 평균적으로 소요되는 예산을 파악하는 것도 도움이 됩니다. 프리랜서는 개인적인 경험과 노하우를 활용하여 비교적 저렴한 가격으로 제작할 수 있어 예산이 제한적인 경우 ..

가맹점, 비지니스 홈페이지 제작 초보 가이드: 제작 과정 (2)

가맹점 홈페이지를 제작하기 위해서는 몇 가지 단계를 거쳐야 합니다. 이번 포스팅에서는 가맹점 홈페이지 제작 과정에 대해 알아보도록 하겠습니다. 3. 가맹점 홈페이지 제작 과정 1). 요구 사항 수집 - 가맹점의 비즈니스 모델과 목표를 파악하고, 이를 반영할 수 있는 요구 사항을 수집합니다. - 가맹점이 제공하는 상품/서비스, 가격, 위치, 영업시간, 고객 리뷰 등을 고려해야 합니다. - 사용자가 원하는 정보를 어떻게 제공할지도 고민해야 합니다. 가맹점, 비지니스 홈페이지를 제작하기 전에는 반드시 요구 사항을 수집해야 합니다. 요구 사항 수집은 가맹점의 비즈니스 요구 사항, 목표 및 타겟 그룹에 대한 이해를 돕는 중요한 과정입니다. 이 과정에서는 제공하고자 하는 콘텐츠, 기능, 디자인 등의 요구 사항을 파..

가맹점, 비지니스 홈페이지 제작 초보 가이드: 필수 사항

매장 운영에 있어서 홈페이지는 필수불가결한 요소입니다. 하지만 홈페이지 제작은 새로운 것이라면, 어떤 부분에 초점을 맞춰야 할지 모를 수 있습니다. 이 글에서는 가맹점 및 비지니스 홈페이지 제작 시 고려해야 할 필수 사항들을 알려드리겠습니다. 가맹점, 비지니스 홈페이지란? 해당 가맹점 또는 비즈니스의 정보와 제품 또는 서비스에 대한 소개, 주문 방법 등을 제공하는 웹사이트를 말합니다. 이를 통해 고객들은 쉽게 정보를 얻고 제품이나 서비스를 주문할 수 있습니다. 또한, 홈페이지를 통해 마케팅 활동도 이루어질 수 있습니다. 홈페이지를 갖는 것은 고객과 소통할 수 있는 수단이 되어, 제품이나 서비스를 홍보하고 판매할 수 있는 기회를 제공합니다. 또한, 인터넷에서의 검색 결과에 노출될 수 있어, 온라인 마케팅에..

사이트에 다음(카카오맵), 네이버 지도 삽입하는 방법(WIX)

WIX사이트 뿐만 아니라 HTML수정이 가능한 모든 웹에 카카오 지도를 넣는 방법입니다. WIX 웹사이트에 한국지도를 삽입하여 사이트를 보완하고자 하시나요? 단계별로 해당 지도를 웹사이트에 삽입하는 방법을 안내해 드릴 겁니다. 한국 사이트 지도의 중요성 WIX에서는 기본적으로 구글 지도를 추가하는 기능이 있습니다. 하지만 지도는 웹사이트에서 중요한 부분이며, 특히 지역 고객을 유치하고 서비스하고자 하는 비즈니스에게는 필수적입니다. 한국 네이버, 카카오(다음) 지도는 비즈니스나 한국 내 다른 장소의 위치를 표시하는 데에 뛰어난 방법으로, 사용자 친화적이며 시각적으로 매력적이고 쉽게 이용할 수 있어 웹사이트에 이상적인 선택입니다. 안타깝게도 네이버에서는 더 이상 지도API를 제공하지 않고 있습니다. 대신 카..

[카페24]구글 애널리틱스 (Google Analytics) 스크립트 설치하기

구글 애널리틱스 (Google Analytics) 스크립트 설치하기 구글 애널리틱스 추적 코드(Google Analytics Tracking Code, GATC)가 모든 페이지에서 실행되도록 공통 레이아웃의 헤드(head) 부분에 설치해 놓으면 웹사이트에 사용자 방문시 데이터를 수집하며 GA서버로 전송하게 됩니다. 추적코드 설치시 유의할 점은 웹사이트 내 모든 페이지에서 태그가 실행될 수 있도록 해야합니다. 사용자가 웹사이트를 방문한 시점부터 웹사이트를 떠나는 시점까지의 모든 행동 데이터를 수집해서 분석하기 때문입니다. 카페24, 고도몰, 메이크샵 등의 주요 임대형 쇼핑몰의 경우 모두 모바일 페이지가 별도로 존재합니다. 반응형 웹사이트가 아닌 모바일 웹사이트를 별도로 운영하는 경우, 모바일 페이지에도 스..

구글 애널리틱스의 필요성, GA계정 생성 방법

쇼핑몰 또는 비즈니스 웹사이트를 운영 중이시라면 디지털 마케팅 분석을 위해서 구글 애널리틱스 활용은 필수입니다. 전 세계가 사용하는 구글은 방대한 데이터와 분석력을 바탕으로 애널리틱스 서비스를 무료로 제공하고 있습니다. 구글 애널리틱스는 웹사이트 방문자의 데이터를 수집해서 분석함으로써 온라인 비즈니스의 성과를 측정하고 개선하는 데 사용하는 웹로그 분석 도구입니다. 구글 애널리틱스를 활용하여 나의 웹사이트에 방문하는 사용자에 대해 자세하게 알 수 있습니다. 크게 사용자 분석, 유입 채널 분석, 방문자 행동 패턴, 구매 전환 등에 대한 인사이트를 얻을 수 있습니다. 방문자 수, 성별, 연령대, 접속 시간대와 요일, 접속 지역, 접속 기기(데스크톱, 모바일, 태블릿), 운영 체제(IOS, 안드로이드), 유입 ..

웹사이트 RSS만들기. 생성방법과 검색엔진 최적화 적용

네이버 웹마스터나 구글 서치 콘솔을 이용하여 웹사이트 최적화를 하다 보면 사이트맵과 RSS를 제출하는 항목이 있습니다. 간단하게 말하자면 사이트맵은 사이트 내의 모든 링크 주소가 담긴 파일이며 RSS는 뉴스나 블로그 등에서 볼 수 있는 콘텐츠를 간략하게 정리해서 보여주는 표현 방식입니다. RSS가 무엇인가요? 위키백과에서 찾아보면 RSS(Rich Site Summary)는 뉴스나 블로그 사이트에서 주로 사용하는 콘텐츠 표현 방식이다. 웹 사이트 관리자는 RSS 형식으로 웹 사이트 내용을 보여 준다. 이 정보를 받는 사람은 다른 형식으로 이용할 수 있다. RSS 리더에는 웹기반형과 설치형이 있다. 검색엔진 최적화 시 업로드해야 할 파일의 형식은 xml포맷이며 검색엔진에서 주기적으로 RSS에 나와있는 URL..

'HTML 구조'오류 수정하기, 사이트맵, RSS생성

안녕하세요. 검색 시 사이트 노출이 잘 되게 하려면 사이트 최적화가 잘 되어있어야 합니다. 네이버 서치 어드바이저의 웹마스터 도구로 사이트 최적화를 확인했을 때 사이트 구조의 HTML 구조 상태가 X로 표시되며 진단 결과에 '사이트의 구조를 잘 표현할 수 있도록 HTML 태그를 점검해 주세요.'라고 떠 있을 때 취할 수 있는 방법을 알아보겠습니다. 네이버 서치 어드바이저 바로가기 searchadvisor.naver.com 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 네이버 웹마스터 도구의 리포트 > 사이트 최적화에서 사이트 최적화 상태를 확인할 수 있습니다. 여기저기 검색해본 결과 방법이 2가지 있습니다. 1. 부분에 아래 ..