Home-theater-designers
프로그래밍을 통해 온라인 창의성에는 한계가 없습니다. 매일 인터넷의 프로그래머는 자신의 기술을 사용하여 대중을 위한 소규모 프로젝트를 만듭니다. Google의 전 디자이너이자 현재 Dropbox Nocholas Jitkoff의 부사장이 만든 웹사이트 Itty Bitty는 그러한 소규모 프로젝트 중 하나입니다.
Itty Bitty 사이트를 사용하면 웹 호스팅이 없어도 작은 HTML 웹 사이트를 무료로 만들 수 있습니다.
Itty Bitty 설명
작동 방식은 다음과 같습니다. itty.bitty.사이트 URL을 통해 로드하여 작은 사이트를 만듭니다. 즉, 귀하의 사이트는 링크 내에 저장되고 표시됩니다.
이 때문에 Itty Bitty를 사용하여 만든 웹 사이트는 웹 호스팅이 전혀 필요하지 않습니다. URL 자체는 사이트의 전체 데이터(모양, 내용 등)를 보유합니다.
Itty Bitty 링크를 받으면 평소보다 약간 커집니다. 그것이 당신의 전체 웹사이트입니다.
링크용 링크
Itty Bitty가 만든 실제 사이트는 인터페이스가 매우 작습니다. 사이트의 모든 추가 페이지는 사이트 자체를 사용하여 생성됩니다.
이 페이지에서 , 간단한 페이지를 만들기 위해 기본 HTML을 즉시 사용할 수 있습니다.
더 강력한 Itty Bitty 사이트를 만들고 싶다면 HTML 문서를 웹사이트로 직접 끌어다 놓거나 기존 프로젝트를 프롬프트에 직접 연결할 수 있습니다.
문서 또는 링크가 CSS 또는 JS와 같은 다른 프로그래밍 언어를 사용할 수 있지만 여전히 Itty Bitty 사이트와 함께 로드됩니다. 즉, Itty Bitty를 사용하는 주요 이점(주소에서 로드될 수 있는 중심 이유)은 페이지가 특정 작은 크기 미만으로 유지되어야 한다는 것입니다.
Itty Bitty 사이트는 얼마나 작습니까?
Itty Bitty가 무료이고 웹 호스팅이 필요하지 않다면 귀하의 사이트는 실제로 얼마나 클 수 있습니까? 대답: 하지 매우 .
안드로이드 폰에서 캐시를 지우는 방법
사이트는 창의 오른쪽 상단에 웹사이트의 크기를 표시합니다. 사이트의 크기는 변동할 수 있지만 이는 링크 크기도 변동함을 의미합니다. 일부 사이트에서는 몇 바이트보다 큰 링크를 공유할 수 없으므로 더 큰 사이트를 공유할 수 있는 능력이 제한될 수 있습니다.
다행히도 제작자는 게시된 최대 바이트 크기 다양한 플랫폼이 수용할 수 있는 크기를 설명하기 위해 많은 인기 있는 플랫폼에서 가능:
예를 들어 Bitly를 사용하여 웹 사이트를 줄이려는 경우 매우 작은 웹 사이트를 만들어야 합니다. Microsoft Edge도 마찬가지입니다. 그러나 브라우저 간에만 공유하려는 경우 훨씬 더 큰 사이트를 만들 수 있습니다.
링크에서 Itty Bitty 사이트로
HTML 파일을 직접 드롭하거나 사이트 콘텐츠를 직접 입력하여 Itty Bitty 사이트를 만들 수도 있지만 이전에 만든 Codepen 프로젝트를 사용하여 시연하겠습니다. 더들리 층 .
Codepen은 Itty Bitty를 사용하여 사이트를 만드는 가장 쉬운 방법입니다. Codepen은 사용자에게 사용하기 쉬운 개발자 환경과 편리한 연결 프로세스를 제공합니다.
위의 내용은 강력한 HTML 백본 및 기타 미묘한 프로그래밍 추가 기능이 간단한 웹사이트를 만드는 방법에 대한 환상적인 예입니다. 운 좋게도 위에 나열된 많은 플랫폼에서 공유할 수 있을 만큼 작습니다.
Codepen 프로젝트를 Itty Bitty 사이트로 변환하려면 Pen의 링크를 Itty Bitty 사이트에 붙여넣습니다. 그런 다음 회색 위에 마우스를 올려 무제 섹션을 클릭하고 사이트를 반영하도록 텍스트를 편집합니다.
다음을 클릭하십시오. 메뉴 창의 오른쪽 상단에 있습니다.
Mac에서 무료로 단어를 얻는 방법
여기에서 Itty Bitty에 대한 링크를 생성합니다. 웹사이트를 만든지 얼마 되지 않은 것처럼 보일 수도 있지만 이미 만들었습니다!
클릭하면 링크 복사 옵션을 선택하면 링크를 브라우저에 붙여넣어 사이트를 볼 수 있습니다. 또한 중요: 기본적으로 Itty Bitty 사이트는 QR 코드를 통해 보낼 수 있습니다.
이를 통해 분실 장치에 대한 물리적 참조를 첨부하는 것과 같은 다양한 옵션을 사용할 수 있습니다.
축하합니다. 이제 서버가 없고 무료인 바로 연결할 수 있는 웹사이트가 생겼습니다!
Itty Bitty 링크를 더욱 단축하십시오.
링크 단축 도구를 사용하여 깔끔한 링크를 만들 수도 있습니다. 저는 Bitly를 사용할 것입니다. Bitly를 사용하면 링크를 단축할 수 있을 뿐만 아니라 무료 계정에 등록하면 링크를 자신의 텍스트로 사용자 지정할 수 있습니다.
원래 Codepen 예제는 Bitly를 사용하여 압축하기에는 너무 큽니다. JT 조타 . 위의 과정을 따라 이 Pen을 Itty Bitty 사이트로 변환했습니다.
링크가 있으면 다음으로 이동하십시오. 비트리 . Bitly의 시작 페이지에 링크를 붙여넣거나 계정에 로그인하고 창조하다 단추. 다음 프롬프트에 링크를 입력합니다.
링크를 붙여넣으면 자동으로 변환됩니다. 그런 다음 로그인한 경우 Bitly의 편집기를 사용하여 적절하다고 생각되는 대로 링크를 조정합니다.
초기 링크를 ITTYBITTYEXAMPLE로 변경합니다. 이제 다음으로 이동할 수 있습니다. bit.ly/ITTYBITTYEXAMPLE 다른 사이트와 마찬가지로 ---물론 무료이며 웹 호스팅이나 서버 유지 관리가 필요하지 않다는 점은 제외합니다.
Itty Bitty 사이트에 대한 보안
이것은 작은 HTML 사이트를 만드는 멋지고 독창적인 방법이지만 결함이 없는 것은 아닙니다. Itty Bitty 사이트는 다른 사이트처럼 쉽게 오용될 수 있습니다. 즉, 사이트는 경고와 같은 기능으로 사용자를 짜증나게 할 수 있습니다.
사이트는 아직 실험 단계에 있으므로 안전한 웹 존재를 설정하는 주요 방법으로 반드시 사이트에 의존하지 마십시오.
Itty Bitty 가능성은 무한합니다.
온라인에서 발견되는 창의성은 종종 인상적입니다. 그러나 Itty Bitty만큼 간단하고 접근하기 쉽고 사용하기 쉬운 경우는 드뭅니다. 작은 응용 프로그램을 선보이고 싶으십니까? div 요소로 장난? Itty Bitty 사이트를 사용하면 모두 쉽게 수행할 수 있습니다.
또한 특정 숫자나 사이트에 국한되지 않습니다. 사이트 작성자 Nocholas Jitkoff의 메모를 참고하여 사이트 내의 사이트를 링크하여 포괄적인 다중 페이지 설명 웹사이트를 만들 수 있습니다. 또는 만들 아스키불 . 가능성은 작지만 범위가 무한하므로 오늘 이 작은 온라인 실험을 시도하십시오!
Itty Bitty 사이트를 만들기 전에 HTML과 CSS에 대한 지식을 향상시켜 더 나은 사이트를 만드십시오! 또는 체크 아웃 InMotion 호스팅 검토 사이트를 호스팅하는 또 다른 방법입니다.
공유하다 공유하다 트위터 이메일 명령 프롬프트를 사용하여 Windows PC를 청소하는 방법Windows PC의 저장 공간이 부족한 경우 이 빠른 명령 프롬프트 유틸리티를 사용하여 정크를 정리하십시오.
다음 읽기 관련 항목- 인터넷
- 프로그램 작성
- HTML
- 웹 개발
Christian은 최근 MakeUseOf 커뮤니티에 추가되었으며 빽빽한 문학에서 Calvin과 Hobbes 연재 만화에 이르기까지 모든 것에 대한 열렬한 독자입니다. 기술에 대한 그의 열정은 도움을 주고자 하는 그의 욕구와 의지와 일치합니다. (대부분) 무엇이든 관련하여 질문이 있으시면 언제든지 이메일을 보내주십시오!
Christian Bonilla가 참여한 작품 더보기뉴스레터 구독
뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!
구독하려면 여기를 클릭하세요.