Erstellen einer Web-Seite in Dreamweaver CS3

Fast jeder hat eine Website in diesen Tagen-- und so können Sie. Mit der Anzahl der einfachen Software-Programmen heraus auf dem Markt kann auch eine nichttechnische Person eine online-Präsenz erstellen. Heute ist eines der einfachsten "What you see is what you get" (WYSIWYG) Software-Programme im Einsatz von Adobe Dreamweaver CS3. Früher ist ein Macromedia-Produkt Dreamweaver eine ausgezeichnete Lösung für sowohl einfache als auch komplexe Webseiten erstellen. In wenigen Schritten können Sie Ihre eigene Webseite im World Wide Web zu sehen bereit haben.

Anweisungen

1 Erstellen Sie einen Ordner auf Ihrem Desktop. Benennen Sie den Ordner mit den Projektnamen. Erstellen Sie in diesem Ordner einen Ordner "Images".

2 Öffnen Sie Dreamweaver CS3. Wählen Sie aus der oberen horizontalen Menüleiste Datei – neu (STRG + N), um eine neue Seite zu erstellen. Wählen Sie leere Seite und HTML als Seite, für eine einfache Webseite. Klicken Sie auf "Erstellen".

3 Speichern Sie diese Datei. Wählen Sie Datei-speichern unter (STRG + UMSCHALT + S) und den Namen Ihres Dokuments. Stellen Sie sicher, dass Sie in Ihrem Projektordner gespeichert. Wenn was Sie erstellen Ihre Hauptseite auf der Website ist, nennen Sie es "index.html." Auf diese Weise wenn Ihr Publikum Ihre Website besucht, ist dies die erste Seite, wo sie landet. Klicken Sie auf "Speichern", nachdem Sie Ihre Seite entsprechend benannt haben. Verwenden Sie keine Großbuchstaben oder Leerzeichen in Ihrem Titel.

4 Titel Ihrer Web-Seite. Im Feld "Titel" zur Spitze der Schnittstelle, die sagt "Untitled Document" in das Feld klicken Sie, und benennen sie. Dieser Titel wird in der Titelleiste des Browsers angezeigt. Überspringen Sie diesen Schritt nicht; Ansonsten sehen Ihre Zuschauer "Untitled Document" als die Website lädt – keine gute Möglichkeit, einen professionellen ersten Eindruck zu machen.

5 Wählen Sie alle Bilder, die Sie verwenden möchten und legen Sie sie in den Ordner "Images" des Projekts. Stellen Sie sicher, dass die Bilder entsprechend angepasst werden. Beispielsweise verwenden Sie nicht das standard-Größe-Bild erhalten Sie, wenn Sie Ihre Bilder von Ihrer Digitalkamera herunterladen. Diese können Tausende von Pixel breit sein. Für einen Anlaufpunkt ist eine durchschnittliche Webseite normalerweise überall von 601 bis 850 Pixel breit, laut webdesignpractices.com. Die durchschnittliche desktop-Auflösung, der für Web-Entwickler entwerfen ist 800 x 600 Pixel. Allerdings, wie Monitor vergrößert hat also die Auflösung hat. Gestalten Sie Ihre Web-Seite für 800 x 600. Sie müssen berücksichtigt die Bildlaufleiste und Browser-Menüs, zu ergreifen, die einige der 800 x 600-Platz nehmen. Stellen Sie die Breite der Webseite 750 Pixel breit, um jede mögliche Notwendigkeit, rechts und Links auf Ihrer Webseite scrollen zu vermeiden. Ändern Sie alle Bilder, die diese Breite überschreiten die Größe. Wenn Sie kleinere Bilder möchten, sobald Sie beginnen, den Aufbau der Seite, können Sie sie zu einem späteren Zeitpunkt passen verkleinern.

6 Sammeln Sie schriftliche Inhalte und Links, die Sie auf Ihrer Webseite veröffentlichen möchten. Stellen Sie sicher, führen Sie es durch eine Rechtschreibprüfung in einem Textverarbeitungsprogramm-Programm wie Microsoft Word, unprofessionelle Rechtschreibfehler zu beseitigen. Überprüfen Sie, ob alle Links korrekt sind und klicken Sie sich durch auf der richtigen Website.

7 Wählen Sie eine Hintergrundfarbe. Wählen Sie aus dem oberen Menü "Bearbeiten" – "Seiteneigenschaften". Klicken Sie auf das Farbfeld neben "Hintergrundfarbe" und wählen Sie aus der Farbpalette. Wenn Sie ein Bild, die Sie für den Hintergrund bevorzugen würden haben, können Sie es einfügen, indem Sie auf "Durchsuchen" neben dem Feld "Hintergrundbild". Speichern Sie dieses Bild in Ihrem Ordner "Images" und sehen, dass es nicht schlecht aussieht, wenn sie "als Hintergrund Ihrer Webseite gekachelt wird". Stick an einfache Strukturen und Muster, wenn Sie ein Bild im Gegensatz zu einer Farbe als Hintergrund haben möchten. Einfachheit ist ein Schlüssel für gutes Webdesign. Sobald Sie auf Ihr Bild/Hintergrundfarbe entschieden haben, wählen Sie "OK". Ihr Hintergrund sollte jetzt Ihrer Wahl widerspiegeln.

8 Eine Tabelle einfügen. Tische halten Ihre Webinhalte in Position (Bilder, Text, Links, etc.). Sie können für die Anzahl der Spalten und Zeilen anpassen. Um zu starten, wählen Sie eine einfache Tabelle 3-3 durch. Klicken Sie im Hauptfenster (farbigen Bereichs), und wählen Sie "Einfügen" – "Tabelle". "3" in die "Zeilen" und "Spalten" Felder eintippen und die Tabellenbreite auf 750 Pixel festgelegt. Typ 0 für "Rahmenstärke," 5 "Zellenabstand" (Raum innerhalb der Zellen) und 0 für "Zellabstand" (Raum zwischen einzelnen Zellen) als Ausgangspunkt. Klicken Sie auf "OK".

9 Ein Haupt-Banner/Header-Bild einfügen. Erstellen Sie ein Bild, das am oberen Rand der Webseite einzufügen, ähnlich wie die typischen Banner-Stil Bilder weit verbreitet im Cyberspace gehen wird. Denn es eine fünf Pixel Textabstand gibt, berücksichtigen Sie dies und machen Sie das Bild nicht breiter als 740 Pixel breit (fünf Pixel auf jeder Seite). Sie müssen dieses Bild in der obersten Zeile der Tabelle einfügen, aber da Sie die gesamte Breite der drei Spalten erstrecken soll, müssen Sie die drei Zellen in der obersten Zeile verbinden. Hierzu klicken Sie in die oberste Rechte Zelle und bewegen Sie die Maus, so dass sie weist auf die oberen drei Zellen in der Zeile. Sobald sie hervorgehoben sind, einen Rechtsklick und wählen Sie "Zellen verbinden" oder klicken Sie auf "Zellen verbinden" am unteren Rand der Benutzeroberfläche im Menü "Eigenschaften" (die viel aussieht wie eine Textverarbeitung-Editor). Beachten Sie, dass die drei Zellen in einer langen Zelle zusammenführen. Klicken Sie in diese Zelle, und wählen Sie "Einfügen"-"Bild", wo Sie Ihren Banner-Bild aus Ihrem Ordner "Bilder" wählen werden. Klicken Sie auf "OK" und Ihr Bild erscheint.

10 Einfügen von Text. Kopieren Sie Ihr Text aus Ihrem Textverarbeitungsprogramm und fügen Sie ihn in die Zelle Ihrer Wahl. Ähnlich wie in einem beliebigen Editor typische Textverarbeitung können Sie markieren Sie den Text und wählen Sie Ihre Schriftart, Größe, Farbe, Kühnheit, Rechtfertigung, etc.. Kopieren Sie Teile Ihres Textes und brich es in Klumpen des Textes, die in jeder Spalte für Lesbarkeit gehen.

11 Ändern Sie die Hintergrundfarbe der Tabelle, sodass Ihr Text einfacher zu lesen ist. Wenn Sie eine dunkle Hintergrundfarbe gewählt haben, könnte es schwer, Ihren Text drauf zu lesen sein. Die Text-gefüllte Zellen machen weiß (oder eine hellere Farbe) klicken Sie in die Zelle und klicken Sie auf das Farbfeld "BG" unten unter "Eigenschaften"-Editor. Wählen Sie weiß oder eine andere Farbe aus der Farbpalette. Tun Sie dies mit anderen Zelle, die sich verändernden Bedürfnisse. Wenn mehrere Zellen auswählen möchten, klicken Sie in die oberste Rechte Zelle der Gruppe und ziehen Sie zur linken Zelle und nach unten, die mehrere Zellen über mehrere Zeilen hinweg auswählen wird.

12 Fügen Sie Verknüpfungen. Für jeden Link können Sie Text eingeben, die direkt mit einer anderen Webseite verlinkt wird. Beispielsweise wenn Sie mit Ihrem Freund Jim Seite verknüpfen möchten, können Sie den Text "Besuch Jim's Web Page" statt der langen URL eintippen. Markieren Sie den Text, den Sie möchten, verknüpfen und klicken im Feld "Link" in den "Eigenschaften"-Editor. Kopieren Sie und fügen Sie ein, oder geben Sie die vollständige URL in diesem Bereich, einschließlich http://. Wählen Sie "_blank" aus dem Feld "Ziel", so dass wenn Benutzer auf den Link klicken, die Webseite in einem neuen Fenster anstatt im gleichen Fenster Ihrer Webseite öffnet. Auf diese Weise Besucher nicht versehentlich Ihre Webseite zu verlassen und vergessen, zurückkommen.

13 Fügen Sie weitere Bilder auf der Website gewünschte ein. Folgen Sie den gleichen Schritten, was, die Sie taten, um dein Bannerbild einzufügen. Erstellen Sie ein kleineres Bild, das ist angemessen und wird nicht dominieren die Web-Seite. Beispielsweise haben Sie ein Bild, das Sie Ihre Zuschauer zum anklicken, um es zu vergrößern möchten, erstellen Sie zwei Bilder, ein großer und ein kleiner. Ihr großes Bild rund 750 Pixel breit und machen Ihre kleinere Bild herum 200-225 Pixel breit. Legen Sie das kleinere Bild in eine Tabellenzelle und Namen, die das Bild in den Alternativtext prompt (also wenn dein Bild nicht geladen, die Worte stattdessen angezeigt werden). Behandeln Sie dieses Bild als Link durch Anklicken aus und wählen Sie den gelben Ordner neben "Verknüpfung" im Editor "Eigenschaften". Finden Sie Ihr größere Bild. Wählen Sie "_blank" aus dem Feld "Ziel", damit dein Bild in einem neuen Fenster öffnet. Sie können einen Rahmen auswählen, wenn Sie es vorziehen. Geben Sie für ohne Rand 0 in das Feld. Sie können spielen, mit den Nummern Rahmengröße auswählen, die Sie bevorzugen.

14 Speichern Sie Ihre Arbeit und laden auf Ihren Web-Host. Halten Sie alle Ihre Bilder in den richtigen Ordner und achten Sie darauf, "Bilder" auf Ihrem Server sowie zu erstellen. Alles sollte auf Ihrer Webseite erscheinen, so wie Sie es erstellt.

Tipps & Warnungen

• Haben Sie Geduld. Erstellen von Webseiten ist nicht einfachen Schritten.
• Denken Sie daran, Ihre Arbeit oft zu speichern.