Explication détaillée des étapes de développement de la page front-end

Le patron ou Parti A est le véritable initiateur de la revendication et le rêveur de l'idée de base. Le produit est chargé de trier professionnellement les besoins ou de procéder à une évaluation et un affinement efficaces des besoins La conception est en amont du front-end, et le front-end est en aval de la conception. Le but du travail de conception est de traiter professionnellement les résultats de la réflexion macroscopique du produit, car selon les habitudes générales, le résultat final du produit est un prototype, et le prototype peut être compris comme une esquisse du design,

Pour les vrais utilisateurs, ce croquis est trop simple ou n'est pas conforme aux habitudes de fonctionnement de l'utilisateur, il nécessite donc un traitement professionnel de la part du concepteur, comme la correspondance des couleurs, la séparation de la mise en page, et parfois il fait également partie du travail interactif, configuration des utilisateurs et des pages Le processus de réservation interactif,

Quelqu'un a demandé, n'a-t-il pas besoin d'être conçu ? Il ne suffit pas de laisser le front-end écrire la page, mais vous devez également demander au concepteur de la dessiner.

Parce qu'il existe un concept de contrôle des risques liés aux coûts, car au début, en particulier dans la conception, les sentiments subjectifs sont supérieurs à la pensée rationnelle, donc les résultats sont différents chaque jour, donc la conception est nécessaire Les enseignants devraient digérer les malentendus provoqués par ce sentiment subjectif, Et du point de vue des coûts, il est plus facile pour certains scénographes de contrôler les modifications des images que les modifications des codes.

Le résultat du concepteur est un fichier psd, qui est le résultat de plusieurs calques superposés ensemble, tandis que la page html de résultat du travail frontal est l'effet de plusieurs calques, organiques Le processus de organiser en utilisant HTML.

Le front-end envoie le HTML converti à l'ingénieur de développement du serveur en aval, ou est appelé développement backend. Ce HTML comprend des fichiers js interactifs, etc. En général, le front-end est un poste qui relie le passé et le futur. Certaines entreprises élargissent également les responsabilités du front-end et sont responsables du développement de l'intégralité de la page de la couche de vue front-end. Les avantages et les inconvénients de cela ont été discutés dans l'article précédent, je vais donc le faire. pas les énumérer un par un.

attribut background

L'attribut background est un attribut fréquemment utilisé et important en CSS, il est responsable de la définition de l'image d'arrière-plan et de la couleur d'arrière-plan de la boîte background est un attribut composite, qui peut être décomposé en les éléments de configuration suivants :

　a background-color définit la couleur d'arrière-plan

. b. background-image définit l'adresse de l'image d'arrière-plan

c. background-repeat définit la manière dont l'arrière-plan est carrelé à plusieurs reprises

d. 🎜> e. background-attachment définit si l'image d'arrière-plan est fixe ou défile avec la barre de défilement

Dans l'application réelle, nous pouvons utiliser l'attribut background pour rassembler tous les éléments de configuration ci-dessus. , et il est également recommandé de le faire , ce qui offre des performances plus élevées et une meilleure compatibilité. Par exemple : background:#f00 url(bg.png) no-repeat centre gauche fixe

background:#f00 url(bg.png) no-repeat 10px 25px corrigé

Processus de développement de page frontale　a.

b. Utilisez Photoshop pour découper les rendus et découper les petites images nécessaires à la production de pages Web.

c. Combinez des images décoratives pour créer une image de sprite.

d. Combinez Photoshop et l'éditeur de code, référez-vous aux rendus, écrivez le code html et css et créez la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!