[천상화원] 부모님 펜션 홈페이지를 제작해보자 2. 개발 계획 수립
[천상화원] 부모님 펜션 홈페이지를 제작해보자 1. ProloguePrologue 펜션 홈페이지 프로젝트를 시작하게 된 이유 우선 부모님의 펜션 홈페이지가 없었던 것은 아니다. 부모님 소유 작은 주택에서 년
dev1song.tistory.com
이전 글
서론
지난 시간에는 개발계획을 수립하고 사용하게 될 기술스택에 대해 설명해보았다.
이전 글은 너무 난잡하게 나열만한 것 같아 추후 작업이 완료되면 보완해서 작성할 계획이다.
이번 시간에는 실제 홈페이지에 사용자들이 접속할 수 있게 해주는 도메인, 디자인을 적용하는 과정에서 겪었던 내용에 대해 이야기해보고자 한다.
1. 도메인 구매
우선 도메인은 기존 홈페이지가 닫히기 전 지리산천상화원.com 으로 한글도메인을 가지고 있었다.
개인적으로는 영문도메인을 사용하고싶었지만 (한글도메인은 sftp등에서 퓨니코드로 변환해서 사용해야하기 때문에.. 다소 귀찮다.. 무엇보다 간지가 안난다..)
아무튼 펜션 방문객의 평균 연령층, 기존에 축적된 검색 색인등을 고려했을 때 기존 도메인을 유지하는것이 유리하다 판단되어 그대로 사용하기로 결정했다.
구매 사이트는 여러 곳을 찾아보았지만 유의미한 가격차이는 없었다. 그래서 그냥 어디서 구매했는지 잊어버리지 않도록 최대한 대중적인 도메인 구매 사이트인 '가비아'를 이용하기로 했다.
나는 .com을 사용하였고 가격은 24,000원/년의 가격으로 결제하였다. 한글 도메인과 영문 도메인의 가격차이는 3,000원 정도로 크게 차이는 나지 않는 것 같다.
2. 디자인 구매 업체 선정
홈페이지를 구축함에 있어 디자인은 홈페이지 뿐만 아니라 홈페이지를 통해 전달하려는
서비스까지도 영향을 준다고 생각한다.
따라서 필자는 아주 기초적인 css 실력으로 홈페이지를 '직접' 디자인하는 것을 포기하고
전문가의 손길로 제작된 고품질의 디자인을 구매하기로 마음 먹었다.
그러나 css 템플릿만 구매하여 사용하기 위해 여러 사이트를 찾아보았지만, 펜션 홈페이지를 전체 제작해주는 업체는 많이 있었지만 css만 판매하는 업체는 거의 없었다.
그러던 중 필자가 딱 원하는 사이트 하나를 발견했는데 바로 '디자인 키트'라는 곳이었다. (광고 아님...)
3. 디자인 탐색
디자인 키트에서 펜션 관련 템플릿을 들어가 보니 여러 템플릿들이 올라와 있었다.
그 중 필자가 가장 마음에 들었던 템플릿은 아래 템플릿이었다.
선정한 이유는 아래와 같다.
1. 난잡하지 않고 깔끔한 디자인.
2. 메인 화면이 갤러리 형식으로, 천상화원의 강점인
풍경, 날씨, 색감을 잘 담아낼 수 있다고 판단.
3. 가격이 가장 저렴. ㅎㅎ
4. 디자인 구매 및 적용
선정후에는 바로 구매 후 템플릿을 다운로드 하였다.
템플릿은 zip 형식으로 압축되어 있었고, 안에는 html, css파일이 있었다.
다운받은 html 및 css를 수정하여 아래와 같이 메인화면 디자인 작업은 완료했다.
그런데 한 가지 아주 큰 문제가 발생했다......
바로... 반응형이 되지 않는것!!!!!
알고보니 내가 구입한 템플릿은 일반형이었고, 반응형은 따로 선택해서 추가금을 주고 구매했어야 했다 ㅋㅋㅋㅋㅋㅋ
부랴부랴 고객센터에 잘못 받았는데 환불이 가능한지 문의해보았으나, 이미 다운로드한 템플릿은 환.불.불.가....
저렇게 확인 필수 라고 강조하고 있는데 못 본 내 잘못이지....
결국 반응형으로 한번 더 구매하였다ㅠㅠ
아무튼 다사다난했던 디자인 구매를 마치고 홈페이지 이미지가 예쁘게 나오는 모습을 보니 뿌듯했다.
다음 포스팅에서는 서버 구매에 대해서 작성해보겠다.
'웹 개발 > Side Project' 카테고리의 다른 글
[천상화원] 부모님 펜션 홈페이지를 제작해보자 5. 기능 구현 : 접속 로그 수집 (0) | 2024.12.23 |
---|---|
[천상화원] 부모님 펜션 홈페이지를 제작해보자 4. 호스팅 서버 구매 (0) | 2024.12.17 |
[천상화원] 부모님 펜션 홈페이지를 제작해보자 2. 개발 계획 수립 (0) | 2024.03.28 |
[천상화원] 부모님 펜션 홈페이지를 제작해보자 1. Prologue (0) | 2024.03.11 |