Detaillierte Erläuterung der Entwicklungsschritte für Front-End-Seiten

Der Chef oder Partei A ist der eigentliche Initiator von Bedürfnissen und ein Träumer von Grundideen. Das Produkt ist dafür verantwortlich, die Bedürfnisse professionell zu klären oder eine effektive Bewertung und Verfeinerung der Bedürfnisse durchzuführen. Design ist dem Frontend vorgelagert, und das Frontend ist dem Design nachgelagert. Der Zweck der Entwurfsarbeit besteht darin, die makroskopischen Denkergebnisse des Produkts professionell zu verarbeiten, da das Endergebnis des Produkts nach allgemeiner Gewohnheit eine Prototypenzeichnung ist und die Prototypenzeichnung als Entwurfsskizze verstanden werden kann,

Für echte Benutzer ist diese Skizze zu einfach oder entspricht nicht den Bediengewohnheiten des Benutzers. Daher erfordert sie eine professionelle Verarbeitung durch den Designer, z. B. Farbanpassung, Layouttrennung, und manchmal ist sie es auch gehört auch zur interaktiven Arbeit, dem Einrichten von Benutzern und Seiten. Der interaktive Buchungsprozess,

Jemand hat gefragt, muss das nicht gestaltet werden? Es reicht nicht aus, die Seite nur vom Frontend schreiben zu lassen, sondern Sie müssen auch den Designer damit beauftragen, die Seite zu zeichnen.

Weil es ein Konzept der Kostenrisikokontrolle gibt, weil in der frühen Phase, insbesondere im Design, subjektive Gefühle größer sind als rationales Denken, sodass die Ergebnisse jeden Tag anders sind, also Design ist erforderlich. Lehrer sollten die durch dieses subjektive Gefühl verursachten Missverständnisse verdauen. Und aus Kostengründen ist es für einige Szenenbildner einfacher, die Änderungen an Bildern zu kontrollieren als Änderungen an Codes.

Das Ergebnis des Designers ist eine PSD-Datei, die das Ergebnis vieler überlagerter Ebenen ist, während die HTML-Seite mit den Front-End-Arbeitsergebnissen der Effekt vieler organischer Ebenen ist Der Prozess von Organisieren mit HTML.

Das Front-End sendet den konvertierten HTML-Code an den nachgeschalteten Server-Entwicklungsingenieur oder wird als Backend-Entwicklung bezeichnet. Dieser HTML-Code enthält einige interaktive JS-Dateien usw. Im Allgemeinen ist das Frontend eine Position, die Vergangenheit und Zukunft verbindet. Einige Unternehmen erweitern auch die Verantwortlichkeiten des Front-Ends und sind für die Entwicklung der gesamten Front-End-Ansichtsebene verantwortlich. Die Vor- und Nachteile davon wurden im vorherigen Artikel besprochen, daher werde ich es tun Listen Sie sie nicht einzeln auf.

Hintergrundattribut

Das Hintergrundattribut ist ein häufig verwendetes und wichtiges Attribut in CSS Verantwortlich für die Einstellung des Hintergrundbilds und der Hintergrundfarbe für das Feld ist ein zusammengesetztes Attribut, das in die folgenden Einstellungselemente zerlegt werden kann:

　a b. Hintergrundbild legt die Hintergrundbildadresse fest

c. Hintergrundwiederholung legt fest, wie der Hintergrund wiederholt gekachelt wird

d 🎜> e. background-attachment legt fest, ob das Hintergrundbild fixiert ist oder mit der Bildlaufleiste scrollt

In der tatsächlichen Anwendung können wir das Hintergrundattribut verwenden, um alle oben genannten Einstellungselemente zusammenzufügen , und es wird auch empfohlen, dies zu tun, was eine höhere Leistung und bessere Kompatibilität bietet.

Zum Beispiel: Hintergrund:#f00 url(bg.png) no-repeat links in der Mitte behobenhintergrund:#f00 url(bg.png) no-repeat 10px 25px behoben

Front-End-Seitenentwicklungsprozess

　a. b. Verwenden Sie Photoshop, um die Renderings auszuschneiden und die kleinen Bilder auszuschneiden, die für die Webseitenproduktion benötigt werden.

c. Kombinieren Sie dekorative Bilder, um ein Sprite-Bild zu erstellen.

d. Kombinieren Sie Photoshop und den Code-Editor, sehen Sie sich die Renderings an, schreiben Sie HTML- und CSS-Code und erstellen Sie die Seite.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Entwicklungsschritte für Front-End-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!