Im Allgemeinen lautet die von Webdesign erledigten Arbeiten tatsächlich: Umwandeln Sie die PSD -Renderings in HTML+CSS -Vorlagenseiten. Im Allgemeinen werden wir die PSD des Künstlers bekommen, und verschiedene Menschen werden unterschiedliche Ansätze haben:
1. Öffnen Sie das Feuerwerk und exportieren Sie das Bild in HTML.
2. Verwenden Sie direkt Tools wie Dreamweaver, um das Layout zu ziehen, relevante Bilder und Flash -Ressourcen zu importieren.
3. Nachdem Sie den Schnitt in PS abgeschlossen haben, schauen Sie sich zunächst die Renderings im Texteditor an und machen Sie sie Schritt für Schritt.
Die oben genannten sind die am häufigsten verwendeten Methoden, aber keiner von ihnen ist gut:
Die erste Methode ist die schlimmste, ein solcher Code wird überhaupt nicht verwaltet oder lesbar.
Die zweite Methode ist auch nicht gut, der Code wird unweigerlich überflüssig sein, und die Dinge, die Sie vornehmen, müssen überprüft werden.
Die dritte Methode ist auch nicht gut, da Sie die Renderings nach und nach den Renderings betrachten müssen, dh beim Schreiben des HTML -Tags gehen Sie ständig davon aus, wie dieses Stück angezeigt wird.
Richtige Möglichkeit, dies zu tun:
1. Nachdem Sie die PSD erhalten haben, tun Sie zuerst nichts anderes. Schreiben Sie das Webseiten -Framework direkt in den Texteditor. Gehen Sie nicht davon aus, wie Sie dieses CSS in Zukunft rendern. Es ist vollständig eingebürgert, ohne CSS hinzuzufügen.
2. Stellen Sie nach dem Schreiben sicher, dass nach dem Ausführen jedes Browsers kein Problem mit der Gesamtpositionierung besteht.
3. Schreiben Sie das Gesamt -CSS, hier ist das CSS nur für die Positionierung und den Stil der großen Blöcke verantwortlich.
4. Schneiden Sie die erforderlichen Bildressourcen aus, konstruieren Sie sie Stück für Stück im schriftlichen Framework, debuggen Sie sie ständig und werden schließlich zum fertigen Produkt.
5. Fügen Sie schließlich Kommentare zu Ihrem eigenen Code hinzu und fügen Sie Ihrem eigenen Code sowohl in CSS als auch in HTML Kommentare hinzu.
Es gibt immer noch viele Dinge, auf die wir achten müssen, wenn wir einen flexiblen Schalter vornehmen möchten, um die Haut herzustellen und CSS die Leistung zu dominieren, aber der allgemeine Prozess ist so. Natürlich können wir zu Beginn nicht direkt HTML schreiben, aber zumindest müssen wir dieses Bewusstsein haben und Schritt für Schritt vorgehen. . .
Die PSD -Datei schneiden Websites aus zwei Hauptpunkten aus:
1. Eine unabhängige Seite
1. Analysieren Sie diese Seite und beschreiben Sie zuerst die allgemeine Struktur in Ihrem Kopf oder auf dem Entwurfspapier.
2. Analysieren Sie nach der Situation des Entwurfsentwurfs die Verteilung von Hintergrundbildern, die Verteilung von ICO -Bildern usw.
3. Schneiden Sie die entsprechenden Bilder, exportieren und verschmelzen Bilder
V.
5. Schreiben Sie den Gesamt- und Modulcode im CSS -Stil
6. Detailanpassung
7. Nach der Arbeit überprüft der Browser, ob es korrekt ist
2. Kleine oder große Stelle, die aus mehreren Seiten besteht
1. Durchsuchen
2. Starten Sie den ersten Betriebspunkt, aber es ist wichtig, die Inhaltsverteilung der Website zu planen.
Gesamtüberlegung:
1. Zusammenführen von Bildern, um die Anzahl der Anfragen zu reduzieren
2. strukturelle Rationalität und Semantisierung
3. Die Einfachheit des Stils erleichtert es einfach, später zu warten
4. Betrachten Sie die spätere Wartungs- und Programmentwicklung, wie man einfach den Effekt erzielt.