Gewusst wie: Erstellen eine Website mit Dreamweaver CS4 1
Adobe Dreamweaver ist eine benutzerfreundliche Option für die Gestaltung von Websites. Aufbau einer Website mit Dreamweaver kann eine Quelle des Spaßes, Selbstdarstellung und Gelegenheit sein. Dreamweaver stattet Sie mit den Tools zum Erstellen von Websites für künstlerische Portfolios, Unternehmen und alles, was Sie benötigen. Im Gegensatz zu Adobes andere Produkte (z.B. Photoshop, Illustrator oder InDesign) sind Dreamweaver unterschiedliche Schritte erforderlich, um ein neues Dokument zu starten. Web-Design setzt auf mehr Organisation als Bearbeiten von Fotos oder Abbildungen auf dem Computer zu machen, so dass die richtigen Vorsichtsmaßnahmen kann Sie von Kopfschmerzen später im Entwicklungsprozess retten.
Anweisungen
1
Erstellen Sie einen Ordner für Ihre Website, die Sie leicht zugreifen können. Speichern Sie alle Dateien benötigt, um Ihre Website in diesem Ordner zu arbeiten. Zwei weitere Ordner in dem Hauptordner machen: eine mit dem Titel "Bilder", und die andere, "Formatvorlagen." Halten Sie den Ordner (und Dateinamen für Ihre zukünftigen Dateien) Kleinbuchstaben um Konsistenz zu gewährleisten.
2 Starten Sie Dreamweaver, nachdem das Programm auf Ihrem Computer richtig installieren. Klicken Sie in der Dreamweaver-Menüleiste "Website - neue Website." Ein Popup-Fenster werden folgen, Sie aufgefordert werden, den Namen Ihrer Website, und geben die URL. Sie können die URL einer Website nicht eingeben, bis Sie hosten, so nennen Sie es jetzt kaufen. Sie können diese Einstellungen jederzeit während Ihres Entwicklungsprozesses Web ändern. Klicken Sie auf "Weiter."
3 Wählen Sie "Nein, ich keine Servertechnologie verwenden möchten." Herstellen einer Verbindung zu einem lokalen Server ist an dieser Stelle nicht erforderlich. Klicken Sie auf "Weiter." Verwenden Sie die empfohlene Einstellung, wenn es fragt, wie Sie mit Ihren Dateien arbeiten möchten. Klicken Sie auf das Ordnersymbol neben dem weißen Bar zu Ihrem Ordner durchsuchen. Wählen Sie den Ordner, die, den Sie für Ihre Website vorgenommen, und anschließend auf "Weiter". Im Moment keine Verbindung zu dem remote-Server und klicken Sie auf "Weiter". Überprüfen Sie alle Optionen in der Zusammenfassung und klicken Sie auf "Fertig."
4 Klicken Sie auf "Datei - neu." Wählen Sie einen HTML-Seite-Typ Ihrer Wahl und klicken Sie auf "Erstellen". Speichern Sie diese Datei mit dem Titel "index." Speichern sie Ihre wichtigsten Web-Site-Ordner neben Ihrem Ordner "Bilder" und "Stile". Die Indexseite steht für Ihre Homepage.
5
Klicken Sie auf "Datei - neu." Wählen Sie den Typ des CSS-Seite und klicken Sie auf "Erstellen". Speichern Sie diese Datei mit dem Titel "Stil". Speichern Sie es in Ihrem Ordner "Styles" innerhalb Ihrer Haupt-Website-Ordner. Die Ästhetik der Webseite Vertrauen auf das Stylesheet.
6 Verknüpfen Sie Ihre Datei "index.html" mit Ihrer "styles.css"-Datei. Hierzu wählen Sie die Datei "index.html" bearbeiten. Platzieren Sie den Cursor nach "< / title >" in der Kopfzeile und Hit "geben Sie" um eine neue Zeile zu machen. Mit der rechten Maustaste hier und wählen Sie "CSS Styles - Attach Style Sheet..." Wählen Sie die erstellte Datei "style.css" und klicken Sie auf "OK". Dreamweaver wird den Code, um die beiden Dateien automatisch link platzieren.
7 Passen Sie Ihre Website, um Ihre gewünschten Vision! Dies kann viel Praxis mit HTML und CSS Programmierung, aber Sie haben nun die Grundlagen einer Website erstellt.
Tipps & Warnungen
- Wenn Sie Zugriff auf Dreamweaver nicht haben, können Sie HTML-Code entweder mit dem PC "Notepad" oder des Mac "TextEdit" Programme arbeiten. Wenn Dreamweaver verfügbar wird, werden ein einfaches Kopieren und Einfügen von Code in Dreamweaver do the Trick.