Bootstrap 実践クリアスキャン版 PDF + サンプルソースコード_html/css_WEB-ITnose

書籍「Bootstrap in Action」は、BootStrap のさまざまな機能、コンポーネント、プラグイン、拡張機能を体系的に説明し、BootStrap のコア ソース コードを深く分析しています。知識ポイントごとに問題を解説するための小さな事例が丁寧に設計されているだけでなく、包括的な大きな事例も含まれており、非常に実践的です。

この本は、国内の上級フロントエンド エンジニアによって書かれており、現時点で最も包括的で詳細な Bootstrap 書籍です。 Bootstrap の機能と使い方を体系的に説明するだけでなく、Bootstrap のコンポーネント、プラグイン、拡張技術についても詳細に説明し、Bootstrap のコア ソース コードを深く分析します。本書は非常に実践的であり、各知識ポイントの問題を説明するのに役立つ小さな事例が注意深く設計されており、最後に包括的な大きな事例も含まれており、理論的知識の体系的な学習に対する読者のニーズを満たすだけでなく、知識を満たすこともできます。読者の完全な練習のニーズ。

この本は合計 10 章で構成されています。第 1 章と第 2 章では、Bootstrap のコンポーネント、機能、開発ツール、アプリケーション、およびそのダウンロードとアプリケーション分析について紹介します。グローバル スタイル シート、グリッド システム、レイアウト、レスポンシブ デザインなど。第 4 章では、ページ レイアウトの最適化、テーブル デザインの最適化、フォーム デザインの最適化、ボタンのデザイン、画像とアイコンのデザインおよびその他のコンテンツを含む CSS スタイルの最適化について説明します。第5章から第8章まではそれぞれCSS動的スタイルLESSの特徴と使い方、各種Bootstrapコンポーネントの特徴と使い方、各種Bootstrapプラグインの特徴と使い方、Bootstrap拡張機能などを説明しています。第9章では全体のプロセスと、 Bootstrap を使用してコミュニティ共有 Web サイトを開発する方法。これは包括的なケースです。第 10 章では、Bootstrap のコア ソース コードを詳細に分析します。

著者について

Cheng Lin は、シニア Web フロントエンド エンジニアであり、長年 Web フロントエンドに携わっており、CSS などの Web フロントエンド テクノロジに精通しています。 、HTML、JavaScript、jQuery、Ajaxを理解し、実践経験を積んできました。彼は Web テクノロジー標準を提唱し、多くの大学やオフライン テクノロジー サロンで Web 標準と仕様に関連するコースを教えてきました。また、W3C が主催する標準化文書の中国編纂にも参加しました。過去 2 年間、私は CSS3 と HTML 5 の最先端テクノロジーの研究と実践に集中してきました。私は中国におけるこの分野の先駆者の 1 人であり、比較的深い理解と豊富な実務経験を持っています。中国初の CSS 3 書籍『CSS3 in Practice』の著者。

スクリーンショット:

目次

まえがき

第 1 章 Bootstrap を学ぶ理由

1.1 Bootstrap の概要

1.1.1 Bootstrap の歴史

1.1.2 Bootstrap を選んだ理由

1.1.3 プログラマーの言葉

1.1. 4 Bootstrap のコンポーネント

1.2 Bootstrap の機能紹介

1.2.1 Bootstrap の主な機能

1.2.2 Bootstrap の主な機能

1.3 Bootstrap の感謝アプリケーションプロジェクト

1.3.1 ブートストラップの優れた Web サイト

1.3.2 ブートストラップの優れたプラグイン

1.4 ブートストラップのバージョン変更

1.5 ブートストラップの開発ツールとリファレンスリソース

1.5.1 Bootstrap 開発ツール

1.5.2 Bootstrap リファレンスリソース

第 2 章 Bootstrap を使用するための準備

2.1 Bootstrap のダウンロードとカスタマイズ

2.1.1 Bootstrap のダウンロード

2.1.2 Bootstrap のカスタマイズ

2.2 Bootstrap ファイル構造

2.2.1 Bootstrap のソース コード バージョンファイル構造

2.2.2 コンパイルされたブートストラップ ファイル構造

2.3 ブートストラップ アプリケーション分析

2.3.1 ブートストラップのインストール

2.3.2 ブートストラップ アーキテクチャ分析

2.3.3 ブートストラップ Web テンプレートの設計

2.4 最初のブートストラップ サンプルの開発

2.4.1 インタラクティブ コンポーネントの設計

2.4.2 ページ レイアウトの設計

第 3 章 ブートストラップ フレームワークの分析

3.1 グローバル スタイル シートの設計

3.1.1 CSS グローバル スタイルの設計アイデア

3.1.2 CSS仕様とスタイルの再利用

3.1.3 CSS リセット

3.2 グリッドシステム

3.2.1 Web グリッドシステムの設計手法

3.2.2 分析 960グリッド システム

3.2.3 ブートストラップ グリッド システム

3.2.4 レスポンシブ ブートストラップ グリッド システム

3.3 ブートストラップ レイアウト

3.3.1 固定スタイル レイアウト

3.3.2 流動的なレイアウト

3.3.3 レイアウトのネスティング

3.4 レスポンシブデザイン

3.4.1 レスポンシブデザインとは

3.4. 2 レスポンシブな画像をデザインする

3.4.3 レスポンシブなレイアウト構造をデザインする

3.4.4 ページのコンテンツを適応的に表示/非表示にする

3.4 .5 レスポンシブ デザインのプロセスと実践

3.4.6 レスポンシブ ブートストラップ

第 4 章 CSS スタイルの最適化

4.1 ページ レイアウトの最適化

4.1.1 タイトルとフォント スタイル

4.1.2 テキスト強調スタイル

4.1.3 テキスト配置スタイル

4.1.4 略語スタイル

4.1.5 住所スタイル

4.1 .6 参照スタイル

4.1.7 リストスタイル

4.1.8 コードスタイル

4.2 テーブル最適化設計

4.2.1 テーブル構造の最適化

4.2.2 デフォルトのスタイル

4.2.3 テーブルの個人化スタイル

4.2.4 テーブルの行スタイル

4.3 フォーム最適化デザイン

4.3 .1 Bootstrap

でサポートされるフォーム コントロール

4.3.2 ブートストラップ拡張フォームコンポーネント

4.3.3 デフォルトスタイル

4.3.4 レイアウトスタイル

4.3.5 外観スタイル

4.3 .6 ステータスのスタイル

4.4 ボタンのデザイン

4.4.1 デフォルトのスタイル

4.4.2 カスタマイズされたスタイル

4.4.3 ステータスのスタイル

4.5 画像とアイコンのデザイン

4.5.1 画像スタイル

4.5.2 アイコン スタイル

第 5 章 CSS 動的スタイル -- LESS

5.1 LESS を使用する理由

5.1.1 LESS の概要

5.1.2 LESS の利点

5.1.3 LESS のリファレンスとツール

5.2 LESS の使用方法

5.2.1 クライアントでの LESS の使用

5.2.2 サーバーでの LESS の使用

5.3 LESS には何が含まれます

5.3.1 LESSの基本機能

5.3.2 LESSの主な機能

5.3.3 LESSとSASS

5.4 LESSの動的構文

5.4 .1 変数

5.4.2 混合

5.4.3 パラメータの混合

5.4.4 パターンマッチング

5.4.5 条件式

5.4.6 ネストルール

5.4.7 演算

5.4.8 カラー関数

5.4.9 数学関数

5.4.10 スコープ

5.4.11 名前空間

5.4.12 コメント

5.4.13 インポート

5.4.14 文字列補間

5.4.15 エスケープ文字

5.4.16 JavaScript 式

5.5 ブートストラップと LESS の組み合わせ

5.5.1 LESS に基づくブートストラップ

5.5 .2 ブートストラップ変数

5.5.3 Bootstrap Mixin

第 6 章 Bootstrap コンポーネントの使用

6.1 ドロップダウン メニュー

6.1 のドロップダウンを簡単に体験します。ダウン メニュー

6.1.2 ドロップダウン メニューを設計する

6.1.3 マルチレベル ドロップダウン メニューを設計する

6.1.4 ドロップダウン メニューを設定するオプション

6.2 ボタン グループ

6.2.1 ボタン グループのデザイン

6.2.2 ボタン ナビゲーション バーのデザイン

6.2.3 ボタン レイアウトのデザイン

6.3 ボタンドロップダウンメニュー

6.3.1 デザインボタンドロップダウンメニュー

6.3.2 デザイン分割スタイル

6.3.3 デザインボタンドロップダウンメニュー レイアウト

6.4 ナビゲーション

6.4.1 ナビゲーション コンポーネントの設計

6.4.2 ナビゲーション オプションの設定

6.4.3 ナビゲーション メニューとドロップダウン メニューのバインド

6.4.4 ナビゲーション リストのデザイン

6.4.5 タブのアクティブ化

6.4.6 タブのレイアウトのデザイン

6.5 ナビゲーション バー

6.5.1 ナビゲーション バーのデザイン

6.5.2 フォームとドロップダウン メニューのバインド

6.5.3 ナビゲーション バーのレイアウト

6.6 ブレッドクラムとページング

6.6.1 ブレッドクラムの設計

6.6.2 ページング コンポーネントの設計

6.6.3 ページング オプションの設定

6.6.4 ページング コンポーネントの設計

6.7 ラベルとバッジ

6.8 サムネイル

6.8.1 画像プレースホルダーについて

6.8.2 デザインサムネイル

6.9 警告ボックス

6.9.1警告ボックスをデザインする

6.9.2 閉じるボタンを追加する

6.10 プログレスバー

6.10.1 プログレスバーをデザインする

6.10.2 パーソナライズされたプログレスバーを設定する

6.11 メディア

6.11.1 メディア レイアウト

6.11.2 メディア リスト

6.12 レイアウト

6.12.1 ヒーロー ブロック

6.12.2 ページタイトル

6.13 その他のコンポーネント

6.13.1 まあ

6.13.2 閉じるアイコン

6.13.3 補助クラス

第 7 章 Bootstrap プラグインの使用法

7.1 JavaScript プラグイン開発の概要

7.1.1 Bootstrap プラグインの使用法

7.1.2 トランジション効果

7.2 モーダルダイアログボックス

7.2.1 デザインダイアログボックス

7.2.2 呼び出しダイアログボックス

7.2. 3 アプリケーションダイアログボックス

7.3 ドロップダウン項目

7.4 スクロール監視

7.4.1 スクロール監視プラグインの使用

7.4.2 制御スクロール監視

7.5 タグページ

7.5.1 タブプラグインの使用

7.5.2 タブプラグインの制御

7.6 ツールチップ

7.6.1 ツールチッププラグインの使用

7.6.2 コントロールツールチッププラグイン

7.7 ポップアッププロンプト

7.7.1 ポップアッププロンプトプラグインの使用in

7.7.2 コントロールポップアッププロンプトプラグイン

7.8 警告ボックス

7.9 ボタン

7.10 折りたたみ

7.10 .1 折りたたみプラグインの使用

7.10.2 折りたたみプラグインの制御

7.11 カルーセル

7.11.1 カルーセル プラグインの使用

7.11.2 カルーセルプラグインの制御

7.12 入力プロンプト

7.13 追加ナビゲーション

第 8 章 ブートストラップ拡張機能

8.1 IE6 および IE7 用のブートストラップ拡張機能

8.1.1 Bsie プラグインの使用

8.1.2 手動でパッチを適用した Bsie

8.2 ブートストラップ Metro

8.3カラーピッカー

8.3.1 カラーピッカーの使用

8.3.2 カラーピッカーの設定

8.4 日付ピッカー

8.4.1 日付ピッカーの使用

8.4.2 日付ピッカーの構成

8.5 jQuery UI Bootstrap

第 9 章 Bootstrap を使用してコミュニティ共有 Web サイトを迅速に開発する

9.1準備

9.1.1 ブートストラップのカスタマイズ

9.1.2 ブートストラップの初期化

9.2 ホームページのデザイン

9.2.1 デザインアイデア

9.2.2 設計構造

9.2.3 メインメニューとボタンをデザインする

9.2.4 カルーセル広告スペースをデザインする

9.2.5 ニュースエリアと著作権エリアのレイアウトをデザインする

9.3 閲覧ページのデザイン

9.3.1 レスポンシブメインメニューのデザイン

9.3.2 追加ナビゲーションメニューのデザイン

9.3.3 ページレイアウトのデザイン

9.4グループページのデザイン

9.5 チェックインページのデザイン

9.5.1 ページグリッドシステムのデザイン

9.5.2 スクロールモニターと追加ナビゲーションのデザイン

9.6ルートページの設計

第 10 章 ブートストラップ カーネルのデコード

10.1 jQuery プラグインの定義

10.1.1 jQuery プラグインの形式

10.1.2 jQuery プラグインの仕様

10.1.3 jQuery プラグインのカプセル化

10.1.4 jQuery プラグインの最適化

10.2 ブートストラップ設計のアイデア

10.2.1 型付け

10.2.2 疎結合と結合

10.2.3 継承と拡張性

10.3 ブートストラップフレームワーク分析

10.3. 1 ソースコード構造

10.3.2 クラス定義

10.3.3 プラグイン定義

10.3.4 名前競合解決

10.3.5 データインターフェース

10.4 ブートストラップ カーネルのトラブルシューティング

10.4.1 カプセル化フォーム

10.4.2 厳密モードを有効にする

10.4.3 プラグイン内のこれ

Linux Commune No. 3 FTP サーバーにダウンロード:

------------------------------------- --------------- -区切り線---------------------------- -------------

FTP アドレス: ftp://ftp3.linuxidc.com

ユーザー名: ftp3.linuxidc.com

パスワード: www.linuxidc.com

2016 年にクリア ブートストラップの実践 スキャンした PDF+ サンプル ソース コード

ダウンロード方法については、http://www.linuxidc.com/Linux/2013-10/ を参照してください。 91140.htm

---------- ----------------------------- ---分割線----------------- ------------------------

この記事は、リンク アドレス : http://www.linuxidc .com/Linux/2016-02/128592.htm

で永久に更新されます。