어디에서나 바로가기 기능을 사용하실 수 있습니다. 주메뉴 이동은 알트 키 플러스 1 키이고, 본문 이동은 알트 키 플러스 2 키입니다.

WEBPROSOFT
반응형홈페이지제작전문

본문 영역

반응형 홈페이지 및 반응형 편집기를 제공합니다. 상세보기

작성자: 관리자분류: 웹프로스토리 추천: 0조회: 1851

안녕하세요. 반응형 홈페이지 제작 웹프로소프트입니다. 홈페이지 제작을 준비하시면서 반응형 홈페이지에 대해 많이 들어보셨을 것입니다. PC환경과 스마트폰 환경의 콘텐츠 요소를 동일하게 설계한 것을 두고 반응형 웹디자인이라고 하는데요. PC로 웹을 접속하는 숫자보다 스마트폰 또는 태블릿PC로 웹을 접하는 숫자가 점차 늘어나면서 반응형 웹디자인의 중요성이 대두되고 있습니다. 이처럼 앞으로의 웹환경은 모바일 친화적으로 제작되어야 한다고 할 수 있는데요. 저희 웹프로소프트에서는 모바일 환경의 중요성을 인지하고 있습니다. 따라서 수주 들어오는 모든 웹사이트를 반응형 웹디자인으로 제작 진행하고 있습니다. 오늘은 반응형 홈페이지의 개념 및 저희 웹프로소프트에서 관리의 편의성을 위해 제공하고 있는 반응형 편집기에 대해 안내해드리고자 합니다.

 
 

반응형 홈페이지 : RESPONSIVE WEB

 

반응형 홈페이지

'responsive web'

 

예전에는 데스크톱 PC 또는 노트북으로만 웹을 접할 수 있었는데, 기술의 발전으로 다양한 기기로 웹 환경에 접속이 가능해졌습니다. 스마트폰, 태블릿PC, 스마트TV, 노트북 등 크기가 다양한 기기들을 위해 다양한 버전의 웹 화면이 필요하게 된 것입니다. 이처럼 화면 크기가 각기 다른 다양한 기기에 맞춰 웹 페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀌는 것을 반응형 웹 또는 반응형 웹디자인, 영어로는 'responsive web'이라고 합니다.

반응형 홈페이지 기법

- 미디어 쿼리 MEDIA QUERY

 

미디어쿼리는 CSS에서 쓰이는 웹 기법입니다. 화면의 특정 조건을 만족할 때만 미디어 쿼리의 코드를 동작시킵니다. 가령 화면크기가 800px보다 클 때, 800px보다 작을 때의 디자인을 미디어쿼리를 통해 다르게 만들 수 있습니다. 하지만, 홈페이지를 관리하면서 복잡한 미디어쿼리 구문을 다 알 필요가 있을까요? 웹프로소프트에 홈페이지 제작을 맡기시면 관리하면서 반응형에 대해 전혀 알지 못해도, 반응형 웹문서를 제작하고 편집할 수 있습니다. 바로, 반응형 편집기가 있기 때문입니다.


반응형에 대한 최적의 솔루션을 제공합니다!
웹프로소프트에서 제공하고 있는 반응형 편집기 Mong9 Editor

 

반응형웹으로 제작한 뒤의 사후 관리도 중요합니다. 홈페이지를 운영하면서 게시판이나 갤러리 등에서 글을 쓰면 반응형 처리가 되지 않습니다. 웹문서를 쓸 때도 반응형 웹처리가 되는 반응형 편집기가 필수적으로 필요한데요. 대다수의 홈페이지 제작 업체에서는 게시판, 갤러리에 대한 지원만 해줄뿐 관리시스템까지 구현해놓지 않은 경우가 많습니다. 웹프로소프트는 자체 반응형 편집기를 제공하며, 반응형에 대해 모르셔도 디바이스의 변화에 따라 깨짐없이 문서 제작이 가능합니다.


반응형 편집기 Mong9Editor의 특징
: 아름다운 웹문서 구현이 가능합니다.

 

홈페이지 제작을 맡겼는데, 홈페이지 컨텐츠를 수정하기 위해 제작업체에 문의를 하곤 하는데요. 간단한 작업의 경우 '내가 관리할 수 없을까' 하는 생각을 해보셨으리라 생각합니다. 하지만 코딩에 대한 기본 지식이 있어야 하며 중요한 정보가 유실되는 위험이 있어 신중하게 진행되어야 합니다. 따라서 제작업체에 맡기게 되는 거겠죠.

저희 웹프로소프트에서는 코딩 지식 없이도 고객사에서 직접 관리하실 수 있도록 반응형 편집기를 제공해드리고 있습니다. 가령 업체 소식과 같은 게시판 글을 꾸준히 지속적으로 관리하고 편집해야 되는데 그때마다 반응형에 대한 자문을 구하기 위해 제작업체를 찾을 수는 없는 노릇입니다. 웹프로소프트에서 야심차게 개발한 Mong9Editor를 통해 콘텐츠가 꾸준히 업데이트되는 살아있는 홈페이지로 관리하실 수 있습니다. 어려운 코딩지식이 없어도 웹문서를 아름답게 구현이 가능하며, 텍스트와 이미지 및 기타 시각적 요소를 아름다운 레이아웃으로 배열이 가능합니다.

 

PC에서도 스마트폰에서도 깨짐없이 보이는 올인원 솔루션!

웹프로소프트에서 제공하고 있는 Mong9Editor는 서로 다른 뷰포트(데스크톱, 모바일 가로화면, 모바일 세로화면)를 구축하여 작업할 수 있도록 하였습니다. 이를 통해 각기 다른 뷰포트마다 디자인을 차별화하고, 모바일 화면을 최적화할 수 있어 웹사이트 방문자들에게 완벽한 환경을 조성합니다.

 

사용자의 인터페이스를 고려한 다양한 설정창

저희가 제공해드리는 Mong9Editor는 사용자의 인터페이스를 고려한 다양한 설정창이 존재합니다. 표 편집을 위한 테이블창, 목록창, 글을 꾸미기 위한 아이콘창, 콘텐츠를 풍부하게 하는 동영상창, 지도창 등 문서블럭마다 존재하는 설정창을 통해 보다 편리하게 설정이 가능합니다. 이러한 설정창들은 팝업 형식으로 제공되어 편집에 용이합니다. Mong9 Editor에서 제공하는 블럭은 자동적으로 반응형이 고려되어 제작되었기 때문에 홈페이지를 관리하면서 반응형에 대해 몰라도, 아무 문제없이 반응형 문서를 제작하실 수 있습니다.


여기까지 홈페이지 관리를 위한 반응형 편집기 Mong9Editor에 대해 알아보는 시간을 가졌습니다. 홈페이지를 만들기만 하고 방치해두는 사이트는 죽은 사이트입니다. 꾸준한 컨텐츠를 수시로 생성해서 올려야지 살아 있는 홈페이지로 만들 수 있습니다. 하지만 컨텐츠를 올릴 때 코딩에 대한 지식이나 반응형에 대한 지식이 있어야 업로드가 가능하다면, 홈페이지 관리가 불편해질 수밖에 없습니다. 저희 웹프로소프트는 웹에 대한 전문지식 없어도 쉽게 운영할 수 있는 홈페이지를 지향합니다. 저희가 개발한 Mong9Editor로 그러한 철학 위에 만들어진 반응형 편집기로서, 코딩 지식없이도 누구나 웹문서를 만들 수 있는 환경을 지향하고 있습니다.

 

현재 Mong9Editor는 홈페이지 CMS인 워드프레스에 플러그인으로도 제공중이며, 저희가 자체적으로 개발한 솔루션에도 내장되어 있습니다. 저희 웹프로소프트에서 진행하는 홈페이지 제작 건은 모두 저희가 자체 제작한 CMS 솔루션을 제공해드리기 때문에 관리가 편하며, 컨텐츠를 올리기 쉽게 반응형 편집기를 제공해드리고 있습니다. 홈페이지의 최종적인 목표는 단지 홈페이지 제작에만 머물러 있지 않고, 마케팅적인 요소로 홈페이지가 기능하도록 더 많은 방문객수를 유치하는 것입니다. 웹프로소프트는 여러분의 사업에 날개가 되어드리도록 하겠습니다.

저희와 함께 홈페이지를 만들고자 하시는 분은 홈페이지 내 견적문의 페이지로 문의주시면 친절한 상담이 가능합니다.

첨부파일:
첨부파일 내려받기:파일명-102657125.jpg [다운수:6] 102657125.jpg(5.92KB)

총[1]개의 파일

등록일:
마지막 수정일:
목록

윗 글에 대한 댓글 등록

댓글등록

윗 글에 대한 댓글(총 댓글수:0)

등록된 댓글이 존재하지 않습니다.

블로그

총글수: 7

정렬: 제목작성일 조회

  • 기업 홈페이지 제작, 이것만 알면 쉬워요!

    오늘은 기업 홈페이지 제작에 대해 알아보고자 하는데요.기업 홈페이지 제작 시, 꼭 알아야 할 정보 몇 가지에 대해서 소개해드리는 시간을 갖겠습니다.1. 가격 (제작비용) 대개 홈페이지 견적을 물으시는 분들을 보면 기업의 대표님이 다이렉트로 물어오시는 경우도 있고, 직원분이 기업 홈페..

    조회: 2440댓글: 0
    2020-11-11
  • 웹프로소프트 홈페이지 제작 안내

    안녕하세요. 홈페이지 제작 전문 웹프로소프트입니다.홈페이지는 왜 만드는 것일까요?다양한 이유가 있겠지만 홈페이지를 만드는 근본적인 이유는 '마케팅'에 보다 효율적으로 활용하기 위함입니다.그러기 위해서는 가장 먼저 포털사이트 검색 최적화가 이루어져야겠지요.오늘은 홈페이지 제작을 고민..

    조회: 1293댓글: 0
    2020-11-09
  • 홈페이지 제작 문의 전 준비 사항

    안녕하세요. 홈페이지 제작 전문 웹프로소프트입니다.많은 분들이 홈페이지 제작 문의를 주시면서 단순히 '견적이 얼마예요?'라고 물어오시곤 합니다.하지만 고객분들이 원하시는 홈페이지는 모두 다르기에, 이렇게 되면 정확한 견적을 내기가 힘듭니다.저희는 우선일반홈페이지의 경우 15페이지 기..

    조회: 1771댓글: 0
    2020-11-06
  • 자체제작 CMS 보유 :: 홈페이지 자체개발 솔루션에 대해

    홈페이지 제작업체, 찾으려고 하면 정말 너무 많죠?여러 홈페이지 제작업체 중 어떤 곳을 선택해야 하는지, 많은 제작업체 앞에서 고민이 되실 겁니다. 과거에는 창업을 한다고 하면 오프라인 매장이 필수로 있어야 하지만,웹시대인 요즈음은 꼭 그렇지만은 않은 것 같습니다.사무실도 있어야 겠..

    조회: 3027댓글: 0
    2020-11-03
  • 홈페이지 리뉴얼은 웹프로소프트

    홈페이지 리뉴얼 어떻게 해야 하나요? 안녕하세요.경남창원 홈페이지 제작업체웹프로소프트입니다.오늘은홈페이지 리뉴얼에 대해알아보는 시간을 갖도록 하겠습니다. 홈페이지의 유효기간은 언제까지일까요?도메인과 서버관리만 된다면오래 사용할 수 있겠지만평생 사용할 수 있는 홈..

    조회: 1379댓글: 0
    2020-11-03
  • 반응형 홈페이지 및 반응형 편집기를 제공합니다.
    반응형 홈페이지 및 반응형 편집기를 제공합니다.

    안녕하세요. 반응형 홈페이지 제작 웹프로소프트입니다. 홈페이지 제작을 준비하시면서 반응형 홈페이지에 대해 많이 들어보셨을 것입니다. PC환경과 스마트폰 환경의 콘텐츠 요소를 동일하게 설계한 것을 두고 반응형 웹디자인이라고 하는데요. PC로 웹을 접속하는 숫자보다 스마트폰 또는 태블릿PC..

    조회: 1851댓글: 0
    2020-07-03
  • 제조업 회사 홈페이지 제작은 웹프로소프트!

    안녕하세요. 홈페이지 제작 업체 웹프로소프트입니다!그동안 저희 웹프로소프트의 고객사 분들의 업종이 다양했지만, 그중에서도 제조업 업체의 홈페이지를 가장 많이 수주받아 제작하곤 했는데요. 그렇다면 많은 제조업 업체의 대표자담당자분께서 저희 웹프로소프트를 믿고 맏겨주신 이유가 무엇..

    조회: 2863댓글: 0
    2020-07-02
 
블로그 검색

TOP
사용자 영역

Quick Menu

상담전화

055-723-2844
  • AM : 10:00~ PM : 5:00
    (주말,공휴일제외)
  • FAX : 055-723-2845
  • loadgame@naver.com