Bootstrap で Web サイトを作成する

Bootstrap は、見栄えがよく、標準に準拠し、応答性の高い Web ページを作成するのに役立つ無料のツールキットです。これを最大限に活用するには、HTML と CSS、JavaScript とは何か、これら 3 つがどのように組み合わされるのかについての基本的な理解が必要です。しかし、プロフェッショナルに見えてうまく機能するものを作成するのに高度なスキルは必要ありません。
Bootstrap はもともと、Twitter の社内開発者が分析ツールや管理ツールのプロトタイプを作成して構築できるようにするために、Twitter 社員の Mark Otto と Jacob Thornton によって作成されました。現在のバージョンはより柔軟なものに成長し、現在はオープンソースで誰でもダウンロードできるようになりました。

チュートリアル

6 ステップのチュートリアルでは、Bootstrap を使用して HTML の数行にドロップダウン メニューを実装する方法を示します。
Bootstrap を使用して Web サイトを構築すると、スタイル設定用に事前にロールされた CSS の大規模なライブラリにアクセスできます。ドロップダウン メニュー、プログレス バー、ポップオーバーなどのコンポーネントを処理するための JavaScript。そして、ボタンやメニューで使用できる一連の画像 (実際にはアイコン) です。これにより、一貫したルック アンド フィールを実現し、ページ要素がさまざまなブラウザーやデバイス間で動作することが保証されます。
Bootstrap は標準的な Web テクノロジーに基づいて構築されているため、WordPress、Joomla、Drupal などのプラットフォームだけでなく、確立された開発環境にも比較的簡単に統合できます。そのため、確立されたサイトで作業している場合、Web サイトの作業を中断する必要はありません。ワークフローと実践方法。
あなたがプロの Web デザイナーであっても、洗練されたページを最初から構築するためのコーディング スキルを持たない単なる愛好家であっても、Bootstrap は役に立ちます。フレームワークをインストールし、必要に応じて HTML ソースから直接 Bootstrap のスタイルとコンポーネントにアクセスするだけです。

ブートストラップのダウンロードとインストール

基本的な Bootstrap パッケージは、Bootstrap Web サイトからダウンロードできます。インストールするものをカスタマイズしたり、追加のソース コードやドキュメントを含むダウンロードが他にもありますが、最初からそれは必要ありません。
Bootstrap のダウンロードは、bootstrap というサブフォルダーを含む単一の圧縮ファイルとして到着します。これを適当なフォルダに解凍して開きます。中には 3 つのフォルダーがあります。これらには、Bootstrap に独特の外観と操作性を与える CSS ファイル、アイコンの選択、および 2 つの JavaScript ファイルが含まれています。
ブートストラップ
始めるために必要なのはこれだけです。次の仕事は、これらのリソースを利用する HTML の作成を開始することです。好みの HTML エディタがない場合は、Notepad++ などの無料ツールをダウンロードすることをお勧めします。デフォルトではテキスト エディターとして設定されていますが、HTML または HTM 拡張子の付いたファイルを開いたり保存したりすると、HTML 構文の強調表示に切り替わり、コードの作成とデバッグが容易になります。

最初のブートストラップ ページの作成

Notepad++ (または同様のエディタ) がインストールされたら、Bootstrap の使用を開始する準備が整います。必要に応じて、HTML ドキュメントを最初から自分で作成することもできます。ただし、必要な Bootstrap 要素が正しく含まれていることを確認するには、Bootstrap Web サイトのテンプレートから始めることをお勧めします。

「Bootstrap で Web サイトを作成する」に関するベスト動画選定!

Bootstrap最初の1歩【分かりやすい解説シリーズ #34】【プログラミング】
【HTML/CSS入門】レスポンシブ対応のコーポレートサイトを1から構築してみよう