본문 바로가기
반응형

How To8

pdf 용량 줄여주는 사이트 일러스트나 포토샵에서 pdf로 내보내기 했을때 용량을 줄여서 내보내도 용량이 큰 경우가 많이 발생합니다. 그래서 어크로빗을 사용하여 용량을 줄이기도 하지만 웹으로 손쉽게 용량을 줄여주는 사이트가 있습니다. https://tools.pdf24.org/ko/compress-pdf PDF 용량 줄이기 - 빠른, 온라인, 무료 무료 웹 앱으로 PDF를 온라인에서 압축하고 파일 크기를 빠르고 쉽게 줄일 수 있습니다. 품질 손실 없음. 설치하지 않고. 등록하지 않고. tools.pdf24.org 접속을 하면 아래와 같은 화면이 뜨고 pdf 파일을 선택하여 업로드하거나, 드래그하여 업로드할 수 있습니다. 간편하게 pdf파일 용량을 줄여보세요~! 2024. 2. 14.
이미지 누끼 자동으로 따주는 사이트 대부분 이미지 누끼를 따기 위해선 디자이너들에게 의뢰를 많이 하십니다. 찾아보니 이미지를 자동으로 누끼 따주는 사이트가 있더라구요! 이런 신세계가 있다니.. https://www.remove.bg/ko 이미지 배경 제거, 투명 배경 만들기 – remove.bg 사진이나 이미지 배경을 한 번 클릭으로 5초만에 무료로 제거할 수 있습니다. 이미지 배경 투명하게 만드는 법. 누끼 따기 프로그램. www.remove.bg 회원가입 없이 바로 사용할 수 있으며, 마우스로 드래그하여 이미지를 업로드하면, 자동으로 누끼 따진 이미지를 보여줍니다. 물론 바로 다운로드도 가능하구요. 또한 누끼 딴 이미지 배경에 원하는 이미지와 색상을 손쉽게 변경할 수 있더라구요. 이 사이트 만든사람 정말 대단하다.. 누끼따기 힘드신분들.. 2023. 10. 19.
무료 사이트맵(site map) 생성 사이트 검색엔진에 사이트등록을 진행할때 사이트맵을 등록하는것은 필수입니다. 웹사이트의 페이지, 동영상 및 기타 파일과 그 관계에 관한 정보를 제공하는 파일입니다. Google과 같은 검색엔진은 이 파일을 읽고 사이트를 더 효율적으로 크롤링합니다. 사이트맵을 사용하면 다음과 같은 이점이 있습니다. - 검색엔진이 웹사이트를 더 빨리 크롤링하고 인덱싱할 수 있습니다. - 검색엔진이 웹사이트의 중요한 페이지를 더 잘 이해할 수 있습니다. - 검색엔진이 웹사이트의 페이지를 더 잘 랭크할 수 있습니다. Online XML Sitemap Generator https://www.web-site-map.com/ Free XML Sitemap Generator - Online Tool Use our online tool to c.. 2023. 6. 29.
간단한 모달 팝업 이미지 / Image Modal 이미지를 클릭했을때 팝업처럼 자연스럽게 나타나는 모달 이미지 예시입니다. 웹사이트를 만들때 정보를 더 주기 위하여 한번씩 사용하는 모달 이미지이죠. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com 아래 코드를 직접 입력하여 테스트 해보시면 웹사이트에 좀 더 풍족한 내용을 넣을 수 있습니다. [html code] 1 2 3 4 5 6 7 8 9 10 Image Modal × Col.. 2023. 6. 28.
간단한 이미지 슬라이드 / Slideshow 복잡하지 않은 간단한 이미지 슬라이드 입니다. 출처 : https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com [html code] 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 32 1 / 3 Caption Text 2 / 3 Caption Two 3 / 3 Caption Three .. 2023. 6. 24.
HTML onclick 페이지 이동시키기 a링크를 사용하지 않고 HTML에 태그로 페이지 이동을 할 수 있습니다. 실무에서 작업하다보면 이 작업을 사용하는 순간이 종종 나타나곤 합니다. 첫번째 일반적인 onclick를 이용한 방법 1 네이버 이동 cs 두번째 새창으로 페이지 열기 1 새창 이동 cs 세번째 팝업으로 새창 열기 1 네이버 새창 열기 cs 2023. 6. 24.
탭메뉴 / Tab Tab 탭은 단일 페이지 웹 애플리케이션 또는 다양한 주제를 표시할 수 있는 웹 페이지에 적합합니다. https://jshweb.w3spaces.com/tab.html [CODE] /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* .. 2023. 6. 17.
접을 수 있는 아코디언 /Accordion Accordion 아코디언은 많은 양의 콘텐츠 숨기기와 표시 사이를 전환하려는 경우에 유용합니다. https://jshweb.w3spaces.com/saved-from-Tryit-2023-06-17.html 첫번째이미지와 같이 아코디언 메뉴가 생성되고, 섹션1을 누르면 아코디언메뉴가 열립니다. [CODE] .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active, .accordion:hover { background-color: #.. 2023. 6. 17.
반응형