Was ist der Unterschied zwischen Bootstrap und Dreamweaver?

Unterschiede: 1. Bootstrap ist ein Front-End-Framework, das auf HTML, CSS und JavaScript basiert, während Dreamweaver ein Webseiten-Code-Editor ist. 2. Bootstrap kann zum schnellen Erstellen einer reaktionsfähigen Website verwendet werden, während Dreamweaver dazu verwendet werden kann Erhöhen Sie die Geschwindigkeit der Website-Entwicklung.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap3.3.7 und Adobe Dreamweaver CS6-Version, DELL G3-Computer

Einführung in Bootstrap

Bootstrap ist das Open-Source-Front-End-Framework von Twitter HTML, CSS und JavaScript. Es handelt sich um ein Front-End-Toolkit, das für die schnelle Entwicklung von Webanwendungen entwickelt wurde. Es unterstützt ein responsives Layout und hält sich nach der V3-Version an die Priorität mobiler Geräte.

Bootstrap bietet elegante HTML- und CSS-Spezifikationen, die in der dynamischen CSS-Sprache Less geschrieben sind. Bootstrap erfreut sich seit seiner Einführung großer Beliebtheit und ist ein beliebtes Open-Source-Projekt auf GitHub, darunter MSNBC (Microsoft National Broadcasting Company) Breaking News der NASA. Einige Frameworks, die inländischen Mobilentwicklern bekannt sind, wie das Front-End-Open-Source-Framework WeX5, sind ebenfalls leistungsoptimiert und basieren auf dem Bootstrap-Quellcode.

Enthält Inhalte

• Grundstruktur: Bootstrap bietet eine Grundstruktur mit einem Rastersystem, Linkstilen und Hintergrund. Dies wird im Abschnitt Bootstrap-Grundstruktur ausführlich erläutert.

• CSS: Bootstrap verfügt über die folgenden Funktionen: globale CSS-Einstellungen, Definition grundlegender HTML-Elementstile, erweiterbare Klassen und ein erweitertes Rastersystem.

• Komponenten: Bootstrap enthält eine Fülle von Webkomponenten. Basierend auf diesen Komponenten können Sie schnell eine schöne und voll funktionsfähige Website erstellen.

  Es umfasst die folgenden Komponenten: Dropdown-Menü, Schaltflächengruppe, Schaltflächen-Dropdown-Menü, Navigation, Navigationsleiste, Pfadnavigation, Paginierung, Layout, Miniaturansichten, Warndialog, Fortschrittsbalken, Medienobjekte usw.

• JavaScript-Plugin: Bootstrap Es enthält 13 jQuery-Plugins, die den Komponenten in Bootstrap „Leben“ verleihen. Dazu gehören: modale Dialogfelder, Registerkarten, Bildlaufleisten, Popup-Boxen usw.

Funktion:

Verwenden Sie die bereitgestellten Stile und Komponenten, um schnell Websites zu schreiben.

Sie müssen nur auf einige definierte Klassen verweisen, dh auf Klassennamen, und Sie können Webseiten erstellen, die bereits über sehr schöne Stile verfügen . Es unterstützt auch die Selbstanpassung und ist ein sehr guter Rahmen.

Um es einfach auszudrücken: ist ein Open-Source-Projekt (basierend auf Jquery), um schnell die Front-End-Seite einer Website zu erstellen. Sie müssen nur die Bedeutung relevanter Klassen, Tag-Namen usw. verstehen und dann beim Erstellen der Seite JS, CSS usw. von Bootstrap importieren, und die entsprechenden Auswirkungen werden angezeigt.

Einführung in Dreamweaver

Der vollständige Name von Dreamweaver ist Adobe Dreamweaver, bezeichnet als „DW“, und der chinesische Name ist „Dream Weaver“. Es wurde ursprünglich von der amerikanischen Firma MACROMEDIA entwickelt und von übernommen Adobe im Jahr 2005.

DW ist ein WYSIWYG-Webcode-Editor, der die Erstellung von Webseiten und die Verwaltung von Webseiten integriert. Dank der Unterstützung von HTML, CSS, JavaScript und mehr können Designer und Programmierer praktisch überall schnell Websites erstellen und erstellen.

Adobe Dreamweaver verwendet eine WYSIWYG-Schnittstelle und verfügt außerdem über eine HTML-Bearbeitungsfunktion (eine Anwendung unter der Standard Universal Markup Language). Mit Hilfe einer vereinfachten intelligenten Codierungs-Engine können Sie dynamische Websites einfach erstellen, programmieren und verwalten. Greifen Sie auf Code-Tipps zu, um sich schnell mit HTML, CSS und anderen Webstandards vertraut zu machen. Verwenden Sie visuelle Hilfsmittel, um Fehler zu reduzieren und die Geschwindigkeit der Website-Entwicklung zu erhöhen.

Software-Vorteile

• Produktionseffizienz

  Dreamweaver kann Fireworks-, FreeHand- oder Photoshop-Dateien am schnellsten auf Webseiten verschieben. Verwenden Sie das Farbauswahltool, um eine Farbe auf dem Bildschirm auszuwählen und so die Web-sichere Farbe festzulegen, die am ehesten geeignet ist. Menüs, Tastenkombinationen und Formatsteuerung können alle in einem einfachen Schritt erledigt werden. Dreamweaver kann mit Ihren bevorzugten Design-Tools wie PlaybackFlash, Shockwave und Plug-in-Modulen kombiniert werden. Sie können es ausführen, ohne Dreamweaver zu verlassen, und der gesamte Anwendungsprozess ist natürlich und reibungslos. Darüber hinaus kann Dreamweaver mit einem einzigen Klick automatisch Firework oder Photoshop öffnen, um das Bild zu bearbeiten und zu optimieren.

• Website-Management

  Verwenden Sie eine Sitemap, um schnell einen Prototyp einer Website zu erstellen, Webseiten zu entwerfen, zu aktualisieren und neu zu organisieren. Ändern Sie den Speicherort oder Dateinamen der Webseite und Dreamweaver aktualisiert automatisch alle Links. Mithilfe von Such- und Ersetzungsfunktionen, die Text, HTML-Code, HTML-Attribut-Tags und allgemeine Syntax unterstützen, können komplexe Website-Aktualisierungen schnell und einfach durchgeführt werden.

• Steuerungsfunktion

  Dreamweaver ist ein Designtool, das die Synchronisierung von Roundtrip-HTML, visuelle Bearbeitung und Quellcodebearbeitung ermöglicht. Es umfasst gängige Texteditoren wie HomeSite und BBEdit. Rahmen und Tische lassen sich schneller erstellen, als Sie es sich vorstellen können. Mit den erweiterten Tabellenbearbeitungsfunktionen können Sie Zellen, Zeilen und Spalten einfach auswählen oder nicht aufeinanderfolgende Auswahlen treffen.

  Sie können Tabellengruppen sogar sortieren oder formatieren, indem Sie Ebenen per Drag-and-Drop verschieben und problemlos in Tabellen umwandeln. WYSIWYG Dreamweaver integriert erfolgreich dynamische Publishing-Visualisierungs- und E-Commerce-Funktionen und bietet leistungsstarke Supportfunktionen für Drittanbieter, darunter ASP, Apache, BroadVision, ColdFusion, iCAT, Tango und selbst entwickelte Anwendungssoftware.

  Wenn Sie Dreamweaver zum Entwerfen dynamischer Webseiten verwenden, können Sie mit der WYSIWYG-Funktion eine Vorschau der Webseite anzeigen, ohne einen Browser zu verwenden. Dreamweaver und XMLDreamweaver trennen Inhalte und Design für schnelle Web-Updates und Teamwork-Webbearbeitung.

  Erstellen Sie eine Vorlage für das Erscheinungsbild einer Webseite und legen Sie bearbeitbare oder nicht bearbeitbare Teile fest. Inhaltsanbieter können stilbasierte Inhalte direkt bearbeiten, ohne den festgelegten Stil versehentlich zu ändern. Sie können Vorlagen auch verwenden, um XML-Inhalte korrekt zu importieren oder zu exportieren.

  Umfassende Präsentation Mit Dreamweaver erstellte Webseiten können in gängigen Browsern auf jeder Plattform vollständig präsentiert werden. Für dynamische HTML-Unterstützung für CascadingStylesheets und Mouseover-Effekte kann eine DHTML-Effektbibliothek für Sounds und Animationen auf Netscape und Microsoft Internet Explorer ausgeführt werden.

  Verwenden Sie die Funktion zur Erkennung verschiedener Browser. Dreamweaver kann Ihnen sagen, wie effektiv sie in verschiedenen Browsern ist. Wenn ein neuer Browser gestartet wird, laden Sie einfach seine Beschreibungsdatei von der Dreamweaver-Website herunter, um einen detaillierten Leistungsbericht zu erhalten.

  Implementieren Sie CSS-Best Practices, ohne Code zu schreiben. Erstellen Sie im Eigenschaftenfenster neue CSS-Regeln und geben Sie klar und einfach an, wo jede Eigenschaft in der Stilkaskade hingehört.

• Umfassende Verbesserungen der CSS-Unterstützung

  Machen Sie Ihre Website mit erweiterten CSS-Implementierungstools in Dreamweaver CS4 zu etwas Besonderem. Definieren und ändern Sie CSS-Regeln schnell im Eigenschaftenfenster mit sofortigem visuellen Feedback in Design und Live-Ansicht. Verwenden Sie die neuen Funktionen „Verwandte Dateien“ und „Code Navigator“, um herauszufinden, wo bestimmte CSS-Regeln definiert sind.

Verwandte Empfehlungen: „dreamweaver-Tutorial“, „Bootstrap-Nutzungstutorial“

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Bootstrap und Dreamweaver?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!