Bootstrap とは何ですか? また、どのような場合に使用する必要がありますか?

Bootstrap を使用すると、レスポンシブ Web サイトをすばやく構築できます。

フリーでオープンソースのソフトウェアは、多くのことに対して複数の選択肢を提供してくれます。 これにより、どちらを使用するのが最適かを判断することが難しくなります。 ウェブサイトが必要ないのなら、それが何であるかを知る必要はないということから始めましょう ブートストラップ そしてそれをいつ使うべきか。

昔は、メモ帳やワープロさえあればWebサイトを作ることができましたが、ページのインタラクティブ性が増し、コンテンツをより頻繁に更新する必要が生じたため、新しいツールを使用する必要が生じました それらを作成します。

Bootstrap とは何ですか? また、どのような場合に使用する必要がありますか?

一方では、Macromedia (後の Adob​​e) Dreamweaver などのビジュアル エディターが登場し、コードを記述してコンテンツを視覚的に編集できるようになりました。 Linux には Kompozer や NVU などのツールがあり、同じ機能はありませんでしたが、作業は非常に簡単でした。

コードを書くのが得意なら、ツールが不足することはありませんでした。 Anjuta または Eclipse は、熟練したプログラマーにとって理想的な開発環境でした。

時間の経過とともに、コンテンツ マネージャーは次のように登場しました。 ワードプレス Drupal o Joomlaのこのタイプのソフトウェアにより、コード作成を無視してコンテンツ作成に集中することが可能になりました。。これらは、次のような場所にとって理想的な代替品であることが判明しました。 Linux Adictos 複数の作成者がコンテンツを常に更新しています。

これについて少し説明させてください。

コーディングの観点から、Web ページには以下が含まれます。

  • ドキュメントタイプ: どのバージョンの HTML が使用されているかをブラウザに伝えます。
  • HTML コンテナ: HTML ドキュメントの開始と終了をブラウザに通知し、言語などの追加情報を含めることができます。
  • ヘッドコンテナ: ページのタイトル、作成者、コンテンツの簡単な説明、関連用語のリストなど、ブラウザや検索エンジンに役立つ情報が含まれています。 また、画面にコンテンツをレンダリングする方法に関する指示がどこにあるかをブラウザに伝えます。
  • 本体コンテナ: ユーザーがブラウザに表示するすべてのコンテンツがここに表示されます。
  • スクリプト ステートメント: 対話機能を追加したり、メールでフォームを送信したりできる Javascript や PHP などの特定のプログラミング言語の指示を見つける場所をブラウザーに伝えます。

Body コンテナ内のドキュメントのさまざまな部分は次のとおりです。

  • ヘッダ: ここにサイトのタイトルが表示されます。 ロゴ、リンク、ナビゲーション バー、またはその他の目立つ情報が含まれる場合があります。
  • ナビ: このコンテナは、サイトの主要部分にアクセスできるナビゲーション メニューを作成するために使用されます。
  • 記事: 名前は機能をよく表しています。 Web ページ内のさまざまなトピックを区別するために使用されます。たとえば、メインページに続くこの投稿は、 Linux Adictos.
  • セクション: 記事のさまざまな部分を分離します。
  • 脇に: ページの横に表示されるコンテンツをグループ化します。
  • フッター: ページの下部に情報を表示します。 道順、他のサイトへのリンク、メニューの繰り返しなどの情報を表示するためによく使用されます。

テキストのさまざまな部分をマークするコンテナがあります as h (1 から 6) op は、それぞれタイトルと段落を示します。

コンテンツマネージャーがいなかったら 毎回、著者たちは Linux Adictos 記事を公開したいのですが、ページのコード全体を最初から書き直す必要があります。  さらに、メイン ページの順序とカテゴリ別の記事のリストを手動で更新する必要があります。

また、管理者がデザインを変更したり、新しい画面サイズが登場した場合は、スタイル シートを更新する必要があります。

コンテンツ管理者の問題

前述の条件ではコンテンツ マネージャーは理想的ですが、 変更がほとんどない企業や情報提供の Web サイトなど、頻繁に更新されないサイトの場合、リソースの無駄遣いになります。  一方で、データベースの使用が含まれており、その人気により頻繁に攻撃の対象となり、更新が必要になります。

WordPress の特定のケースでは、私の意見では、それはブロートウェアになりつつあります。 多くの場合、すでにインストールしたものと同じ機能を果たすアドオンのインストールが必要なテーマがますます増えています。 そして、最高のメリットのほとんどは支払い方法にあります。 そして、それらは正確に安くはありません。

ここで、Bootstrap などのオープン ソース フレームワークが役に立ちます。  Bootstrap は、ものを組み立てる代わりに、すべての画面サイズに簡単に適応する Web サイトを構築するために使用されるレゴ ブロックの箱と考えてください。 ボタン、アイコン、テーマなど、必要なほとんどすべてが付属しているため、車輪を再発明する必要はありません。 しかし同時に、あなたのデザインが他のデザインと同じように見えないようにする柔軟性もあります。

次の記事では、その使用方法について説明します。


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:AB Internet Networks 2008 SL
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   リチャード・ワタソン

    興味深い記事です。適切なタイトルはコンテンツ マネージャーと現在の問題だと思いますが、ここではブートストラップについては何も説明していません。
    そのうえ…
    Bootstrap は、非常に優れたレスポンシブ サイトの設計を可能にするライブラリ/フレームワーク/ライブラリです。CSS についてあまり知らなくても Web サイトを作成できます。WordPress テーマを作成できますが、最適化するために多くの時間を費やす必要があります。最大。
    WordPress のような CMS は、Web サイトのメンテナンスを改善するように設計されています。そのため、CMS は非常に柔軟で、ブログ、ビジネス Web サイト、ショップ、フォーラムなどを、コードを XNUMX 行も書かずに作成できます。
    WordPress の場合、テーマは非常にシンプルで、個人のブログに適したもので、視覚的な魅力を必要としないものがたくさんあります。 「魅力的な」テーマの場合、これらには通常、テーマに優れた機能を提供するプラグインが含まれます。ローダー、メガ メニュー、アニメーションなどを追加できますが、プラグインに CSS が含まれることはほとんどありません。
    それが理由です…
    1.- ブートストラップ パッケージ全体の使用を避け、必要なものだけをロードします。
    2.- WordPress の場合は、優れたホスティングに投資してください。これにより読み込み時間が改善されます。CDN を使用してテーマの読み込みを改善することもできます。
    3.- PHP ベースの CMS を使用している場合、高速は期待できません。最適化できるのは事実ですが、知識のある人が行う必要があります。
    4.- WordPress テーマの開発とメンテナンスは、必ずしも安くて簡単というわけではありません。 毎日多くの脆弱性が発見されており、適切な知識なしにそれらを解決することは複雑になる可能性があります.経験豊富な編集者からのテンプレートに投資することが最も適切かもしれません.もちろん、それは経済の問題ですが、それだけの価値があります.

    1.    ディエゴドイツゴンザレス

      シリーズの最初の記事です。
      ご入力いただきありがとうございます

    2.    ホルヘ

      素敵な記事。 続きを待ちます。