☑ 제작 홈페이지
제작한 홈페이지의 예시 → https://sites.google.com/view/lab-example/ (구글사이트_클럽 사용)
☑ 어떤 제작 툴을 사용해야 할까?
1. 일단 사이트 제작 후보를 생각하자
: 구글 사이트, 깃허브, 노션, wordpress, Wix 등
여러 제작 툴이 있지만 일단 본인은 java도 모르기 때문에 wordpress가 홈페이지 제작을 위한 좋은 툴이지만 제외하였다.
또한 돈을 아끼기 위해 무료 호스팅 업체 위주로 보았다.
2. 무료 호스팅 업체가 있나?
: 깃허브, 구글
호스팅이 무료인것도 중요하지만 도메일 구매도 중요한 문제다. 학교 연구실은 보통 학교에서 무료로 도메인을 나눠줌으로 그 부분은 해결할 수 있었다.
3. 최종 결정은?
: 구글 사이트
결론적으로 구글 사이트가 만들기 쉽고 디자인이 이뻐서 선택하게 되었다
깃허브는 자유롭게 여러 플러그인을 추가할 수도 있지만, 일단 깃허브 가입부터 해야 하기 때문에 급하게 만들려면 구글 사이트가 좋다. 또한 모바일로도 아주 잘 보인다! (이걸 반응형 웹이라고 하더라)
그러나 단점으로 구글 사이트는 게시판기능이 부족하고 댓글 작성 등이 거의 불가하다.
그냥 보여지는 광고 홍보용 홈페이지로는 적당한 듯하다
☑ 제작기간
시간만 따지면 일주일 내외가 걸렸으며
처음 홈페이지의 틀만 구성하는 것은 하루면 가능했다!
☑ 참고 사이트
- 토론토 대학교 Xu Chu 연구실 : https://www.xchu.rocks/home
- Stony Brook 대학교 Gang He연구실 : https://www.ganghe.net/publication
- 미국, Stone Springs Family Medicine 병원 : https://www.restonent.com/
이 중, 토론도 대학교 연구실의 홈페이지 구성이 마음에 들어 많이 차용했다
☑ 제작 방법
홈페이지 구성 필수 요소
- Home
- Members
- Research
- Research
- contacts
추가 요소
- community : News, Blog, Gallary
- Join us : 지원 방법 기술
- review : 리뷰 논문 기술
- phylosophy : 연구실 철학
- lab Business : 각종 절차나 연구 protocol, (프로그램 단축키 같은) life hack 정리 페이지
- QnA 게시판 : 구동이 어려움
- Teaching : 교수님 강의 설명 페이지
- Software : 사용 중인 프로그램 소개 페이지
일단 필수적인 요소만 적용하기로 결정했다.
☑ 홈페이지 제작방법(기본 틀 제작)
사이트 생성
1. 구글 사이트 가기 : https://sites.google.com/
2. '클럽' 템플릿 클릭
메인 화면 만들기
1. 왼쪽 [페이지] -> [홈]
2. 배너 클릭 -> [머리글 유형] -> [표지]
3. 밑줄이 처져 있는 배너 제목 만들기 : "클럽 이름" 이 적힌 글상자 클릭 -> 왼쪽 창의 [테마] -> [임프레션] 클릭
본문 글상자 배경 바꾸기
1. 글상자 추가 하기 : 창안에 아무 곳이나 더블클릭 -> 새롭게 뜨는 창에 "T"를 클릭
2. 글상자 배경 바꾸기 : 글상자 클릭 -> 팔레트 모양 아이콘 -> 원하는 배경색으로 바꾸기
달력, 영상, 지도, 문서 삽입하기
- 왼쪽 창 -> [삽입] -> 원하는 삽입 항목을 그래그
이를 활용해 연락 홈페이지나 이미지를 삽입하여 사이트를 꾸밀 수 있다.
☑ 구글 사이트 단점
아무래도 게시판 기능이 없어서 홈페이지에 대한 의견을 남기려면 google group을 만든 후 사이트에 삽입하거나 다른 툴을 사용해야 한다는 단점이 있고, 이게 노션처럼 블록 구조다 보니 그 틀을 벗어나는 디자인을 하기 어렵다.
그러므로 구글 사이트로 만들어진 홈페이지는 거의 비슷비슷한 디자인이라 개성이 없다고 느낄 수 있다.
사실 초반에는 빨간색을 기본으로 디자인했는데, 디자인 전공 친구한테 물어보니 촌스럽다고(..)해서 싹 다 뒤집어 바꿨다. 폰트와 홈페이지 색도 진한 남색으로 지정해주어서 그 색을 메인으로 꼽고 적용하였다.
예시 홈페이지 말고 본 연구실 홈페이지도 거의 제작했으나 아직 완성은 아니다. 서서히 완성해 나가 보도록 하자!
