ブートストラップとドリームウィーバーの違いは何ですか-フロントエンドQ&A-php.cn

違い: 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 の正式名は Adobe Dreamweaver で、「DW」と呼ばれ、中国語名は「Dream」です。 Weaver」。元々はアメリカの MACROMEDIA 社によって開発されました。2005 年に Adobe に買収されました。

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 ルールが定義されている場所を見つけます。