교회 홈페이지 제작 이것만 알아도 성공 - 3편

안녕하세요. 대디동동입니다.

 

지난번 시간에는 홈페이지 제작의 필요성에 대한 의견을 전달해 드렸습니다.

 

이전 게시물을 보시면 도움이 되실 테니 꼭 읽어 보시길 바랍니다.

 

2023.08.30 - [전산 컨설팅/홈페이지] - 교회 홈페이지 제작 이것만 알아도 성공 - 1편

2023.08.31 - [전산 컨설팅/홈페이지] - 교회 홈페이지 제작 이것만 알아도 성공 - 2편

---

용어설명

이번시간에는 홈페이지 제작에 대한 설명을 드리기 전에 

홈페이지 제작에서 사용되는 몇 가지 이해가 필요한 용어에 대해서 먼저 설명드리겠습니다.

왜냐하면, 이 용어를 알고 계셔야 업체와 대화에 많은 도움이 되기 때문입니다.

 

홈페이지 중에서 “반응형 홈페이지”이라는 용어가 있습니다.

 

네이버, 구글, 다음 등 검색 사이트에서 “홈페이지”라고 검색하면 자동완성에서

“반응형 홈페이지”, “반응형 홈페이지 제작” 등 의 내용이  하단에 나타나는 걸 보실 수 있습니다.

 

“반응형으로 만들어 드립니다. 반응형 디자인으로 제작해 드립니다” 등등 

“반응형” 또는 “Responsive”라는 단어를 많이 듣게 되실 겁니다.

 

출처 Pixabay

반응형 홈페이지란?

그럼 반응형 홈페이지가 무엇인지 간단하게 설명드리도록 하겠습니다.

이전 게시물에서 말씀드렸 듯이 전문적으로 상세하게 설명하지 않고

홈페이지 제작에 필요한 만큼의 정보만 다룰 예정이니 가볍게 읽어 보시면 됩니다.

 

우리가 인터넷에 접속하기 위해서는 데스크톱, 노트북, 핸드폰, 타블렛 등을 이용합니다.

 

그런데, 데스크탑, 노트북, 핸드폰, 타블렛 등 모니터 사이즈가 모두 다르죠.

데스크탑 같은 경우, 가로 사이즈가 길고 커다란 모니터를 통해서

한 화면에 많은 이미지와 내용을 보여 주는 반면,

핸드폰은 세로가 길고 화면이 작아서 위아래로 스크롤 또는 옆으로 넘겨서 보는 형태입니다.

 

그래서, 예전에는 데스크톱처럼 큰 화면에서 쉽게 보이도록 메뉴나 사진 등을 

배치하여 홈페이지를 만들고, 

작은 핸드폰에서도 잘 보이고 글자의 크기도 크게 하고,

이미지도 빨리 나타나도록 

모바일 홈페이지라는 홈페이지를 별도로 만들었습니다. 

 

당연히 홈페이지 제작 비용이 더 많이 들게 되고,

홈페이지에서 수정할 경우 데스크톱 용 홈페이지에서 수정하고 

모바일 용 홈페이지에서도 수정해야 했습니다.

PC버전 홈페이지는 수정되었지만 모바일 홈페이지는 예전 내용 그대로 인 경우 등

작업자 실수가 많고 시간도 더 많이 걸렸습니다.

 

그래서, 이러한 불편한 것들을 해결하기 위해서 하나의 홈페이지를 만들어 놓고

다양한 사이즈의 화면에서 최적화해서 볼 수 있도록

제작한 홈페이지가 바로 Responsive 반응형 홈페이지입니다.

---

반응형 홈페이지의 특징 중 가장 좋은 점은 하나의 원본 홈페이지를 이용해서
데스크톱, 태블릿, 핸드폰 등 사이즈가 다르더라도 각각에 맞게 반응해서
적절하게 메뉴 모양과 위치, 사진, 공지사항 등 UI 변경하면서 보여 주니,
관리가 쉬워졌다고 할 수 있습니다.

---

자, 그럼 제 블로그를 기준으로 한번 볼까요?

 

홈페이지 반응형 PC 버전

 

홈페이지 반응형 모바일 버전

첫 번째, 이미지는 PC에서 볼 경우이고,

두 번째, 이미지는 핸드폰에서 볼 경우입니다.

동일한 내용이지만 사용하는 기기(화면 사이즈)에 따라서 다르게 보여 주는 것입니다.

 

어때요? 제가 설명드리는 것보다 한번 보시는 것이 더 이해가 잘 되시죠?

 

결론

따라서, 홈페이지 제작 시 예산이나 특별한 경우가 아니라면
반응형 홈페이지로 구축하시는 것을 추천합니다.

 

예전에는 기술 구현이 어렵고 시간도 더 많이 필요해서 제작 비용이 높았었지만, 

지금은 훌륭한 반응형 홈페이지 프레임워크를 통해서 쉽고 저렴하게 반응형 제작이 가능하기 때문에 

 대부분의 업체에서 추가 옵션이 아닌 기본으로 제작하는 합니다. 

 

다만, 업체에 따라서 제작 비용을 저렴하게 보이려고 초기 비용을 낮추어 놓고,

추가로 반응형 요청 시 추가 비용을 받기도 하니까

제작 시에 한 번 더 확인하는 차원에서 “반응형으로 제작해 주시는 거죠?”라고 

한번 확인해 보시고 진행하시면 좋겠습니다.

 

오늘은 반응형 홈페이지라는 용어를 설명해 드렸습니다.

중대교회에서 홈페이지 제작 할 경우,

전문적인 지식을 가지신 분들이 추진하시겠지만,

그렇지 않은 경우는 이런 용어가 너무 어려우실 것 같아서 간단하게 설명드렸습니다.

 

업체에 따라서 반응형으로 할 경우 추가 비용을 요구하기도 하는데 … 

추후 업체 선정 시 주의사항에 대해서 다시 설명해 드리겠습니다.

 

전문가 분들에게는 너무 쉬운 내용 일 수 있으나,

대디동동 블로그는 비전문가 분들의 이해를 돕고자 콘텐츠를 제작하고 있으니,

많은 이해와 관심 부탁 드립니다.

---

대디동동은 개척교회, 미자립 교회 및 관련 단체 등 교회 전산화에 대한 도움을 드리고 있습니다.
도움이 필요하신 분들은 댓글 또는 daddydongdong@kakao.com 으로 메일 보내 주세요.