부트스트랩이란 무엇이며 언제 사용해야 합니까?

부트스트랩을 사용하면 반응형 웹사이트를 빠르게 구축할 수 있습니다.

무료 및 오픈 소스 소프트웨어는 우리에게 많은 것에 대한 여러 대안을 제공합니다. 이것은 어떤 것을 사용하는 것이 가장 좋은지 알기 어렵게 만듭니다. 웹사이트가 필요하지 않다면 웹사이트가 무엇인지 알 필요가 없다는 말부터 시작하겠습니다. 부트 스트랩 그리고 언제 사용해야 하는지.

예전에는 웹사이트를 만들기 위해 메모장이나 워드 프로세서로도 잘 만들 수 있었지만,e 페이지는 상호 작용이 증가하고 콘텐츠는 더 자주 업데이트되어야 했으며 새로운 도구를 사용해야 했습니다. 만들 수 있습니다.

부트스트랩이란 무엇이며 언제 사용해야 합니까?

한편으로는 코드를 작성하고 내용을 시각적으로 편집할 수 있는 Macromedia(나중에 Adobe) Dreamweaver와 같은 시각적 편집기가 등장했습니다. Linux에는 Kompozer 또는 NVU와 같은 도구가 있었지만 동일한 기능은 없었지만 작업을 매우 쉽게 만들었습니다.

코드 작성을 잘했다면 도구가 부족하지 않았습니다. Anjuta 또는 Eclipse는 전문 프로그래머에게 이상적인 개발 환경이었습니다.

시간이 지남에 따라 콘텐츠 관리자는 워드 프레스 드루팔 o 줌라이러한 유형의 소프트웨어를 사용하면 코드 작성을 무시하고 콘텐츠 제작에 집중할 수 있습니다.. 그들은 다음과 같은 장소에 이상적인 대안으로 밝혀졌습니다. Linux Adictos 여러 저자가 지속적으로 콘텐츠를 업데이트하고 있습니다.

이것을 조금 설명하겠습니다.

코딩의 관점에서 웹 페이지에는 다음이 포함됩니다.

  • 문서 정보: 사용 중인 HTML 버전을 브라우저에 알려줍니다.
  • HTML 컨테이너: 브라우저에 HTML 문서의 시작과 끝을 알리고 언어와 같은 추가 정보를 포함할 수 있습니다.
  • 헤드 컨테이너: 여기에는 페이지 제목, 작성자, 내용에 대한 간략한 설명 및 관련 용어 목록과 같은 브라우저 및 검색 엔진에 대한 유용한 정보가 포함됩니다. 또한 화면에서 콘텐츠를 렌더링하는 방법에 대한 지침을 찾을 수 있는 위치를 브라우저에 알려줍니다.
  • 바디 컨테이너: 다음은 사용자가 브라우저에서 보게 될 모든 콘텐츠입니다.
  • 스크립트 문: 상호 작용을 추가하거나 메일로 양식을 보낼 수 있는 Javascript 또는 PHP와 같은 특정 프로그래밍 언어에서 지침을 찾을 수 있는 위치를 브라우저에 알려줍니다.

Body 컨테이너 안에 있는 문서의 다른 부분은 다음과 같습니다.

  • 머리글: 웹사이트의 제목이 표시되는 곳입니다. 여기에는 로고, 링크, 탐색 모음 또는 기타 눈에 띄는 정보가 포함될 수 있습니다.
  • 탐색: 이 컨테이너는 사이트의 주요 부분에 대한 액세스를 제공하는 탐색 메뉴를 만드는 데 사용됩니다.
  • 기사 : 이름은 기능을 매우 잘 설명합니다. 웹 페이지 내에서 다양한 주제를 구별하는 데 사용됩니다. 예를 들어, 메인 페이지에 이어지는 이 게시물은 Linux Adictos.
  • 섹션: 기사의 다른 부분을 분리하십시오.
  • 곁에: 페이지 측면에 표시되는 콘텐츠를 그룹화합니다.
  • 보행인: 페이지 하단에 정보를 표시합니다. 길찾기, 다른 사이트로의 링크, 메뉴 반복 등의 정보를 표시하는 데 자주 사용됩니다.

텍스트의 다른 부분을 표시하는 컨테이너가 있습니다. h(1 ~ 6) op로 각각 제목과 단락을 나타냅니다.

콘텐츠 관리자가 없었다면, 작가들은 매번 Linux Adictos 기사를 게시하고 싶으면 전체 페이지 코드를 처음부터 다시 작성해야 합니다.  또한 메인 페이지의 순서와 카테고리별 기사 목록을 수동으로 업데이트해야 합니다.

그리고 관리자가 재설계를 하거나 새로운 화면 크기가 나오면 스타일 시트를 업데이트해야 합니다.

콘텐츠 관리자의 문제

콘텐츠 관리자는 우리가 언급한 조건에 이상적이지만 변경 사항이 거의 없는 기업 또는 정보 웹 사이트와 같이 자주 업데이트되지 않는 사이트의 경우 리소스 낭비입니다.  반면에 데이터베이스의 사용을 포함하고 그 인기로 인해 빈번한 공격의 대상이 되어 업데이트가 필요합니다.

워드프레스의 경우 제 생각에는 블로트웨어가 되고 있습니다. 점점 더 많은 테마에서 이미 설치한 것과 동일한 기능을 수행하는 추가 기능을 설치해야 합니다. 그리고 가장 좋은 혜택은 대부분 결제 수단에 있습니다. 그리고, 그들은 정확히 저렴하지 않습니다.

여기에서 Bootstrap과 같은 오픈 소스 프레임워크가 유용합니다.  부트스트랩은 물건을 만드는 대신 모든 화면 크기에 쉽게 적응할 수 있는 웹사이트를 구축하는 데 사용되는 레고 블록 상자로 생각하십시오. 버튼, 아이콘 및 테마와 같이 필요한 거의 모든 것이 제공되므로 휠을 다시 만들 필요가 없습니다. 그러나 동시에 귀하의 디자인이 다른 사람처럼 보이지 않도록 유연성이 있습니다.

다음 기사에서는 그것을 사용하는 방법을 볼 것입니다.


코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자: AB Internet Networks 2008 SL
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.

  1.   리처드 워터슨

    흥미로운 기사, 적절한 제목이 콘텐츠 관리자와 현재 문제라고 생각하지만 여기에서는 부트스트랩에 대해 설명하지 않았습니다.
    또 뭔데…
    부트스트랩은 우리가 아주 멋진 반응형 사이트를 디자인할 수 있게 해주는 라이브러리/프레임워크/라이브러리입니다. CSS에 대해 많이 몰라도 웹사이트를 만들 수 있습니다. WordPress 테마를 만들 수 있지만 최적화하려면 많은 시간을 투자해야 합니다. 최대.
    WordPress와 같은 CMS는 웹사이트의 유지 관리를 개선하도록 설계되었습니다. 그렇기 때문에 매우 유연하여 블로그, 비즈니스 웹사이트, 상점, 포럼 등을 만들 수 있습니다.
    WordPress의 경우 테마가 매우 간단하고 개인 블로그에 적합하며 더 많은 시각적 매력이 필요하지 않은 것이 많습니다. "매력적인" 테마의 경우 일반적으로 플러그인이 포함되며, 이는 테마에 더 큰 기능을 제공하고 로더, 메가 메뉴, 애니메이션 등을 추가할 수 있습니다. 플러그인에는 CSS가 포함되는 경우가 거의 없습니다.
    그렇기 때문에…
    1.- 전체 부트스트랩 패키지를 사용하지 말고 필요한 것만 로드하십시오.
    2.- WordPress의 경우 좋은 호스팅에 투자하면 로딩 시간이 향상되고 CDN을 사용하여 테마 로딩을 개선할 수 있습니다.
    3.- PHP 기반 CMS를 사용하는 경우 빠른 속도를 기대하지 마십시오. 최적화할 수 있는 것은 사실이지만 지식이 있는 사람이 수행해야 합니다.
    4.- WordPress 테마의 개발 및 유지 관리가 반드시 저렴하거나 쉬운 것은 아닙니다. 매일 많은 취약점이 발견되고 적절한 지식 없이 해결하는 것은 복잡할 수 있습니다. 숙련된 편집자의 템플릿에 투자하는 것이 가장 적절할 수 있으며 물론 경제적인 문제이지만 가치가 있습니다.

    1.    디에고 저먼 곤잘레스

      시리즈의 첫 번째 기사입니다.
      귀하의 의견에 감사드립니다

    2.    호르헤

      좋은 기사. 속편을 기다리겠습니다.