- ※電子版には、巻末綴じ込みがございません。
表紙1ページ目のタイトル部分をクリックいただくと、
同内容のサンプルファイルをダウンロードいただけます。(PCのみ対応)
BootstrapはCSSフレームワークと呼ばれるツールの一つで、自分でCSSを記述しなくても見た目に優れたWebサイトを構築できるのが特長です。さらに、レスポンシブWebデザインに対応しているため、簡単な記述で「パソコン」と「スマートフォン」でレイアウトが変化するWebサイトを構築できます。ボタンやフォーム、リストグループなどのパーツを、スマートフォン向けのデザインに仕上げることも可能です。そのほか、ドロップダウンやカルーセルなど、Webサイトでよく見かける機能を手軽に実現できるJavaScriptも用意されています。
本書を手にした皆さんは、「Webサイトのスマートフォン対応を考えている」という方もいれば、「Webサイトを効率よくデザインしたい」と考えている方もいるでしょう。Bootstrapは両者の期待に応えてくれるツールです。もちろん、Bootstrapの全機能を完璧にマスターする必要はありません。便利で使いやすい部分だけを拝借してWebサイトを作成しても何ら問題はありません。この機会に、Web制作の「新しいカタチ」として、Bootstrapの導入を検討してみてください。
Bootstrapを使用するにあたって特別な環境は何も必要ありません。BootstrapはCSSとJavaScriptで構成されているため、誰でも、どんなWebサーバーでも使用できます。もちろん、無償で配布されているため使用料が発生することもありません。
本書ではBootstrap 3.3.0を基準に使用方法を解説しています。今後もBootstrapはバージョンアップを繰り返していくと思われますが、基本的な使い方は大きく変化しないので、初めてBootstrapを使用する方にとって本書は有益な参考書になると思われます。
Bootstrapファーストガイド|相澤裕介|カットシステム
- shinanobook.com HOME >
- Bootstrapファーストガイド
第1章 Bootstrapの特長と導入1.1 Bootstrapの特長
1.2 Bootstrapの導入
1.3 HTMLの雛形
1.4 Bootstrapとクラス
1.5 Bootstrap導入後の変化
第2章 Bootstrapを利用したページレイアウト2.1 グリッドシステム
2.2 画面サイズに応じたレイアウト
2.3 印刷レイアウト
第3章 コンテンツの書式指定3.1 文字と見出しの書式
3.2 リストの書式
3.3 画像の書式
3.4 ブロック要素の書式
3.5 テーブルの書式
3.6 Media objectとMedia list
3.7 パネルとアラート
3.8 フォームの書式
第4章 ナビゲーションの作成4.1 ボタンの書式
4.2 アイコンの表示
4.3 ナビゲーションバーの作成
4.4 パンくずリストの作成
4.5 ページネーションとページャー
4.6 リストグループの作成
4.7 バッジとラベル 192
4.8 タブ形式のナビゲーション
第5章 JavaScriptを利用したコンテンツ5.1 ドロップダウン
5.2 モーダルダイアログ
5.3 カルーセル
5.4 タブ切り替え
5.5 アコーディオン
5.6 ツールチップとポップオーバー
第6章 Bootstrapのカスタマイズ6.1 bootstrap-themeの適用
6.2 公式サイトのカスタマイズ機能
6.3 カスタマイズ用のWebサイト
6.4 テンプレートのダウンロード
6.5 CSSファイルの編集
付録 Bootstrap簡易リファレンスA.1 HTMLの雛形
A.2 グリッドシステムとレスポンシブWebデザイン
A.3 コンテンツの書式指定
A.4 ナビゲーションの書式指定
A.5 JavaScriptを利用したコンテンツ
ページ先頭へ