홈페이지 제작이란 앞서 말씀드린 도메인, 호스팅, 서버 등을 구비하고서 하는 것이 일반적이나 이에 대한 지식이나 전문성이 없더라도 다양한 호스팅 업체들의 서비스를 활용한다면 쉽게 접근 할 수가 있다.

 

하지만 홈페이지 제작을 위해 기본적인 구성에 대한 지식이 있다면 더욱 쉽게 이해 할 수가 있다.

 

홈페이지가 구성되기 위해서는 HTML(Hyper Text Markup Language)리고 하는 웹브라우저에서 가동이 되도록 만드는 개발언어를 이해 하는 것이 가장 기초적인 접근 방법이 된다.

 

평소에 사용하는 아무 홈페이지나 접속하여 보자~!

예를 들면 www.crossp.co.kr이라고 한다면 해당 홈페이지에서 마우스의 우측 버튼을 눌러보면 소스보기라고 메뉴가 있다.

 

소스보기를 누르면 잘 알 수 없는 다음과 같은 텍스트들이 기본적으로 나오게 된다.

 

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">


이러한 것을 태그 또는 html이라고 하는 마크업 언어이다. 

 

즉, 모든 웹브라우저(IE, 크롬, 파이어폭스 등)에서 만들어지는 언어의 기본은 html이다라고 이해하면 된다.

 

이렇듯 홈페이지 제작을 위해서는 이러한 html코딩 작업을 전문업체들에서는 퍼블리싱 작업이라고 표현한다.

 

기본적인 홈페이지 제작을 위해 기획, 디자인이 끝나면 바로 하게 되는 작업이며 기술 숙련도에 따라 웹 프로그램 개발자들 수준의 스크립트 개발까지 해야 하는 높은 수준의 퍼블리셔도 있다.

 

 

< 잠깐 휴식~~^^ 뜬금없는 - 새해 인사 듣기 (항상 새해에 들으면 기쁘당~^^) >

 

< 2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 > 

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

 

몇일 전부터 우리나라에서 다양하게 시험되고 만들어져 가고 있는 오투오(O2O)서비스의 핵심은 무엇일까? 하고 고심하게 되었다. 하지만 좀처럼 해답을 얻지 못하였다. 

 

O2O서비스는 달리기로 따지면 장거리 코스이기 때문이다.

 

왜냐하면 기존에 없던 플랫폼이 자리잡기까지에는 시간과 자금이 많이 투여되고 보이지 않았던 시행착오도 나타나게 된다. 반면에 그만큼 자리가 잡히면 큰 힘을 발휘하는 서비스이기도 하다. 

 

그렇다면 어떻게 하면 이러한 서비스가 성공의 가치를 만들어 갈 수 있을 것인가? 한가지 확실한 느낌을 갖게 되는 공통적인 부문은 사람에게 신뢰와 가치를 주고 그 가치가 서비스에도 공유되어야 한다는 것이다.

 

O2O서비스의 가치는 오프라인의 가치를 온라인에서 만들며 온라인에서의 가치를 오프라인으로 연결하고 결합하여 더 큰 가치인 제 3의 가치(?)를 만들어 갔을 때에 모두가 만족 할 수 있는 서비스가 된다고 생각한다.

 

어떠한 분야이든 온라인 보다는 오프라인에서의 사업적 구조는 더욱 가혹하며 정신적 육체적으로도 쉽지 않은 구조로 이루어져 있기 때문이다. 당연히 시간과 물리적인 요소도 더 많이 투여가 된다.

 

문화일보(http://www.munhwa.com/news/view.html?no=2016040501032003018002)의 기사를 보면서 한층 그러한 부문이 맞다라는 확신을 갖게 되었다.

 

결국 O2O서비스는 이러한 사업군을 진행하는 사람들과의 신뢰성, 협업, 윈윈의 관계가 이루어 질 때에 비로소 완성 되어 질 수 있다고 보여진다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

 

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요




UI/UX는 홈페이지 제작을 위해 구성하는 사용자를 위한 형상(모습), 경험을 말한다.

 

영어로 표현하는 User Interface, User Experience의 약칭이다.

 

기본적으로 사이트 제작 기획에 최초로 만들어야 하는 것이 IA(Information Architecture)이다.

 

쉽게 표현하면 오래전 홈페이지 메뉴에는 사이트맵이라고 있었다.

 

전체 메뉴 구성도를 말하며 반드시 필수적으로 만들어야 하는 부문이다.

 

IA(InformationArchitecture)를 만들고 나면 새로운 홈페이지에 접근하고 사용하려는 방문자들을 위해 화면 구성을 그려야 하는데 이러한 작업을 UI라고 통칭 할 수 있으며 스토리보드를 만든다 라고도 표현 한다.

 

스토리보드(Story Board)는 홈페이지에서의 메뉴별 화면들을 하나씩 그리면서 작성하게 되며 국내에서는 주로 해당 작업을 마이크로소프트의 파워포인트로 작성을 한다.

 

스토리보드내에는 다양한 정보들을 담아야 하며 사용자를 위한 GNB(Global Navigation Bar)영역, 각 서브 화면 및 서브 배너 영역, 개발자를 위한 기능 정의 등이 들어가야 한다.

 

또한, 사용자들을 위한 편리한 화면 이동, 매력적인 화면 구성에 대한 정의도 함께 포함되어야 한다.

 

이러한 부문들을 총칭하여 UX라고 표현 할 수 있다.

 

과연 어떠한 방법이 개인 또는 기업에게 최신 트랜드, 또는 최신 스타일로 만들것인지? 아니면 개성있는 독특한 방향으로 구성해 갈 것인지?

 

다양한 목표(마케팅, Target)에 따라 그러한 방향성이 바뀌어 질 수 있다.


2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

 

 

호스팅이란 도메인 구성 후 홈페이지 구성을 위해 시스템을 구현 할 곳을 정하는 것을 말합니다.

 

서버 시스템이라고 해서 웹 호스팅, 서버호스팅 등 다양한 형태로 나눌수 있습니다.

 

다양한 업체에서 이러한 서비스를 제공하고 있으며 개인이나 기업은 따로 시스템을 구매하지 않아도 이러한 서비스를 활용하여 월단위, 연간 단위로 가입 및 결제를 통해 기본적인 서비스를 제공 받을 수 있습니다.

 

즉, 홈페이지 구성을 위한 시스템 공간을 구매하여 홈페이지 제작을 위한 기본적인 시스템 환경을 만들 게 되는 것입니다.

 

이제 홈페이지 구성을 위한 기본적인 요소로써 도메인, 호스팅이 구성 되었다면 이제는 홈페이지 구성 을 위한 다양한 방법들을 선택 할 수 있습니다.

 

좀 더 상세한 웹호스팅과 서버 호스팅에 대한 상세한 내용들은 구분하여 포스팅 하도록 하겠습니다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

 

도메인(domain)이란 인터넷 상에서 개인(기업)이 소유하고 있는 영문 주소를 이야기하는 것입니다.

 

주소라고 하면 앞서 배운 "www"를 제외한 나머지 주소인 "crossp.co.kr"을 이야기 하는 것입니다.

 

도메인 주소는 원래 IP주소(예를 들면 210.111.123.123, 인터넷 프로토콜 어드레스로 숫자로 명기 됨) 로 어렵게 이루어져 있는데 이러한 숫자를 영문으로 바꾸어서 표현하여 쉽게 찾을 수 있도록 구현하는 방식이라고 이해 하시면 쉽습니다.

 

그렇다면 이러한 도메인 주소를 등록하는 기관을 찾으셔야 합니다.

 

다양한 도메인 등록 기관들이 있으며 도메인 등록을 위해서는 연간 단위의 도메인 주소 등록 비용을 필 수적으로 구매하셔야 합니다.

 

비용은 업체에 따라 틀리며 조건에 따라 비용 지불 방법도 다양하게 구성 되여져 있습니다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요


홈페이지 제작을 위해 가장 먼저 해야 할 일이 있다. 바로 기획이다.

 

기획이라는 것이 어떻게 보면 쉽고 어떻게 보면 어렵다. 그러나 첫번째 무조건 해야 할 일이 있다.

 

개인 또는 기업의 업종에 따른 브랜드 디자인 사이트에 대한 벤치마킹을 시작해야 한다.

 

그리고 제일 중요한 것은 자기 업종에 대한 색깔을 찾는 것이다. 우리 회사의 색깔은 무엇인가? 

 

파란색인가? 붉은색인가? 아니면 두가지를 함께 조합해야 하는 것인가? 

 

이러한 고민과 벤치마킹이 우리 회사의 브랜드를 만드는 첫번째 시작이 될 수 있다.

 

또 한가지 간과하지 않으면 안되는 것이 회사의 이미지를 상징하는 CI가 될 수 있다.

 

CI는 기업을 상징하는 색깔을 선택하게 되는 중요한 작업의 하나인 것이다.

 

기획은 이렇듯 개인 또는 기업의 색깔 뿐만이 아닌 가치를 연결해 주는 역할을 한다.

 

홈페이지는 이러한 기업의 브랜딩을 통해 가치를 올릴 수 있는 하나의 미디어 채널로써 그 역할을 해갈 수 있어야 한다.


2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

안녕하세요? 아담블루입니다. 오늘은 홈페이지 의미에 대해서 먼저 말씀드리겠습니다. 우선, 쉽게 이해하고 있는 "더블유 더블유 더블유" 또는 "따따따(www)"라고 하는 의미가 있습니다.

 

이것은 월드와이드웹 이라고 하는 영어의 약자입니다. 영문으로 하면 "World Wide Web"이라는 의미 입니다. "월드와이드웹"의 의미는 쉽게 풀이해 드리면 "전 세계에 퍼져 있는 국제적인 망"이라고 생각하시면 쉽습니다.

 

즉, 누구나가 인터넷 브라우저(IE, Chrome, Safari, Firefox)를 열고 브라우저 주소창에 URL (예를 들면, www.crossp.co.kr)을 치면 전 세계에 어디에서나 망에 접속하여 볼 수 있는 홈(집)의 페이 지(화면) 들이 나타나는 것입니다.

 

이렇듯 홈페이지는 월드와이드웹의 쉬운 우리나라의 말이 된 것입니다. 그리고 홈페이지 구성을 위해서는 우선적으로 필요한 몇가지 사항들이 있습니다.

 

첫번째로 도메인 구성, 호스팅 구성을 해야 하며 이러한 시스템 환경을 기반으로 홈페이지 제작 기획, 디자인, 코딩, 웹 프로그램 개발 등을 구성 해야 합니다.

 

< 2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요