안녕하세요 핫뷰입니다!
오늘은 무료로 "나만의 홈페이지를 만드는 방법"을 알려드릴려고합니다.
html/css 코드를 모르시는 분들도 클릭 몇번으로 손쉽게 만들 수 있습니다.
이제 무료로"나만의 홈페이지"를 만들러 가 볼까요~!
아직 익스플로러를 지원하지 않아,
<크롬 , 파이어폭스 , 오페라> 로 실행해주셔야 합니다.
아래 사이트 "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코드를 몰라도 클릭 몇번만으로 홈페이지를 쉽게 만들 수 있다는게 정말 좋은 점 입니다.
다음에는 더 좋은 정보를 알려드리겠습니다~!
'● IT & 정보 ● > > HTML&CSS' 카테고리의 다른 글
html/css Table 코딩할때 힘들게 하지말고 간편하고 쉽게 하는방법!! (0) | 2020.02.22 |
---|---|
HTML/CSS3를 이용한 햄버거 메뉴 남다르게 만드는 방법! (0) | 2020.02.16 |