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
18 Killer-JavaScript-Einzeiler
Vorwort JavaScript erfreut sich weiterhin wachsen...
Warum DOCTYPE HTML verwenden?
Sie wissen, dass der Browser ohne diese Option bei...
Detaillierte Erklärung der API in Vue.js, die leicht zu übersehen ist
Inhaltsverzeichnis nächstesTick Syntaxvereinfachu...
Verschiedene Methoden zum Aufrufen von js in einem werden herausgestellt und zur Verwendung empfohlen.
Wir verwenden Klickereignisse häufig im A-Tag: 1. ...
Schritte zur vollständigen Deinstallation des Docker-Images
1. docker ps -a zeigt den laufenden Image-Prozess...
Eine einfache Methode, um mit der TabBar am unteren Rand des WeChat-Applets umzugehen, das Inhalte blockiert
Nach der Konfiguration der TabBar im WeChat-Apple...
Mysql fragt die ausgeführten Transaktionen ab und wie auf Sperren gewartet werden soll
Verwenden Sie navicat zum Testen und Lernen: Verw...
Detaillierte Analyse der Verwendungs- und Anwendungsszenarien von Slots in Vue
Was sind Slots? Wir wissen, dass in Vue nichts in...
HTML-Textfeld (Text) ist nicht in mehreren Möglichkeiten verfügbar, um schreibgeschützt zu erreichen
Methode 1: <input id= "File1" type= &...
Zusammenfassung der Unterschiede zwischen HTML, SHHTML und XHTML
Zum Beispiel: <u> Dies hat kein Endzeichen u...
Reagieren Sie mit Beispielcode zur Implementierung der automatischen Browseraktualisierung
Inhaltsverzeichnis Was ist Front-End-Routing? Wie...
Detaillierte Erläuterung der Transaktionsisolationsebenen in den MySql-Studiennotizen
Hintergrund Wenn wir über Transaktionen sprechen,...
Vue realisiert Click-Flip-Effekt
Verwenden Sie Vue, um einfach einen Click-Flip-Ef...
Vollständige Anleitung zur Verwendung von Iframes ohne Rahmen oder Ränder (Zusammenfassung der praktischen Erfahrungen)
<iframe src=”URL Ihrer Seite” width=”100″ heigh...
Praktische Fähigkeiten, die beim Aufrufen von UNI-APP-Komponenten im easycom-Modus beherrscht werden müssen
Dieser Artikel soll als Ausgangspunkt für Diskuss...