초등학생도 할 수 있는 홈페이지 만들기 #1 | 반응형 웹사이트 템플릿 얻기 | HTML CSS 오픈 소스로 공부하기! <왕왕초보 코딩 외전>

홈페이지 만들기 #2 | 초등학생도 따라할 수 있는 개인 홈페이지, 포트폴리오 웹사이트 만들기(Github 이용)

본 내용은 다음으로 이어집니다.

홈페이지 만들기 #2 | 초등학생도 따라할 수 있는 홈페이지, 포트폴리오 만들기(Github 이용) <왕왕

---

 

박사 입학하려고 이래저래 학교 홈페이지를 구글링하는데 한 박사 학생이 자기 포트폴리오를 만들어 놓은 것을 보았다.

약간 감명을 받아서 나도 github로 이제부터라도 공부하는 내용들을 포트폴리오로 만들어 놓으려고 한다.

 

나는 가성비충이고 html이나 css는 정말 조금밖에 모르기 때문에 온라인에 올라와있는 템플릿을 다운받았다.

내가 필요한 부분을 오픈 소스에서 가져와서 웹 페이지를 만들고 있다.

솔직히 내 짱구 굴려서 이쁘게 만든다고 하는 것보다 남들 만들어 놓은 걸 쓰는 게 훨씬 예쁘다

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

---

포트폴리오, 사업 홍보, 상품 홍보 홈페이지 만들기 

HTML CSS 오픈 소스로 공부하기! 반응형 웹 디자인 아이디어 얻기

웹사이트 템플릿을 제공해주는 아주 고마운 웹사이트 모음

---

 

 

아래에 소개되어있는 html, css, 자바 스크립트 템플릿은 거의 대부분이 반응형이다.

개인 포트폴리오, 사업이나 상품 홍보 템플릿도 있고

디자인이 예쁘게 되어있어서 css랑 html을 살펴보면서 짜깁기하면 예쁜 홈페이지를 만들 수 있다.

구글링을 해보고 괜찮은 사이트를 뽑아보았다.

이런 건 영어로 검색하면 확실히 얻을 수 있는 게 훨씬 많다.

 

 

 

1. HTML5 UP: 개인 홈페이지 용으로 추천

www.html5up.net

HTML5 UP

너무나 유명한 html5up이다. 깔끔한 테마 위주이다. 많은데 그리 많지는 않다. 스타일이 안 겹치고 다양한 게 많아서 하나하나 열어보면서 마음에 드는 걸 짜깁기하는데 배울 게 많다.

 

내가 티스토리 스킨을 바꾼 것도 여기서 따온 게 많다.

 

 

 

2. Webflow: 사업, 상품 홍보 (GUI 툴 제공, 따로 템플릿 다운로드는 없음)

webflow.com/templates/free-website-templates

Free HTML5 responsive website templates | Webflow

개인 포트폴리오도 있고, 식당, 피트니스 등 비즈니스에서 영업 종류별로? 카테고리를 몇 개 나누어서 템플릿을 만들어 놓았다.

e commerce 온라인 쇼핑을 빌드할 수 있다.

html을 전혀 몰라도 홈페이지를 만들 수 있는 툴을 제공한다.

 

내 취향은 아니지만 사업 관련 웹 사이트를 만들고싶은데 막막할 때 보면 참고할 수 있는 부분이 많을 것 같다.

 

 

3. Free CSS(추천): 사업, 상품 홍보, 그냥 종류가 매우 많음

www.free-css.com/template-categories/responsive

Free Responsive Website Templates (1037) | Free CSS

여기도 기업이나 사업을 홍보하고 마케팅하는데 쓰면 좋을 것 같은 그런 테마들이 많다. 내 눈에 디자인적으로 예쁜 것들? 눈길이 가는 것들이 많이 있다.

학교 웹사이트같은 템플릿도 보인다.

애플 웹사이트가 상품 홍보랑 장점 홍보를 이쁘게 되어있는데, 그런 스타일로 디자인된 게 좀 보인다.

 

 

 

 

4. Colorlib: 글쓰기, 블로그

colorlib.com/wp/themes/

Best Free WordPress Themes 2021 - Colorlib

워드프레스 테마가 많다고 한다.

블로그, 글쓰고 남한테 보여주는 그런 웹 페이지에 쓸만한 소스가 많다.

여기에도 여러 종류가 올라와있진 않지만 온라인 쇼핑몰을 빌드할 수 있는 템플릿이 있다.

전체적으로 워드프레스 블로그 스타일이다.