PSD zu HTML (mit Text) conversion [geschlossen]

StackOverflow https://stackoverflow.com/questions/646280

  •  22-07-2019
  •  | 
  •  

Frage

Ich habe gerade heruntergeladen eine Website-Vorlage, die in einer PSD-Form ist. Ich habe die Änderungen über photoshop, Setup machten die Spleißstellen dann „für Web-Geräte speichern“ geklickt haben.

ich exportieren Sie die Website und ich bekomme die Bilder-Verzeichnis und die HTML-Datei. Alles in Ordnung, so weit.

ich die HTML-Datei öffnen neben Dreamweaver.

Meine Frage ist, was die beste Methode ist, den Textinhalt der Website zu erstellen. Die Bilder sind alle in Teil einer Tabelle d.h eingebettet ist. 

<tr>
    <td colspan="2" rowspan="8">
    <img src="images/storage.jpg" width="28" height="118" alt=""></td>
    <td colspan="4" rowspan="5">
    <img src="images/index_39.jpg" width="125" height="75" alt=""></td>
    <td colspan="4" rowspan="8">
    <img src="images/storage-41.jpg" width="81" height="118" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

ich das Bild als Hintergrund auf das Tisch-Element festgelegt aber ich frage mich, was für die Erstellung des Textes die beste Methode wäre, das heißt eine Tabelle erstellen, in einer Tabelle oder div etc?
Ich weiß nicht, zu viel über CSS so, wenn Sie ein Beispiel habe ich dankbar

Auch gibt es Tools / Websites gibt, die dies automatisch für Sie erledigt?

Danke

War es hilfreich?

Lösung

Haben Sie Ihre Vorlage nur mit einer PSD-Datei kommen?

Normalerweise kann die PSD-Datei Ihnen den grafischen Teil bearbeiten, dann die Bilder speichern off Sie benötigen, platziert in HTML zu zurück, anstatt HTML zu erzeugen direkt aus der PSD.

Da Sie für die gefragt am besten Art und Weise, dies zu tun, ich gebe Ihnen meine Antwort auf Grund meiner Meinung nach.

Mit Tabellen für das Layout ist kein guter Weg, um Webseiten zu entwerfen.

Tabellen sollten für tabellarische Daten verwendet werden.

Sie sollten Inhalte in HTML platzieren, und verwenden Sie CSS für Layout / Präsentation.

Wenn Sie über CSS lernen wollen, empfehle ich folgendes:

Wenn Sie einen Mac haben, empfehle ich das Herunterladen hoch und CSSEdit auszuprobieren. Für einen PC, Visual Studio 2008 hat einen schönen CSS-Editor als auch.

Andere Tipps

Ich denke, mit Photoshop Starten einer Website ist nicht der beste Weg zu schaffen, wie Sie von Ihrem Markup sehen können. Beginnen Sie mit einem paar einfachen Übungen Aufnehmen, so dass Sie sich selbst die grundlegenden HTML-Elemente zu kennen, auch für den Haupt-Markup für Website-Stil zu schaffen (oft mit div-Elementen). Danach Sie die gewünschte Grafik von Hand eingeben. Dieser endet in viel mehr wartbar Website.

//www.psd2html:

Wenn Sie möchten, in Details nicht bekommen, können Sie Ihre psd zu einem Dienst wie http senden .com / . Sie tun es für Geld ...

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top