Erstellen Sie mit PS in zwei Minuten eine Homepage für eine XHTML+CSS-Website

Es gibt zu viele Artikel über Webstandards zur Website-Rekonstruktion mit XHTML+CSS usw., daher werde ich sie nicht wiederholen. Ich werde die einfachste Methode zum Erstellen von XHTML+CSS-Seiten veröffentlichen. Obwohl die Methode sehr einfach ist, kennen sie möglicherweise nicht viele Leute ... zumindest kann ich sie nicht bei einer Google-Suche finden.

Lasst uns anfangen:

1. Öffnen Sie Photoshop CS2 und öffnen Sie die Homepage der gestalteten Website. Mit einem Schneidewerkzeug schneiden.

Bild:

2. Klicken Sie auf Datei -> Als Webformat speichern. Die Tastenkombination lautet Strg+Alt+Umschalt+S. Klicken Sie auf das kleine umgedrehte Dreieckbild in der oberen rechten Ecke und wählen Sie Ausgabeeinstellungen bearbeiten.

Bild:

3. Wählen Sie, wie in der Abbildung gezeigt, im zweiten Dropdown-Menü „Slices“, dann „CSS generieren“ und im darauffolgenden Dropdown-Menü „Nach ID“ aus.

Bild:

4. Klicken Sie auf „OK“, um die Einstellungen zu speichern und das Fenster zu schließen. Klicken Sie im Fenster „Für Web speichern“ auf die Schaltfläche „Speichern“. Wählen Sie „HTML“ und „Bilder“ als „Speichertyp“. Geben Sie einen Dateinamen ein und klicken Sie auf „Speichern“.

Bild:

5. Erledigen Sie die Aufgabe. Schauen Sie sich den Code an. Ist er XHTML+CSS?

Bild:

Haha, so einfach ist das. Ich habe gerade eine XHTML+CSS-Seite erstellt. Natürlich sind solche automatisch generierten Seiten in der Praxis noch nicht sehr gut.

Ich empfehle Ihnen immer noch, Dreamweaver8 + EditPlus zu verwenden, um