Dreamweaver CS4 Tutorial

March 4

Dreamweaver verfügt über Tools, die auf die Bedürfnisse der Webdesigner auf allen Ebenen. Es erlaubt Benutzern, mit einer grafischen Benutzeroberfläche oder reine Code-Methode arbeiten. Die Software organisiert Websites und Web-Elemente enthält, leicht und flüssig. Dreamweaver CS4, veröffentlicht im Jahr 2008 hat so viel zu Benutzern anzubieten, die das Programm geöffnet werden, können zunächst abschreckend.

Anweisungen

Planen Sie und verwalten Sie Ihrer Website

1 Bevor Sie sogar Dreamweaver öffnen, erstellen Sie das Dateisystem für Ihre Website. Dreamweaver CS4 können Sie erstellen und organisieren Ihre Website als Ganzes (im Gegensatz zu einer Sammlung einzelner Seiten). Dies erfordert natürlich einige Arbeit auf Ihrem Teil: Erstellen Sie Ordner und Unterordner, die die Struktur Ihrer Website zu skizzieren. Für ein Blog könnten zum Beispiel Sie einen grundlegenden Ordner mit Unterordner namens "Bilder", "Einträge" und "Archiviert". "Website" genannt schreiben

2 Setzen Sie vorhandenen Inhalte in den Ordnern, die Sie erstellt haben. Wenn Sie Bilder haben, wissen Sie Sie verwenden oder vorgenerierten Website-Content, Sortieren sie und haben es bereit für Dreamweaver CS4 zu finden. Wenn Sie nicht, welchen Inhalt Sie haben wissen, stellen Sie einfach einen Ordner für Ihre Website und Dreamweaver erstellen Dateien, wie Sie gehen.

3 Definieren der Site in Dreamweaver. Öffnen Sie das Programm, und wählen Sie "Welcome Screen" oder im Menü "Site", "Neue Seite".

4 Wählen Sie die Registerkarte "Standard" und folgen Sie den Anweisungen auf dem Bildschirm. Sie werden aufgefordert für Ihre Website-Namen, ihre Adresse und die Login-Informationen für den Host. Dreamweaver wird davon ausgegangen, dass Sie mit Ihrer Website live gehen werden. Wenn Sie weiß noch nicht, die http-Adresse, können Sie sich einfach auf Weiter, und weiterzugehen.

Ein Layout

5 Dreamweaver verfügt über integrierte Seiten-Layouts, die Sie verwenden können. Gehen Sie auf "Datei" und wählen Sie "Neu" und sehen Sie ein neues Dokument-Dialog. Wählen Sie "Leere Seite" und dann "HTML" in der zweiten Spalte. In der dritten Spalte sehen Sie jetzt eine lange Liste von Optionen mit einer Vorschau auf der rechten Seite.

6 Stöbern Sie in der Liste der Layout-Designs und wählen Sie eine, die Sie mögen. Wählen Sie auf der rechten Seite, unter "DocType", "XHTML". Neben "Layout-CSS" wählen Sie "Create New File." Dadurch wird ein Stylesheet (die Ihre Website Schriftarten, Farben und andere grundlegende Designelemente erinnert) für den gesamten Standort erstellt. Klicken Sie auf "Erstellen".

7 Wählen Sie den Ordner zum Speichern Ihrer neuen Stylesheets. Benennen Sie die Datei nach Ihren Wünschen und klicken Sie auf "Speichern". Sie sehen eine Seite mit Füllstoffanteil, die von Dreamweaver automatisch generiert wird. Speichern Sie diese Seite, wählen Sie "Datei" dann "Speichern." Wenn diese Seite Ihrer Hauptseite wird, speichern Sie die Datei "index.html."

Inhalte zu Ihrer Website hinzufügen

8 Sie können nun beginnen, um Ihre Website zu füllen. Den Fall, dass Ihre Inhalte ganz neu ist, können Sie direkt in Dreamweaver eingeben und formatieren Sie den Text, als ob ein Textverarbeitungsprogramm verwenden.

9 Wenn Ihre Inhalte bereits vorhanden ist, können Sie sie in Dreamweaver CS4 importieren. Sie können kopieren und Einfügen von Text aus Ihren Dokumenten oder aus Word- oder Excel-Dateien importieren. Im Quellbereich (der rechten Seitenwand) wechseln Sie zu Word-Dokumenten, und ziehen sie in den Raum auf der Webseite Sie Text anzeigen möchten.

10 Fügen Sie ein Bild (oder mehrere) zu Ihrer Webseite auf die gleiche Weise. Wählen Sie im rechten Bereich des Bildes und ziehen Sie ihn an, wo Sie wollen. Mit der rechten Maustaste in des Bildes, um seine Eigenschaften (Größe, Rand) zu ändern oder zu machen, einen Link. Ändern Sie das Bild durch eine Ecke von Größe oder Strecken sie greifen.

Tipps & Warnungen