본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기의 마지막입니다. 드디어 마지막 이야기입니다. 이것으로 웹사이트 완성~~~!! 이라고 외치면 좋겠지만 실상은 그렇지 않습니다. ^^ 아직 수정/보완해야 할 부분이 많고 영문 페이지도 만들어야 되거든요. 영문 페이지 만드는 과정은 생략하니 양해 바랍니다. 그냥 영문 버튼 눌러 지금까지 했던 작업을 동일하게 수행하면 됩니다. 단, 한글이 아닌 영어로 다 입력해야 하는 차이뿐입니다. 이번 이야기 과정에서 빠진 부분이 있습니다. 바로 '시안 작업'입니다. 보통은 웹사이트를 제작하기 전에 시안 작업이라는 것을 먼저 하게 됩니다. 어떤 형태..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. INTRO 페이지 흔히 인덱스(INDEX) 페이지하고 하는 웹사이트 처음 접속하면 보이는 첫 페이지입니다. 그동안 만든 콘텐츠도 이용하고 새로운 요소도 추가하여 꾸며 보도록 하겠습니다. 1. 상단 슬라이드 이미지 블록 추가 - 이 부분은 인사말 페이지 제작할 때 만들어 두었던 것을 그대로 옮겨 두었습니다. 특별히 손 델 부분은 없을 듯하여 그냥 유지하도록 하겠습니다. 나중에 수정/보완할 때 좌우 폭이나 이미지와 텍스트 교체 정도는 이루어질 수 있습니다. 2. 구분선 추가 구분선이 차지하는 부분이 좀 큰 듯하여..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어 집니다. 제품문의 페이지 제품문의 페이지에는 간단하게 전화번호와 이메일만 나오면 되므로 페이지 자체를 이미지로 만들어 올리겠습니다. 1. 이미지 편집하기 1.1 관련 이미지를 freepik.com 에서 다운로드 받습니다. 1.2 다운로드 받은 이미지를 활용하여 적당하게 편집 합니다. 2. 이미지 넣을 블럭 추가 이미지 블럭 중 맨 아래에 보면 하나의 이미지만 있는 블럭을 선택하여 넣습니다. 3. 이미지 교체하기 이미지위에 마우스 포인터를 올리면 두 개의 아이콘이 나옵니다. 그 중 EDIT 아이콘을 누릅니다. 이미지 ..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 홈페이지 리뉴얼 이야기는 계속 이어집니다. 공지사항 게시판 가비아 크리에이터링크 서비스에서 기본적으로 게시판 시스템을 지원하여 줍니다. 단, 베이직 계정에서는 회원제로 게시판 운영은 안됩니다. 의뢰 업체는 관리자가 공지사항만 올리면 되므로 회원제가 필요 없어서 베이직 계정으로 등록하였습니다. 1. 타이틀 블럭 추가 - 제품소개 페이지처럼 인사말 페이지의 타이틀블럭을 복사해 와서 수정합니다. 인사말 타이틀 블럭을 복사 하였습니다. . 복사한 블럭을 이동 후 [저장] 버튼을 누릅니다. . 인사말 글자를 공지사항으로 수정하였습니다. 2. 공지사항 게시판 설..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어 집니다. 제품소개 페이지 1. 상단 타이틀 만들기 - 인사말 페이지에 만들어 놓은 타이틀을 복사해서 사용하도록 하겠습니다. - 인사말 페이지의 타이틀 블럭 설정 버튼을 눌러 '블럭복제' 를 누릅니다. - 다시 타이틀블럭 설정버튼 눌러서 '블럭이동' 을 누릅니다. - '블럭 이동' 창이 뜨면 복제된 타이틀 블럭을 드래그 하여 '제품소개' 페이지 쪽으로 옮깁니다. - [저장] 버튼을 누르면 '블럭 이동' 창이 닫힙니다. - '제품소개' 페이지로 이동한 후 타이틀 글자를 '제품소개' 로 변경합니다. 2. 타이틀과 내용 이..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. 전하는 말 인사말 페이지 제작 후 다듬는 과정에서 메뉴 시스템을 하위(서브) 메뉴 방식으로 변경하였습니다. 오시는 길 페이지 제작 위치정보를 알려주는 블럭은 '컨택트' 라는 것을 이용하면 됩니다만 구글맵이 연동됩니다. 네이버맵이나 다음 카카오맵을 연동하는 방법에 대해서는 알아보아야 되겠습니다. 1. 상단 타이틀 블럭 추가 1.1 오시는 길 페이지 들어가기 - 사이트메뉴 중 '오시는길' 메뉴 선택하여 해당 페이지 열기 1.2 상단 타이틀 구성 - 이 페이지도 인사말과 같이 심플하게 구성하려고 하였으나 구글맵 표..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. 인사말 페이지 제작 가비아 크리에이터링크에서 각 페이지를 제작/수정하는 작업은 마치 문서를 편집하는 것처럼 쉽게 되어 있습니다. 물론 적응하면 말입니다. 페이지 수정하는 방법은 사이트 편집 화면에서 실제 사이트 메뉴를 클릭하면 해당 페이지가 열리게 되고 거기에서 원하는 구성요소를 블럭처럼 쌓는 느낌으로 쌓고 배열한 후 내용을 적절하게 수정하면 됩니다. 즉, 인사말 페이지를 편집/수정하기 위해서 단지 '인사말' 메뉴를 클릭하세요. 그다음은 원하는 구성요소(블럭)를 추가하세요. 1. 인사말 페이지 열기 - '사이..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. 제작 시작하기 전에 중요한 부분을 말씀드리겠습니다. 웹사이트 제작에 사용하는 폰트와 이미지는 항상 라이센스 부분을 확인해야 됩니다. 그냥 인터넷 검색해서 마음에 드는 이미지나 폰트를 사용했다가 라이센스 위반으로 나중에 엄청난 벌금을 무담해야 하는 상황이 올 수 있습니다. 이미지 참조 사이트 및 라이센스 정책 확인 pixabay.com pixabay에 올려진 이미지는 라이센스 표기 없이 상업적으로 사용해도 아무런 문제가 없습니다. freepik.com freepik의 이미지는 저작권 표시(저작자 또는 freep..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사의 웹사이트 리뉴얼 이야기는 계속 이어집니다. 이번 이야기에서 다루는 내용 가비아 가입 및 크리에이터링크 생성하기 유료계정 전환하기 사이트 기본 설정하기 - 사이트 메타태그 설정, 사이트이름 설정, 파비콘 등록, 폰트지정, 메뉴등록, 메뉴디자인변경, 사이트로고 설정, 푸터 변경 등 가비아 가입 및 크리에이터링크 생성 저는 가비아와 아무런 관련이 없으며 이번 웹사이트 리뉴얼을 의뢰 받은 후 적당한 곳을 검색하던 중 가비아의 크리에이터링크 서비스를 알게되어 선택하였을 뿐 입니다. 가비아 크리에이터링크 가입방법 1. 가비아(https://gabia.co.kr..

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 대표이미지출처 : https://www.freepik.com/free-vector/web-design-landing-page-template_5061659.htm 시작하기 전에... 예전에 사진 동호회 같이 활동하던 지인께서 오랜만에 연락하시더니 근무하시는 회사의 웹사이트 리뉴얼을 부탁하셨습니다. 기존 웹사이트는 제작한지도 오래되었고 플래시 컨텐츠가 많다 보니 플레시 서비스가 종료된 요즘 사이트가 정상적으로 안 떠서 지장이 많은 듯합니다. 메뉴조차 플래시로 되어 있으니... 특히 모바일 페이지가 지원되지 않아서 시대에 뒤처지는 경향도 있는 듯하고요. 아직 제작해..

본 이야기는 제가 티스토리 블로그를 네이버에서 검색되도록 등록하는 과정에 대한 내용입니다. 혹시 저와 같은 분이 계시면 내용 끝까지 확인하신 후 진행하실것을 권해 드립니다. 결과를 바로 알고 싶으시면 페이지 맨 아래로 쭈~~ 욱 내려 가시면 됩니다. 제 블로그는 티스토리(https://www.tistory.com/) 를 이용하고 있습니다. 블로그 관리페이지에서 접속통계를 살펴보던 중 검색어를 통한 접속은 다음(https://www.daum.net/) 에서만 이루어지고 네이버(https://www.naver.com/) 에서는 한 건도 없음을 알게 되었습니다. 그 이유를 알아보니, 티스토리 블로그는 네이버에서 검색이 안된다고 하며 검색이 되도록 하려면 네이버에 따로 등록해야 함을 알게 되었습니다. 네이버에서..

카페에서 판매용으로 키우던 커피나무 모종이 있었습니다. 지난 화재피해 속에서 살아남은 아이들을 집에 갖다 놨었는데 창가에 둔 아이들이 한파로 인해 추웠나 봅니다. 제 인스타그램 ( https://www.instagram.com/tech1010kr/ ) 을 둘러보시면 커피나무에 대해 올린 글이 몇 개 있을 겁니다. 처음엔 제가 키우던 아이들만 있었는데 탐 내는 손님들이 많으셔서 판매용으로 농장에서 직접 구매하기 시작하였었습니다. 제법 많은 아이들이 들어오고 입양되어 나갔었는데 아직 남아 있던 아이들이 지난 화재로 인해 피해를 많이 입었었어요. 그나마 살아있는 아이들을 흙갈이 새로 한 다음 부엌과 연결되어 있는 작은 방 책상 위에 올려 두었었는데 제가 며칠 출장 다니면서 집을 비웠고 그 사이 어머니께서 곰탕..

제가 사용하는 공구가 몇 개 있습니다. 전기드릴, 전기 그라인더, 전기톱, 타카 총 등... 살아가면서 집이나 사무실 등에 필요한 간단한 설치/보수 등에 사용하는 기본적인 공구들인데 이번 화재 때 그을리고 소방수로 인해 녹슨 상태에서 방치해 놓고 있었으나 앞으로 프리랜서로 활동하면서 필요한 공구들이나 다시 꺼내어 정비하고 있습니다. 셀프 인테리어도 해야 되고 가구, 테이블, 선반 등의 보수 및 필요에 따라 구조변경 등도 해야 되고 커피머신 설치하기 위해서도 필요하고 싱크대 개조할 때도 필요하고 벽에 액자 거는 단순한 작업에도 필요하는 등... 일상생활에 필요한 공구가 제법 많습니다. 이러한 공구가 없고 있어도 활용할 기술이 없다면 보통 기술자를 부르게 되며 그러면 필수적인 비용지출이 발생하게 됩니다. 직..