div+css réalise une analyse de séparation de la structure et des performances en termes d'idées et de processus_Échange d'expériences

Sujet ancien : la séparation d'un poème ancien

1. Donnez-vous un poème ancien, enregistrez-le sous forme de texte sans format, et vous devez comprendre son contenu et traiter la structure. Après avoir utilisé la composition de mots, il avait une structure
2. Cette structure inclut en fait la sémantique et la performance
3. Utiliser le HTML pour la structuration, mettre de côté toutes les formes d'expression, et ne considérer que la sémantique
4. Utiliser CSS Perform traitement de la présentation, y compris la présentation par défaut du HTML, qui a une présentation visuelle. Cette présentation reflète la structure et l'expérience utilisateur. L'expérience utilisateur comprend une mise en page interactive et une expérience visuelle
5. Si vous ajoutez un comportement, comme cliquer sur l'annotation. numéro de série pour accéder lentement au contenu de l'annotation.

Regardez à nouveau le CSS Zen Garden
Les mêmes 5 étapes ci-dessus forment la première version du CSS Zen Garden
Et une plus grande partie du travail effectué par les fournisseurs de modèles consiste en des lignes interactives Draft + conception visuelle. Cela se reflète sur la page Web sous forme de CSS

On peut voir que du point de vue du codage
La première étape consiste à traiter le contenu en tant que structure et à écrire du HTML pur
La deuxième étape consiste à traiter la structure sous forme de présentation et d'écriture CSS pure
La troisième étape consiste à ajouter des comportements à la performance.

Du point de vue du processus
La première étape est la planification des documents
La deuxième étape est le traitement structurel
La troisième étape est la conception d'interaction (construction de style d'interaction)
La quatrième étape est visuelle design (construction de style visuel)
La cinquième étape, la construction de style

Penser à l'envers
S'il n'y a pas de CSS Zen Garden, le concepteur conçoit des centaines de brouillons de conception puis les réalise. La structure de la page et le HTML sont-ils identiques ? Par analogie, si votre planification est gérée par deux concepteurs d’interaction et visuels, la structure de construction de la page sera-t-elle la même ? La réponse n’est définitivement pas la même, pourquoi pas la même ? Le point fondamental de la discussion ici est une question qui nous oblige à réfléchir profondément !