Wie man eine Webseite mithilfe von Dreamweaver zu beginnen

Gestaltung und Programmierung des richtigen Codes für Ihre eigene Website können eine schwierige Aufgabe sein. Es gibt zahlreiche Variationen der verschiedenen Arten von Codes und Algorithmen, die zum Erstellen von Webseiten verwendet werden, aber sie nehmen Zeit und Energie zu erfahren. Mit dem Programm Dreamweaver kann sogar der meisten Amateure-Designer vereinfachen diese komplexe Codes und design ihrer eigenen Webseite. Es dauert nur ein paar grundlegende Webseiten eine zugängliche Website erstellen.

Anweisungen

1 Skizzieren Sie einen Entwurf der was Sie Ihre Webseite mit Papier und ein Schreibgerät aussehen möchten. Onlinesuche nach Websites, die Sie mögen und einige Notizen auf warum Sie ihnen gefallen. Nach dem Smart Webby Website ist es wichtig, dass Ihre Website eine "saubere einheitliches Layout und Navigation."

2 Öffnen Sie Dreamweaver auf Ihrem Computer. Wenn Sie Dreamweaver noch nicht, downloaden Sie eine kostenlose Testversion von Adobe, die Sie 30 Tage dauern wird. Klicken Sie auf "Datei"--> "Neu"--> "HTML"--> "Erstellen". Eine leere Seite sollte angezeigt.

3 Klicken Sie auf "Ansicht"--> "Design". Klicken Sie auf "Einfügen"--> "Layout-Objekte"--> "Ap-div" Es erscheint ein blaues Feld, die gezogen und bearbeitet werden können indem sie einmal darauf klicken und Ziehen eines der seine acht Griffe (die winzigen blauen Felder an den Ecken und die Mitte). Positionieren Sie es wo Sie es möchten. Sie können direkt in dieses Feld schreiben oder erstellen einen anderen Ap-Div drin.

4 Suchen Sie die "Eigenschaften-Leiste" am unteren Rand des Bildschirms. Wenn nicht, klicken Sie "Fenster" -> "Eigenschaften". Stellen Sie sicher, dass Ihre Ap-Div markiert ist, indem sie einmal darauf klicken. Suchen Sie das Textfeld im Eigenschaftenpanel oben links das "Div1" liest. Nennen Sie Ihre Ap-Div durch Eingabe eines kurzen Namens, z. B. "Titel," in das Textfeld ein.

5 Suchen Sie die Bezeichnung "< Body >" am unteren Rand des Arbeitsbereichs über das Bedienfeld "Eigenschaften". Sie sehen "< Div #Title >" daneben. (Eine "< Div #Title >" Schaltfläche werden wird nicht angezeigt, wenn die Division nicht aktiviert ist). Klicken Sie auf "Fenster"--> "CSS-Stile." Ein Dialogfeld erscheint auf der rechten Seite des Bildschirms mit dem Namen "CSS-Stile."

6 Erweitern Sie das Bedienfeld "CSS-Stile", indem Sie auf den schwarzen Pfeil daneben. Stellen Sie sicher, dass Ihre "< Div #Title >" Schaltfläche ausgewählt ist. An der Basis über das Bedienfeld "CSS-Stile", sollten Sie vier kleine Symbole sehen: einen Link, ein Blatt mit einem Plus auf der Seite, ein Bleistift und ein Papierkorb. Klicken Sie auf das Blatt mit dem Plus auf der Seite eine neue CSS-Formatvorlage hinzufügen. Ein Dialogfeld sollte angezeigt. Stellen Sie sicher in die Auswahlbox, es liest: "#Title."

7 Klicken Sie auf OK, und ein neuer Dialog sollte angezeigt werden. Klicken Sie auf "Hintergrund" und suchen Sie dann "Hintergrundfarbe". Durch Klicken auf das Feld rechts davon können Sie eine Farbe aus dem Farbwähler auswählen. Klicken Sie auf "übernehmen", und hinter der Box werden Sie sehen, dass Ihre Titel-Abteilung Farben geändert. In diesem Dialogfeld können Sie Text, Links, Bilder und mehr bearbeiten. Nehmen Sie Änderungen vor, bis Sie zufrieden sind mit dem was Sie geschaffen haben.

8 Wählen Sie weitere Ap-Divs und verwenden sie den Rest Ihrer Webseite zu erstellen. Beachten Sie, dass Sie Ap-Divs in anderen Ap Divs. (denken Sie daran, um sie alle zu nennen) platzieren können. Bearbeiten Sie diese nach Ihren Wünschen.

9 Beziehen sich auf die Skizze aus Schritt 1, und weiter daran arbeiten. Klicken Sie zum Anzeigen Ihrer Webseite auf F12, die in dem Browser angezeigt wird. (Bitte beachten Sie, dass Ihre Seite von Browser zu Browser abweichen kann. Google Chrome und Internet Explorer, kann zum Beispiel Ihre Seite in eine etwas andere Weise zeigen).

10 Speichern Sie Ihre Arbeit oft, und laden Sie sie auf Ihrem Server, wenn Sie bereit sind.

Tipps & Warnungen

• Wenn Sie ein Bild zu Ihrer Seite hinzufügen, werden Sie sicher, dass es nicht urheberrechtlich geschützt sind.