Sie wissen vielleicht nicht, dass Sie Photoshop auch zum Erstellen einer einfachen XHTML+CSS-Webseite verwenden können. Versuchen wir es gemeinsam!
1. Öffnen Sie den visuellen Designentwurf der entworfenen Website in Photoshop CS2. Mit einem Schneidewerkzeug schneiden.
2. Klicken Sie auf „Datei-“ Als Webformat speichern“, die Tastenkombination ist Strg+Alt+Umschalt+s, klicken Sie auf das kleine Bild des umgekehrten Dreiecks oben rechts und wählen Sie Ausgabeeinstellungen bearbeiten.
3. Wählen Sie, wie im Bild gezeigt, im zweiten Dropdown-Menü „Slices“ aus, wählen Sie „CSS generieren“ und dann im darauffolgenden Dropdown „Nach ID“ aus.
4. Klicken Sie auf „OK“, um das Einstellungsfenster zu speichern. Klicken Sie im Fenster „Für Web speichern“ auf „HTML und Bilder“. Geben Sie einen Dateinamen ein und klicken Sie auf „Speichern“.
5. Schließen Sie die Aufgabe ab. Schauen Sie sich den Code an. Ist es xhtml+css?
Hast du das nicht erwartet? Es ist so einfach, eine XHTML+CSS-Seite zu erstellen. Natürlich ist diese Art von automatisch generierten Seiten in tatsächlichen Anwendungen noch nicht sehr standardisiert. Es wird empfohlen, weiterhin Dreamweaver 8 oder Editplus zu verwenden, um den Code anzupassen.