Einige Schlussfolgerungen zur Gestaltung von Portal-Website-Fokusbildern
|
Fokusbilder sind eine Möglichkeit, Inhalte zu präsentieren, die Bilder, Text und dynamische interaktive Effekte integrieren. Sie spielen eine sehr wichtige Rolle bei der Erregung der Aufmerksamkeit (dem sogenannten Fokus), der Optimierung des Seitenlayouts und vielen anderen Aspekten. Dies ist insbesondere bei Portal-Websites wichtig, bei denen der Inhalt im Vordergrund steht. Ich habe in diesem Prozess einige Erfahrungen gesammelt und möchte diese gerne mit Ihnen teilen. Die Vorlage ist eher für große Portale wie Sohu und Sina geeignet. Für persönliche Websites und Unternehmenswebsites ist sie möglicherweise nicht geeignet. Das ist eine andere Sache. 1. Je dümmer, desto besser (kombiniert mit Punkt 3) Redakteure hassen HTML. Insbesondere bei Seiten, die sehr zeitkritisch sind und häufig aktualisiert werden, ist es äußerst fatal, Redakteure Inhalte direkt in das HTML des Fokusbildes kopieren zu lassen. 2. Plug-and-Play zur Konfliktvermeidung Scheuen Sie sich nicht davor, den Klassennamen (CSS-Klasse) zu lang zu machen. Sie können Präfixe und Suffixe hinzufügen, wenn Sie möchten. Es ist besser, den Namen eindeutiger zu gestalten. Die Fokusbildfunktion ist relativ unabhängig. Oft ist eine Seite seit N Tagen veröffentlicht und dann möchten Sie plötzlich das Fokusbild ändern. Wenn der Klassenname des Fokusbilds zu allgemein ist (z. B. Titel, Kopf, Hauptbild usw.), ist es eine Tragödie, wenn bei der Anwendung auf die Seite ein unerklärlicher Stilkonflikt auftritt. 3. Visueller Designer Entwerfen Sie einen Fokusbild-Designer. Redakteure können den Designer verwenden, um Daten einzufügen und mit einem Klick schnell Fokusbildcode zu generieren. 4. Stil muss von Struktur und Verhalten getrennt werden Redakteure können Schriftfarbe, Hintergrundfarbe usw. einfach ändern. 5. Versuchen Sie, HTML-Vorlagentechnologie zu verwenden Trennen Sie Struktur (HTML) und Verhalten (JS-Logik). Sie können das offizielle jQuery-Vorlagen-Plugin in Betracht ziehen 6. Bei sehr großen Portal-Websites (wie Sohu und Sina) wird SEO häufig eine niedrigere Priorität eingeräumt als dem Inhalt. Warum? Denn Webseiten dieser Art sind jedem bereits bekannt und man muss nicht extra danach suchen. Dadurch wird die Tatsache bestimmt, dass JS verwendet werden kann, um den HTML-Code des Fokusbildes dynamisch zu generieren. Obwohl diese Art von HTML-Code SEO-unfreundlich ist! Der letzte Satz: Für die Fokusbilder großer Portal-Websites verwenden Sie JSON-Daten in Kombination mit HTML-Vorlagentechnologie, um die Fokusbilder dynamisch mit JS zu generieren, und fügen Sie viele HTML-Codes, die sich auf die Fokusbilder beziehen, in die Seite ein. Redakteure werden es hassen, was die Aktualisierungseffizienz des Website-Inhalts beeinträchtigt! |
<<: Detaillierte Erklärung des Vue-Plugins
>>: Ein Vergleich zwischen dem href-Attribut und dem onclick-Ereignis des a-Tags
Artikel empfehlen
XHTML verwendet einige veraltete Elemente in HTML nicht mehr
Wenn wir CSS-Webseitenlayouts erstellen, wissen wi...
So überspringen Sie Fehler bei der MySQL-Master-Slave-Replikation
1. Traditionelle Binlog-Master-Slave-Replikation,...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13
Installation der Msyql-Datenbank. Zu Ihrer Inform...
Zusammenfassung der Unterschiede zwischen den Methoden find() und filter() in JavaScript
Inhaltsverzeichnis Vorwort JavaScript find()-Meth...
Packetdrills prägnantes Benutzerhandbuch
1. Kompilierung und Installation von Packetdrill ...
Linux-Betrieb und -Wartung – Tutorial zur grundlegenden Datenträgerverwaltung
1. Festplattenpartition: 2. fdisk-Partition Wenn ...
Beispielcode des Vue-Symbolselektors
Quelle: http://www.ruoyi.vip/ Vue von „vue“ impor...
Springboot+VUE zur Realisierung von Anmeldung und Registrierung
In diesem Artikelbeispiel wird der spezifische Co...
Die Umsetzung von Youdas neuem Petite-Vue
Inhaltsverzeichnis Vorwort Einführung Live Einfac...
Detaillierte Analyse von MySQL-Ausführungsplänen
Vorwort Als wir im vorherigen Interviewprozess na...
Lösen Sie das Problem von qt.qpa.plugin: Das Qt-Plattform-Plugin "xcb" konnte in Qt unter Ubuntu 18.04 nicht geladen werden
Problembeschreibung Nach der Installation von Qt5...
So ermitteln Sie die Höhe des MySQL InnoDB B+-Baums
Vorwort Der Grund, warum die InnoDB-Engine von My...
VUE+Canvas realisiert den gesamten Prozess eines einfachen Gobang-Spiels
Vorwort In Bezug auf das Layout ist Gobang viel e...
So zeigen Sie Bildinformationen in Docker an
In diesem Artikel müssen wir lernen, wie man Bild...
Grafisches Tutorial zur Installation und Konfiguration von CentOS 7
In diesem Artikel wird das ausführliche Installat...