본문 바로가기

● IT & 정보 ●/> HTML&CSS

"aperitif.io"무료로 나만의 홈페이지를 클릭으로 손 쉽게 만들기!! 정말 쉬워요~! 코딩 필요x

안녕하세요 핫뷰입니다!

 

오늘은 무료로 "나만의 홈페이지를 만드는 방법"을 알려드릴려고합니다.

html/css 코드를 모르시는 분들도 클릭 몇번으로 손쉽게 만들 수 있습니다.

 

이제 무료로"나만의 홈페이지"를 만들러 가 볼까요~!

 

 

아직 익스플로러를 지원하지 않아,

<크롬 , 파이어폭스 , 오페라> 로 실행해주셔야 합니다.

 

 아래 사이트 "Aperitif.io" 로 이동해주세요!

 

https://aperitif.io/

 

Aperitif.io | The recipe for successful web templates

The recipe for successful web templates

aperitif.io

Let's Go! 버튼을 눌러줍니다!

 

 

인터페이스 또한 엄청 심플하게 구성이 되어있는데요!

왼쪽은 보여줄 화면, 오른쪽은 우리가 홈페이지를 어떻게 만들지 태그들을 가져오는 곳 입니다.

 

순서는 "HEADER -> CONTENT -> BLOG -> FOOTER" 입니다.

 

오른쪽 태그들을 눌러보면 어떤 종류의 태그들이 있는지 나오는데요!

여기서 참고해야 할 부분이 있습니다!

 

정말 심플하게 만들고 싶으신 분들은 단순하게 HEADER , BLOG 두개만 넣으시면 됩니다.

아니면 정말 디테일 하게 만들고 싶은 분은  HEADER,CONTENT,BLOG,FOOTER 를 넣어주시면 됩니다.

 

 

태그를 넣으실때에는 1. 왼쪽 창을 먼저 눌러주신다음 2. 오른쪽 태그를 눌러주시면 아래 이미지 처럼 추가가 됩니다.

 

 

저는 심플한 블로그를 만들어보기위해 맨 위에 HEADER 태그와 아래에 BLOG 태그 2개만 넣어봤습니다.

 

원하는 태그들을 왼쪽에 다 넣으셨다면 우측 상단에 있는 "GENERATE" 를 눌러줍니다.

그럼 압축파일이 하나 다운로드가 되는데요!

 

다운받은 압축파일을 풀어줍니다.

 

 

그리고 template.html 파일을 실행하면 제가 위에서 2개의 태그만 넣어서 만든 홈페이지가 열리게 됩니다!

 

이정도 홈페이지를 만들려면 적어도 1~2시간은 코딩해야할텐데요! 

 

홈페이지 하나 만드는데 10분채 들지도 않았다는 점,

html코드를 몰라도 클릭 몇번만으로 홈페이지를 쉽게 만들 수 있다는게 정말 좋은 점 입니다.

 

다음에는 더 좋은 정보를 알려드리겠습니다~!