So kombinieren Sie HTML mit PS

Wie kombiniere ich HTML mit PS?

Öffnen Sie die PS-Software und wählen Sie das Bild aus, das Sie in eine statische HTML-Seite konvertieren möchten!

Öffnen Sie beispielsweise die Baidu-Erlebnisseite und speichern Sie sie als Bild. Sehen Sie deutlich, dass es sich bei dem Bild um ein JPG handelt. Verwenden Sie ps, um das Bild zu öffnen Bild;

Beginnen wir mit dem Vorgang. Statische HTML-Webseiten bestehen im Allgemeinen aus Bildern, Text und Effekten. Hier zeigen wir Ihnen hauptsächlich, wie Sie PS verwenden, um statische HTML-Seiten zu generieren. Das heißt, Bilder werden in eine statische Seite konvertiert. Da die Webseite das Bild nicht zu groß schneidet, um die Internetgeschwindigkeit sicherzustellen, schneide ich das Bild hier entsprechend dem normalen Bild aus.

Wählen Sie „Slice Tool“ aus Wenn auf der Startseite kein Werkzeug vorhanden ist, klicken Sie mit der rechten Maustaste darauf. Klicken Sie auf den Pfeil in der unteren rechten Ecke der Seite und wählen Sie das Slicing-Werkzeug aus.

Nachdem Sie das Werkzeug ausgewählt haben , Sie können mit dem Schneiden des Bildes beginnen. Denken Sie daran, sicherzustellen, dass die kleinen Bilder genauso aussehen wie die Originalbilder. Dies erfordert, dass die Linien beim Schneiden der Bilder ausgerichtet sind. Andernfalls sehen sie falsch ausgerichtet aus. Ich werde die Bilder zunächst in mehrere lange Streifen schneiden Die Menüleiste „Datei – Für Web- und Gerätenutzung speichern“ wird angezeigt. Klicken Sie auf „Speichern“. Der nächste Schritt ist der entscheidende Punkt . Denken Sie daran, es nicht direkt zu speichern; klicken Sie unten auf „HTML und Bilder“ und dann auf „Speichern“. , zwei Ordner, Bilddatei und HTML-Seite, werden generiert, und dann klicken Sie auf die HTML-Seite. Nach dem Öffnen werden Sie feststellen, dass es dasselbe ist wie im Bild, und es handelt sich um eine statische Seite im Codeformat.

Herzlichen Glückwunsch. An diesem Punkt haben Sie gelernt, wie man eine einfache statische Seite erstellt!

Das obige ist der detaillierte Inhalt vonSo kombinieren Sie HTML mit PS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!