코인 만들어 대박나기 - (6) 홈페이지 내용 만들기

[연재]
- 코인 만들어 대박나기 - (1) 주제선정
- 코인 만들어 대박나기 - (2) 도메인 생성
- 코인 만들어 대박나기 - (3) 스텔라 지갑 생성
- 코인 만들어 대박나기 - (4) SOHK 토큰 생성
- 코인 만들어 대박나기 - (5) 홈페이지 생성 및 메타정보 연동
- 코인 만들어 대박나기 - (6) 홈페이지 내용 만들기

 

이제 코인은 적당히 모냥을 갖췄는데 홈페이지는 이모냥이다.

이래선 아무도 꼬이지 않는다... 홈페이지를 만들어보자.

 

템플릿 구하기

 

한탕하려는데 큰 돈을 들일 필요는 없다. 대부분 만들어져 있는 페이지도 나오기 때문. 예를들어 crypto ico html page같은 검색어로 검색하면 테마들을 파는 사이트들에서

 

잘 짜여진 페이지를 저렴하게 구매할 수 있다.

 

가장 그럴싸하게 맞는 페이지를 찾는다면 홈페이지 개발의 공수는 그만큼 줄어든다. 하지만 SOHK는 저예산이라... 아직 투자할 수는 없다. 그냥 검색어에 free 랑 bootstrap 넣고 찾으면 무료로 쓸만한게 나온다.

 

그래서 대강 이런 페이지를 찾아냈다

https://bootstrapmade.com/demo/BizPage/

다운로드 고~고~

 

구성을 살펴보고 입맛에 맞춰 내용을 바꾸면 된다. 참고로, 웹개발자나 디자이너가 있는 경우 내가 원하는 구성 원하는 모양을 제시하고 제작을 요청할 수 있으나, 저예산으로 몸빵 해야할 경우엔 기존에 있는 화면에 나의 내용을 맞추는 것이 정신건강과 육체건강에 좋다.

 

구성을 살펴보면...

최상단에 글귀와 사진이 들어가야 하고

 

곳곳에 글귀와 사진들

 

각종 도표들

 

포트폴리오 사진들

 

클라이언트 로고들. 후기들

 

그리고 팀 되겠다...

하... 근데... 너무 안맞는다... 코인의 꽃인 로드맵 이런게 있어줘야 하는데... 다 만들어야 하나... 할일이 너무 많다...ㅠㅠ

 

템플릿 파일 확인

다운받은 zip 파일을 파헤쳐보면, 그래도 정리가 잘 되어 있다.

대부분 한페이지의 html파일로 되어 있고, 관련 그림은 img 디렉토리에 저장이 되어 있다. 그 외에... CSS나 JS도 디렉토리로 있는 것 같고...

이후 단계는... 기본적으로 HTML은 알아야 한다는 높은 장벽이... ㅠㅠ... 근데 HTML은 대학교때 다 마스터하자나요? 현재까지는 개발자가 아닌 개나소나 스캠을 만들수는 있게 하였으나... 실제로 중요한 기술이 필요했으니... 바로 HTML이다.

 

내용 반영

HTML을 수정하기 위해선 메모장으로도 가능하고, 좀더 전문적으로는 VSCode같은 툴을 이용하기도 하는데... 그냥 간단하게 크롬에 내장된 툴을 이용해도 된다.

 

삼땡(:)을 누르고 개발자도구(Developer Tools)를 연다.

 

Source > Filesystem에서 +Add folder to workspace를 눌러, 해당 템플릿을 다운받은 폴더를 연다.

 

크롬이 파일을 접근할 수 있는 권한을 요청한다면 기꺼이 승낙

 

파일 리스트가 나온다. 우리가 공략할건 대부분 index.html 에 포함되어 있음

 

index.html 파일을 메인창에 끌어넣으면 준비 완료. 참고로 옵션에서 창 위치를 조절할 수도 있음

 

수정할 때는, 변경할 내용을 확인하고, 소스에서 찾아서 변경하면 된다. 어떻게 아느냐는... HTML은 다 할줄 안다는 가정에...

 

실시간은 안되고, 변경하고 > 저장하고 > 새로고침하면 변경되어 있다.

 

이런식으로... 노가다를 이어간다.

 

이미지 역시 마찬가지다... 기존에 있던 이미지를 적당한 새 이미지로 대체하면 된다.

 

한 블럭정도 수정 하게되면...

이렇게 나옴

 

... 아마 내용 바꾸는 시간이 생각보다 오래 걸릴 것 가틈.

 

현재까지...

• 투자시간 : 30분 (총 2시간 50분) 
• 투자경비 : 0원 (총 8,500원)
• 향후계획 : 내용 계속 바꾸기

 

대박을 이루는 그날까지...