Photoshop ist ein Grafik-Design -und Foto- Editing-Anwendung von Adobe entwickelt . Es ist der Marktführer in der digitalen Bildbearbeitungs-Software . Seine Fähigkeiten umfassen die Fähigkeit zum Erstellen und Bearbeiten Grafiken für Print-und Web-Nutzung . Es enthält auch viele Funktionen, die Anwender in Website-Design und Codierung unterstützen. Sie können nicht nur die Software optimieren Bilder für Web-Nutzung , kann es auch erzeugen Cascading Style Sheets und HTML benötigt, um Grafiken in Web- Seiten enthalten . Things You
HTML -Editing-Software
brauchen anzeigen Weitere Anweisungen
1
Erstellen Sie Ihr Bild. Wenn Sie fertig sind , verwenden Sie Photoshop " Slice" -Tool , um das Bild in Abschnitte zu unterteilen . Verwenden Sie die " Slice-Auswahl "-Werkzeug , um jeden Abschnitt mit Namen, die für die Organisation Ihrer Website entsprechen umbenennen. Zum Beispiel, wenn Sie Ihr Bild enthält Website Navigationstasten , name Abschnitte in diesem Bereich "NAV . " Diese Abschnitte werden " div "-Tags in Ihrem CSS-Code entsprechen .
2
In der Menüleiste klicken "Datei" und wählen Sie dann "Save for Web & Devices . " wählen Sie "2- Up" oder "4 - Up" von den Tabs oberhalb der Bildfläche für eine Auswahl von Vorschauen . Wählen Sie die gewünschten Optionen für das Bild in der "Preset -Seite. " Wählen Sie die Vorschau des Bildes, das am besten zu Ihrer visuellen Spezifikationen . Klicken Sie auf " Speichern".
3
Geben Sie den Namen der Datei in der "Dateiname " ein. Wählen Sie " HTML und Bilder " in der " Save as type "-Feld . Wählen Sie "Andere " im Feld Einstellungen . Ein "Output Settings "-Dialog erscheint. In den Einstellungen Dropdown- Option " Benutzerdefiniert". Wählen Sie die Schaltfläche "Weiter" , bis Sie die " Scheibe Output" -Bereich . Wählen Sie den " Generate CSS " Radio-Button .
4
Wählen Sie das Ausgabeformat des CSS in der referenzierten Menü . Für ein externes Stylesheet , wählen Sie " Nach ID" oder "Durch die Klasse . " Ihre CSS Element mit welchen Sie organisiert werden . Wenn Sie möchten, dass Ihre CSS inline ( inklusive an der Spitze der HTML-Seite ) werden wählen "Inline ".
5
Komplett andere Optionen in Ausgangs-Einstellungen auswählen . Wenn Sie fertig sind , klicken Sie auf " OK. " In der Slices Feld auswählen, welche Scheiben Sie in der CSS- Ausgabe enthalten sein sollen. Vergewissern Sie sich, an den Ort , wo Sie navigiert die Datei gespeichert werden soll in die "Speichern Optimiert " Datei-Manager -Bereich. Klicken Sie auf " Speichern".
6
Öffnen Sie die HTML- Datei, die Sie gerade in Ihren HTML -Editing-Programm erstellt . Ihr HTML-Code , komplett mit CSS , werden , wo immer Sie es auf Ihrem Computer gespeichert und bereit, jedem Einsatz in eine Web- Seite, die Sie erstellen oder als Standalone- Web-Seite. Ändern Sie den Code , wenn nötig, nach Ihren Wünschen.
7
Öffnen Sie die Datei in Ihrem Web- Browser der Wahl , um die Datei anzuzeigen , um auf Fehler zu überprüfen und sicherzustellen, dass sie das Bild, das Sie in erstellt Photoshop .
