WEBSITE CONSTRUCTION
웹사이트 구축
반응형웹/웹표준
반응형 웹(Responsive Web)이란?
웹의 해상도, 레이아웃 등이 기기의 스크린 환경에 반응하여
사용자의 화면 크기에 따라 자동적으로 변환되는 웹페이지를 의미합니다.
PC와 스마트폰은 물론이고, 태블릿 등에서도 글씨나 이미지가 깨지지 않고 볼 수 있습니다.
기존에는 홈페이지를 제작시 PC화면을 기준으로 만들어서 모바일로 접속시
글씨가 작게 보이기 때문에 모바일 전용 홈페이지를 별도로 만들어야 했지만
반응형웹은 PC용, 태블릿용, 모바일용 홈페이지를 별도로 제작하지 않아도 된다는 장점으로
콘텐츠 제작 및 관리에도 매우 유리합니다.
어떠한 기기에서도 최적의 해상도 유지
PC와 스마트폰은 물론이고, 태블릿 등에서도 완벽한 해상도를 유지하며 자동으로 화면을 재구성합니다.
기업 이미지 상승
독특한 형식의 구축과 함께 보다 많은 사람들이 쉽게 홈페이지를 통하여 정보를 쉽게 얻을 수 있도록 하여 기업의 긍정적인 이미지를 가져올 수 있습니다.
편리한 관리
DB연동 방식을 통해 PC 따로 모바일 따로 홈페이지를 관리할 필요가 없이 통합 관리가 가능합니다.
홍보 효과 상승
PC용 www. 주소와 모바일용 m. 도메인을 따로 사용할 필요가 없어 검색엔진에서 효과적인 홍보가 가능합니다.
웹표준(Web Standards)이란?
- 웹 호환성 확보로 어느 웹 브라우저로 접속을 하여도 기능상의 오류나 깨짐현상 없이 최적화된 웹사이트로 구축하는 것입니다.
- 피아트SID만의 노하우로 웹접근성 표준 지침을 준수한 웹사이트를 구축합니다.
웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 기술 규격을 용어로서 W3C에서 권고하는 사항대로 태그를 사용용도, 사용방법에 맞게 정확하게 마크업하고 문제가 되는 웹브라우저에 대한 내용을 추가하여 모든 웹브라우저가 동일한 페이지를 출력하게 하는 것을 뜻합니다. 기존 표현구성(Presentation Layer)에서 구조(Html), 표현(CSS), 동작(Script)을 분리하여 표현을 제거하더라도 구조 및 동작으로 서비스 가능하도록 개선하는 방식입니다.
웹접근성(Web Accessibility)이란?
웹 접근성의 주 목적은 웹 컨텐츠를 이용함에 있어 어떠한 상황이나 환경에 구애받지 않고 접근할 수 있도록 하는 것을 의미합니다. 정보통신접근성(Web접근성)은 「지능정보화기본법」 에 따라 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항 입니다.
웹접근성을 위한 4가지 원칙
인식의 용이성
모든 콘텐츠는 사용자가 인식할 수 있어야 한다.
- 텍스트가 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.
- 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을 제공해야 한다.
- 콘텐츠는 명확하게 전달되어야 한다.
운용의 용이성
사용자 인터페이스 구성요소는 조작 가능하고 네비게이션 할 수 있어야 한다.
- 콘텐츠는 키보드로 접근할 수 있어야 한다.
- 콘텐츠를 읽고 사용하는데 충분한 시간을 제공해야 한다.
- 광과민성발작을 일으킬 수 있는 콘텐츠를 제공하지 말아야 한다.
- 콘텐츠는 쉽게 네비게이션 할 수 있어야 한다.
이해의 용이성
모든 콘텐츠는 사용자가 이해 할 수 있어야 한다.
- 콘텐츠는 읽고 이해하기 쉬워야 한다.
- 콘텐츠의 기능과 실행결과는 예측가능해야한다.
- 콘텐츠는 논리적으로 구성해야 한다.
- 입력 오류를 방지하거나 정정할 수 있어야 한다.
견고성
웹콘텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다.
- 웹콘텐츠는 마크업 언어의 문법을 준수해야 한다.
- 웹 애플리케이션은 접근성이 있어야 한다.
웹사이트 구축
기획
홈페이지 구축의 목적과 어떠한 정보를, 누구에게, 어떤 방법으로 (가능성 or 홍보성) 전달 할것인지를 분석하고 계획을 수립합니다.
자료수집
필요한 자료를 수집하고 기술적인 요소를 분석합니다.
시안 제출
정보의 상호 연관성을 분석하여 사용자에게는 이용편의성을 제공하고, 개발자에게는 효율적인 인터페이스가 제공되도록 설계합니다. 또한 향후 유지보수도 가능하도록 합니다.
시안 결정
결정하신 시안을 토대로 홈페이지 구축 작업을 진행합니다.
설계, 디자인
홈페이지 로딩속도 지연에 따른 불편함이 없도록 과다한 그래픽을 줄이고 심플하면서 역동적인 멀티미디어디자인을 구현합니다.(2D, 3D, AnimationPro 등 사용)
코딩 및 작업완료
제작완료된 사이트를 최종 검수 확인 후 ftp에 올려 사이트를 오픈합니다.
검색사이트 등록
네이버, 다음 등 검색엔진등록으로, 사용자에게 홈페이지를 알리고 접속을 유도하여, 인터넷 광고를 통한 실제적인 홍보효과를 거둘 수 있습니다.
유지 보수, 관리
변경된 자료나 정보를 신속하게 등록하고 신기술을 이용한 프로그램의 접목으로 사용자의 편의를 지속적으로 제공합니다.
홈페이지 의뢰하기 전에
- 사이트의 용도는?
- 메뉴는 어떻게 구성할 것인가?
- 운영 및 관리는 어떻게 하실 것인가?
- 어떤 호스팅을 선택하실 것인가?
도메인 이름
- 읽기 쉽고, 머리속에 기억하기 쉬운 도메인은 소비자가 다시 사이트를 찾는데 용이합니다.
- 인지도 있는 도메인을 등록하시는 것도 사이트를 홍보하는데 중요한 수단이 됩니다.
사이트의 용도
- 기업 홍보가 목적인 홈페이지인가?
- 상품에 대한 판매가 이루어지는 쇼핑몰인가?
- 정보 제공을 위한 컨텐츠 사이트 인가?
홈페이지 제목
- 시선을 끌 수 있고 기업, 단체, 개인 홈페이지, 쇼핑몰 등의 특성이 잘 담겨있으면 좋겠습니다.
- 홈페이지의 제목은 사이트가 소비자의 머리속에 기억되는 중요한 방법입니다.
구체적인 메뉴 및 내용
- 회사의 경우 회사소개를 중심으로 제품 소개와 판매 부분이 강조되어야 합니다.
- 단체일 경우 단체의 성격과 활동을 강조합니다.
- 개인은 자신의 소개와 취미 등 다양한 내용을 첨가할 수 있습니다.
자료 준비
- 자료는 주로 기업과 단체일 경우 홍보 팜플릿과 사진, 책자 등이 있을 것입니다.
- 개인의 경우에는 홈페이지에 들어가기를 원하는 사진과 내용을 글로 적어 주시면 됩니다.
유지보수
오래된 회사는 무언가 다르지 않을까요?
1998년부터 한길만 걸어오고 있습니다.
피아트SID가 더 나은 디지털 세상을 만들어 가며 생각합니다 어떻게 하면 좀더 만족스러운 결과물이 나올지, 좀더 편리하게 사용할지, 고객의 입장에서 고객을 위한 생각을 멈추지 않습니다.
유지보수 서비스로 믿을 수 있는, 가장 가까운 파트너가 되겠습니다!
- 홈페이지 및 관리프로그램(ERP)은 구축하는 것 이상으로 유지관리 및 업데이트가 중요합니다. 전담인력을 통해 홈페이지 및 ERP를 한층 업그레이드 할 수 있습니다.
- 사업확장 또는 변화로 인한 웹사이트 수정이 필요할 때
- 계절별, 주기별로 새로운 단장이 필요한 홈페이지
- 새로운 컨텐츠로 변경 및 업데이트가 필요할 때
- 활용성을 높이고 디자인의 만족도를 높이고 싶을 때
- 프로그램을 보수하고 수정 및 변경이 필요할 때
유지보수를 위한 "고객지원" 프로그램을 제공합니다.
편리한 유지보수 신청과 상시 레포팅을 위한 별도 프로그램을 제공하여 고객님의 관리자모드에서 직접 접수된
유지보수 내역이 실시간으로 담당자에게 전송되고 처리현황과 결과를 파악할 수 있습니다.
지금 바로 온라인으로 문의하세요
구축문의
유지보수
카드결제
고객사