목록#html (12)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 코딩을 편하게 해주는 반응형 HTML 템플릿 제작툴 사이트 aperitif

클릭 몇번 만으로 반응형 HTML 템플릿을 만들 수 있는 사이트 aperitif 입니다. "LET's GO!" 버튼을 클릭하면 아래이미지와 같은 페이지로 이동합니다. 왼쪽 부분에서 채우고자 하는 칸을 클릭한 후, 오른쪽 부분에서 원하는 디자인을 선택합니다. HEADER, CONTENT, BLOG, FOOTER와 같이 성격에 맞는 카테고리를 선택하여서 디자인을 확인하실 수 있습니다. 원하는 디자인 선택을 완료한 후, 우측 상단에 "GENERATE" 버튼을 클릭하면 'file.zip' 파일을 다운받으실 수 있습니다. zip파일 압축을 풀어보면 html, css, js 파일을 확인하실 수 있습니다. html파일을 브라우저에 띄워보면 위 이미지와 같이 템플릿이 완성된 버전을 확인해 보실 수 있습니다. 소스 수정..
웹프로그램밍 자료실/HTML 자료 2020. 3. 27. 09:08
[해피CGI][cgimall] SVG,PNG,HTML 코드까지 다양한 방식의 아이콘 제공 Remix Icon

원하는 아이콘을 검색후 해당 아이콘을 클릭하면 소스코드와 함께 아이콘을 다양한 방식으로 다운로드 받을 수 있는 아이콘 제공사이트입니다. 기본 SVG 아이콘으며 PNG 및 HTML 소스로도 제공됩니다. 2000여개의 아이콘을 제공하며, 원하는 아이콘을 선택하면 아래와 같이 소스코드 및 다운로드 경로를 선택하여 다운로드 받을 수 있습니다. 컬러선택부터 사이즈, 소스코드, 다운로드 받을 이미지 속성 종류별로 다운로드 받아 즉시 사이트에 적용할 수 있습니다. 또한 컬렉션으로 모아 일괄로 다운로드도 받을 수 있어 편리하고 유용하게 이용이 가능합니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 17. 09:29
[해피CGI][cgimall] html,css,js 소스 자동 생성 사이트 html-css-js

html,css,js 소스를 선택하는 옵션으로 자동 생성해 주는 사이트 입니다. Gradient Box Shadow Text Shadow Color Font Table Column Border Border Radius Transform Background 위와 같은 다양한 속성의 소스를 생성 가능합니다. css 뿐만 아니라 html. js 소스도 가능합니다.
웹프로그램밍 자료실/JAVA 자료 2019. 4. 17. 09:10
[해피CGI][cgimall] HTML Canvas Javascript Library

javascript 를 이용해서 캔버스를 사용하여 시각화 및 애니메이션을보다 간단하게 만듭니다. 애니메이션 지원, 레이어, 이벤트 캡처, 멀티 터치 및 많은 예제가 있습니다. 다운로드 받은 압축파일을 해제하고, index.html 파일을 웹브라우져에서 열어서 보면 여러가지 예제들을 확인하는게 가능합니다. 첫번째 예제가 화면에 Hello World 라는 글자를 출력하는 예제입니다. 이 예제를 위해서 사용된 소스코드는 hello-world.html 파일을 확인해보면 됩니다. hello world 라는 글자와 함께 20,20 이란 숫자가 무엇인가 싶어서 조절해봤더니 화면에 출력되는 글자의 위치(가로,세로)가 조절이 되네요. 그 외에도 여러가지 예제들이 있으며, 각종 예제들을 위한 소스코드를 확인해볼수 있습니다..
웹프로그램밍 자료실/JAVA 자료 2018. 8. 30. 09:20
[해피CGI][cgimall] wkhtmltopdf

C++로 제작된 HTML 소스코드를 PDF 파일로 변환하는 프로그램을 활용해서 URL로 접속한 화면을 PDF파일로 다운로드 받을수 있는 심플한 PHP프로그램의 예제입니다. HTML 소스코드를 이용해서 PDF파일로 변환하는 프로그램을 활용해서 URL에 해당하는 화면을 PDF파일로 다운로드 받는 심플한 PHP프로그램 소스코드입니다. 1. 다운로드 받은 압축 파일을 웹서버에 업로드 하고 압축을 풀어줍니다. 압축을 해제하고 나면 아래 그림과 같은 폴더 및 파일들이 서버에 생성이 됩니다. 2. SSH나, Putty 같은 쉘 프로그램을 이용해서 서버에서 위 그림의 명령어를 실행해보면 명령어 인자 2번째에 해당하는 파일이 생성이 되는지를 확인해야 합니다. 제가 사용하는 웹서버에서는 별다른 문제 없이 pdf 파일이 생..
웹프로그램밍 자료실/C언어 자료 2018. 7. 5. 09:02
[해피CGI][cgimall] HTML 편집기를 가장 간단하게 실행하는 Online-html Editor

html 을 처음 다뤄보시거나 html 편집기를 이용해본적이 없으신분들은 가장 간단하게 이용하여 즉시 확인할 수 있는 웹편집기 html-online 을 추천해드립니다. 별도 에디터 없이 홈페이지만 접속해도 에디터를 위지윅으로 위지윅을 에디터로 볼 수 있는 화면을 확인할 수 있어, 어떤 방식으로 코딩이 진행되는지를 한눈에 확인할 수 있습니다. 위처럼 좌측 위지윅에디터와 우측 html 편집기로 호환되어 있으며, html 편집기를 이용하여 코드 작성시 에디터상에 즉시 반영이 되며, 에디터로 편집하여도 html 편집기에 즉시 반영됩니다. 위와같은 코드를 적용하면 위와같이 코드가 즉시 반영되어 어떤 내용을 입력하고 있는지를 바로 확인할 수 있습니다.^^
웹프로그램밍 자료실/HTML 자료 2018. 2. 20. 09:11
[해피CGI][cgimall] 빠른 코딩의 시작을 도와주는 html-now

html 파일 코딩전 기본적인 베이스를 미리선택하여 완성후 원하는 코딩방식대로 진행할 수 있는 간편한 html 시작 편집툴입니다. 사이트에 접속시 doctype 및 html, head, meta, body 등 html 구문에 맞게 미리 생성되어있으며, META/HEAD 에 적용할 형태를 선택하여 내가 원하는 사이트 구축을 편리하게 진행할 수 있습니다. 처음 사이트 접속시 위와같은 기본구조가 제작되어있으며, meta 에 반영할 content명 및 body에 적용될 class등을 사전에 지정할수 있으며, X-UA-Compatible, Favicon 등 실제 사이트 구축시 반영할 조건을 갇춘 html 구성을 모두 적용할 수 있습니다. 제공되는 Jqurey 소스등은 미리 작성할수 있어 간편한 html 코딩을 진..
웹프로그램밍 자료실/HTML 자료 2018. 2. 7. 09:10
[해피CGI][cgimall] HTML 무료강좌 홈짱닷컴!

초보자를 위한 홈페이지 제작 가이드 아주 좋아요~ 들어가보시면 더 많은 자료가 있으니 참고하시기 바랍니다.
웹프로그램밍 자료실/기타 자료 2018. 1. 16. 09:21
[해피CGI][cgimall] 다양하고 유용한 웹프로그래밍 강좌 자료실

다양하고 유용한 웹프로그래밍 강좌 자료실 유용하게 사용하시기 바랍니다^^
웹프로그램밍 자료실/기타 자료 2018. 1. 9. 09:17
[해피CGI][cgimall] 무료 템플릿 - 픽셀부다(pixelpuddha)

픽셀부다는 원 페이지 사이트를 만들 수 있는 무료 템플릿을 제공해 주는 사이트입니다. http://pixelbuddha.net/freebie/freebie-white-one-page-html-template http://pixelbuddha.net/freebie/freebie-forkio-one-page-html-template 등 메뉴에서 GIF, ICONS, PHOTO 등 디자인이 상당히 좋습니다. 유료가 있습니다만, 무료로 등록된 이미지도 확인 하실 수 있습니다. http://pixelbuddha.net/freebie/modern-flat-preloader-free-set http://pixelbuddha.net/freebie/hi-res-photo-set-2
웹프로그램밍 자료실/HTML 자료 2018. 1. 3. 08:48
Prev 1 2 Next