일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #웹솔루션
- #해피CGI
- 게시판
- #업종별
- happycgi
- jquery
- #홈페이지제작
- 홈페이지제작
- #이미지
- javascript
- #홈페이지
- 웹솔루션
- CGIMALL
- 사이트제작
- #쇼핑몰
- #뉴스
- #image
- php
- #동영상
- #jQuery
- #cgimall
- 해피씨지아이
- CSS
- 해피CGI
- #happycgi
- 홈페이지
- #솔루션
- #CSS
- 솔루션
- 쇼핑몰
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 코딩을 편하게 해주는 반응형 HTML 템플릿 제작툴 사이트 aperitif 본문
웹프로그램밍 자료실/HTML 자료
[해피CGI][cgimall] 코딩을 편하게 해주는 반응형 HTML 템플릿 제작툴 사이트 aperitif
해피CGI윤실장 2020. 3. 27. 09:08클릭 몇번 만으로 반응형 HTML 템플릿을 만들 수 있는 사이트 aperitif 입니다.
"LET's GO!" 버튼을 클릭하면 아래이미지와 같은 페이지로 이동합니다.
왼쪽 부분에서 채우고자 하는 칸을 클릭한 후, 오른쪽 부분에서 원하는 디자인을 선택합니다.
HEADER, CONTENT, BLOG, FOOTER와 같이 성격에 맞는 카테고리를 선택하여서 디자인을 확인하실 수 있습니다.
원하는 디자인 선택을 완료한 후, 우측 상단에 "GENERATE" 버튼을 클릭하면 'file.zip' 파일을 다운받으실 수 있습니다.
zip파일 압축을 풀어보면 html, css, js 파일을 확인하실 수 있습니다.
html파일을 브라우저에 띄워보면 위 이미지와 같이 템플릿이 완성된 버전을 확인해 보실 수 있습니다.
소스 수정을 통해 디자인을 완성하시면 됩니다. ^^
'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글
[해피CGI][cgimall] CSS로만 만든 모달 레이어 팝업창 (0) | 2021.08.31 |
---|---|
[해피CGI][cgimall] Responsive Bootstrap Dashboard Template - Morioh Theme (0) | 2021.06.22 |
[해피CGI][cgimall] HTML 5를 이용한 그래프 만들기 rgraph.net (0) | 2019.12.16 |
[해피CGI][cgimall] 다양한 박스 그림자 효과 Material Design Box Shadows (0) | 2019.04.15 |
[해피CGI][cgimall] 다양한 이미지 마우스 오버 이펙트 CSS image hover effects (0) | 2019.03.27 |
Comments