ブートストラップとドリームウィーバーの違いは何ですか

違い: 1. Bootstrap は HTML、CSS、JavaScript に基づくフロントエンド フレームワークであるのに対し、Dreamweaver は Web ページ コード エディターです; 2. Bootstrap は応答性の高い Web サイトを迅速に作成するために使用できますが、Dreamweaver はウェブサイトの開発速度を向上させるために使用できます。

#このチュートリアルの動作環境: Windows7 システム、bootsrap3.3.7&&Adobe Dreamweaver CS6 バージョン、DELL G3 コンピューター

bootstrap の概要

Bootstrap は、HTML、CSS、および JavaScript に基づく Twitter のオープンソース フロントエンド フレームワークです。これは、Web アプリケーションの迅速な開発のために設計されたフロントエンド ツールキットです。 V3 バージョン以降はレスポンシブ レイアウトをサポートし、モバイル デバイスの優先順位に準拠します。

Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 WeX5 フロントエンド オープン ソース フレームワークなど、国内のモバイル開発者に馴染みのある一部のフレームワークも、Bootstrap ソース コードに基づいてパフォーマンスが最適化されています。

コンテンツ

• 基本構造: Bootstrap は、グリッド システム、リンク スタイル、および背景を備えた基本構造を提供します。これについては、ブートストラップの基本構造セクションで詳しく説明します。

• CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。

• コンポーネント: Bootstrap には豊富な Web コンポーネントが含まれており、これらのコンポーネントに基づいて、美しく完全に機能する Web サイトを迅速に構築できます。
  これには次のコンポーネントが含まれます: ドロップダウン メニュー、ボタン グループ、ボタン ドロップダウン メニュー、ナビゲーション、ナビゲーション バー、パス ナビゲーション、ページング、レイアウト、サムネイル、警告ダイアログ ボックス、プログレス バー、メディア オブジェクト、 etc.

• JavaScript プラグイン: Bootstrap には、Bootstrap のコンポーネントに「命」を与える 13 個の jQuery プラグインが付属しています。これには、モーダル ダイアログ ボックス、タブ、スクロール バー、ポップアップ ボックスなどが含まれます。

機能:

提供されるスタイルとコンポーネントを使用して、Web サイトをすばやく作成します

一部を参照するだけで済みます。 Class、つまりクラス名を定義すると、非常に美しいスタイルのWebページを作成することができ、自己適応もサポートする非常に優れたフレームワークです。

簡単に言うと: は、Web サイトのフロント ページを迅速に構築するためのオープン ソース プロジェクト (Jquery ベース) です。関連するクラスやタグ名などの意味を理解し、ページを構築するときにブートストラップのJSやCSSなどをインポートするだけで、対応する効果が表示されます。

dreamweaver の紹介

dreamweaver の正式名は Adob​​e Dreamweaver で、「DW」と呼ばれ、中国語名は「Dream」です。 Weaver」。元々はアメリカの MACROMEDIA 社によって開発されました。2005 年に Adob​​e に買収されました。

DW は、Web ページの制作と Web サイト管理を統合する WYSIWYG Web コード エディターです。 HTML、CSS、JavaScript などのサポートにより、デザイナーやプログラマーは、事実上どこにいても Web サイトを迅速に作成および構築できます。

Adobe Dreamweaver は WYSIWYG インターフェイスを使用しており、HTML (Standard Universal Markup Language に基づくアプリケーション) 編集機能も備えています。簡素化されたインテリジェント コーディング エンジンの助けを借りて、動的な Web サイトの作成、コーディング、管理が簡単です。 . .コードのヒントにアクセスして、HTML、CSS、その他の Web 標準についてすぐに学びましょう。視覚補助を使用してエラーを減らし、Web サイトの開発速度を向上させます。

ソフトウェアの利点

• 生産効率
  Dreamweaver は、Fireworks、FreeHand、または Photoshop ファイルを変換する最速の方法を使用できます。ウェブページへ。カラー ピッカー ツールを使用して画面上の色を選択し、最も近い Web セーフ カラーを設定します。メニュー、ショートカット キー、フォーマット コントロールは、すべて 1 つの簡単なステップで完了できます。 Dreamweaver は、PlaybackFlash、Shockwave、プラグイン モジュールなどのお気に入りのデザイン ツールと組み合わせることができ、Dreamweaver を離れることなく完成させることができ、全体的なアプリケーション プロセスは自然でスムーズです。さらに、Dreamweaver では、ワンクリックで Firework または Photoshop を自動的に開き、画像を編集および最適化できます。

• Web サイト管理
  サイト マップを使用すると、Web サイトのプロトタイプを迅速に作成し、Web ページを設計、更新、再編成できます。 Web ページの場所またはファイル名を変更すると、Dreamweaver によってすべてのリンクが自動的に更新されます。テキスト、HTML コード、HTML 属性タグ、および一般的な構文をサポートする検索および置換機能を使用して、複雑な Web サイトの更新を迅速かつ簡単に行うことができます。

• 制御能力
  Dreamweaver は、ラウンドトリップ HTML の同期、ビジュアル編集、ソース コード編集を提供するデザイン ツールです。これには、HomeSite や BBEdit などの主流のテキスト エディタが含まれます。フレームやテーブルは想像以上に早く作成できます。高度なテーブル編集機能を使用すると、セル、行、列を簡単に選択したり、連続しない選択を行ったりすることができます。

  テーブル グループの並べ替えや書式設定も可能です。Dreamweaver では、レイヤーをドラッグ アンド ドロップすることで、正確な位置決めとレイアウト レイアウトをサポートしており、簡単にテーブルに変換できます。 WYSIWYG Dreamweaver は、ダイナミック パブリッシングのビジュアル編集機能と電子商取引機能をうまく統合し、ASP、Apache、BroadVision、ColdFusion、iCAT、Tango、および自社開発アプリケーション ソフトウェアを含むサードパーティ ベンダーに強力なサポート機能を提供します。

  Dreamweaver を使用して動的 Web ページをデザインする場合、WYSIWYG 機能を使用すると、ブラウザを使用せずに Web ページをプレビューできます。 Dreamweaver と XMLDreamweaver は、コンテンツをデザインから分離して、迅速な Web 更新とチームワークによる Web 編集を実現します。

  Web ページの外観のテンプレートを作成し、編集可能または編集不可能な部分を指定します。コンテンツ プロバイダーは、確立されたスタイルを誤って変更することなく、スタイルベースのコンテンツを直接編集できます。テンプレートを使用して、XML コンテンツを正しくインポートまたはエクスポートすることもできます。

  万能なプレゼンテーション Dreamweaver を使用して設計された Web ページは、どのプラットフォームの一般的なブラウザでも完全に表示できます。カスケード スタイルシートとマウスオーバー効果の動的 HTML サポートの場合、サウンドとアニメーション用の DHTML 効果ライブラリを Netscape および Microsoft Internet Explorer で実行できます。

  さまざまなブラウザ検出機能を使用すると、Dreamweaver はさまざまなブラウザでの効果を確認できます。新しいブラウザを起動したら、Dreamweaver Web サイトからその説明ファイルをダウンロードするだけで、詳細なパフォーマンス レポートを取得できます。

  コードを記述せずに CSS のベスト プラクティスを実装します。 [プロパティ] パネルで新しい CSS ルールを作成し、各プロパティがスタイル カスケード内のどこに属するかを明確かつ簡単に示します。

• 包括的な CSS サポートの強化

  Dreamweaver CS4 の強化された CSS 実装ツールを使用して、Web サイトを目立たせることができます。 [プロパティ] パネルで CSS ルールをすばやく定義および変更し、デザインとライブ ビューで即座に視覚的なフィードバックを得ることができます。新しい関連ファイルとコード ナビゲーターの機能を使用して、特定の CSS ルールが定義されている場所を見つけます。

関連する推奨事項: 「dreamweaver チュートリアル 」、「ブートストラップの使用方法のチュートリアル 」

以上がブートストラップとドリームウィーバーの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。