Zuhause Persönliche Finanzen Organisieren von Inhalten auf der Seite mit HTML - Dummies

Organisieren von Inhalten auf der Seite mit HTML - Dummies

Video: Outlook 2013 - Ansicht für E-Mails organisieren 2025

Video: Outlook 2013 - Ansicht für E-Mails organisieren 2025
Anonim

Lesbarkeit ist das wichtigste Prinzip für die Organisation und Anzeige von Inhalten auf Ihrem Computer. Website. Ihre Webseite sollte Besuchern ermöglichen, Ihre Inhalte leicht zu lesen, zu verstehen und darauf zu reagieren. Die gewünschte Aktion, die Sie für Ihre Besucher in Betracht ziehen, könnte sein, auf zusätzliche Inhalte zu klicken und sie zu lesen, die Inhalte mit anderen zu teilen oder vielleicht einen Kauf zu tätigen.

Schlecht organisierte Inhalte führen dazu, dass Nutzer Ihre Website verlassen, bevor Sie sich mit Ihrem Content lange genug beschäftigen, um die gewünschte Aktion auszuführen.

Die Abbildungen zeigen zwei Beispiele für die Lesbarkeit von Webseiten. In dieser Figur Craigslist. org wurde nach einer Wohnung in New York gesucht.

Quelle: Craigslist. org

Die Suchergebnisse sind wie eine Liste strukturiert, und Sie können den angezeigten Inhalt mithilfe der Filter und Suchformulare einschränken. Jeder Eintrag hat mehrere Attribute, wie eine Beschreibung, die Anzahl der Schlafzimmer, die Nachbarschaft und vor allem den Preis. Das Vergleichen ähnlicher Attribute aus verschiedenen Listen erfordert einige Anstrengung - beachten Sie die gezackte Linie, der Ihr Auge folgen muss.

Die folgende Abbildung zeigt die Ergebnisse einer Suche bei Hipmunk. com für Flüge von New York nach London.

Quelle: Hipmunk. com

Wie bei den Craigslist-Suchergebnissen können Sie den angezeigten Inhalt mithilfe der Filter und Suchformulare beschränken. Darüber hinaus hat jede Flugauflistung mehrere Attribute, einschließlich Preis, Fluggesellschaft, Abflugzeit, Landezeit und Dauer, die den Attributen der Wohnungsanzeigen ähneln. Das Vergleichen ähnlicher Attribute von verschiedenen Flügen ist jedoch mit dem Hipmunk-Layout viel einfacher. Beachten Sie, dass der Inhalt, im Gegensatz zu Craigslist, ein Layout hat, das es Ihrem Auge erlaubt, einer geraden Linie auf der Seite zu folgen, sodass Sie verschiedene Optionen leicht bewerten und vergleichen können.

Unterschätzen Sie nicht die Einfachheit beim Anzeigen von Inhalten. Obwohl das Inhaltslayout von Craigslist fast zu einfach aussieht, gehört die Website zu den 50 meistbesuchten Websites der Welt. Reddit. com ist ein weiteres Beispiel für eine Top 50 Website mit einem einfachen Layout.

Bevor Sie Ihren Inhalt anzeigen, stellen Sie sich zuerst ein paar Fragen:

  • Besitzt Ihr Inhalt ein Attribut mit verwandten Daten oder folgt er aufeinanderfolgenden Schritten? Wenn dies der Fall ist, sollten Sie Listen verwenden.

  • Verfügt Ihr Inhalt über mehrere Attribute, die zum Vergleich geeignet sind? Wenn dies der Fall ist, sollten Sie Tabellen verwenden.

  • Müssen Sie Eingaben vom Besucher sammeln? Wenn dies der Fall ist, sollten Sie Formulare verwenden.

Lassen Sie sich nicht von diesen Entscheidungen überwältigen.Wählen Sie einen aus, sehen Sie, wie Ihre Besucher reagieren, und ändern Sie ggf. die Darstellung des Inhalts. Der Prozess der Bewertung einer Version gegenüber einer anderen Version derselben Webseite wird als A / B-Test bezeichnet.

Organisieren von Inhalten auf der Seite mit HTML - Dummies

Die Wahl des Herausgebers

Wie man Dateien in C ++ kopiert - Dummies

Wie man Dateien in C ++ kopiert - Dummies

Ah, eine Datei kopieren - etwas so einfaches, es passiert alles Zeit. Kopiere diese Datei dorthin; Kopieren Sie diese Datei hier. Aber was genau passiert, wenn Sie eine Datei kopieren? Sie erstellen tatsächlich eine neue Datei und füllen diese mit dem gleichen Inhalt wie die Originaldatei. Und wie machst du das? Nun, ...

Anleitung zum Erstellen eines Verzeichnisses in C ++ - Dummies

Anleitung zum Erstellen eines Verzeichnisses in C ++ - Dummies

Wenn Sie ein Verzeichnis erstellen möchten, können Sie das MKdir Funktion. Wenn die Funktion das Verzeichnis für Sie erstellen kann, gibt sie eine 0 zurück. Andernfalls wird ein Wert ungleich Null zurückgegeben. (Wenn Sie es ausführen, erhalten Sie eine -1, aber Ihre beste Wette - immer - ist es, gegen 0 zu testen.) Hier ist einige ...

Wie man eine einfache mathematische Vorlage in C ++ - Dummies

Wie man eine einfache mathematische Vorlage in C ++ - Dummies

Mit einer mathematischen Vorlage erstellt, die man normalerweise benötigt Zugriff auf eine Vielzahl von Berechnungen, aber nur jeweils eine oder zwei dieser Berechnungen. Zum Beispiel, wenn jemand Ihre Hypothek berechnet, muss er die Amortisationsrechnung nicht kennen. Die Person kann jedoch die Amortisationsberechnung benötigen, wenn Sie mit ...

Die Wahl des Herausgebers

ASVAB: Lesen für die Studie - Dummies

ASVAB: Lesen für die Studie - Dummies

Lesen für die Zwecke des Studiums der ASVAB ist eine andere Art des Lesens. Leseverständnis erfordert nur, dass Sie Informationen lange genug im Kurzzeitgedächtnis speichern, um einige Sekunden später eine Frage zu beantworten. Zum Lesen für die Zwecke des Studiums müssen Sie wichtige Informationen in Ihr Langzeitgedächtnis einpflegen - ...

ASVAB Mathematik Wissenspraxis: Ungleichungen - Dummies

ASVAB Mathematik Wissenspraxis: Ungleichungen - Dummies

Als wäre Algebra nicht anspruchsvoll genug, einige Fragen zur Der Subtest Mathematik auf dem ASVAB wird auch eine Ungleichheit einwerfen - nur um sicherzustellen, dass Sie aufmerksam sind. Wie erkennst du eine Ungleichheit? Halten Sie Ausschau nach Fragen mit mehr als oder weniger als Symbolen oder nach Graphen, die eine Zahlenlinie mit einem ...

ASVAB Mathematische Wissenspraxis: Fraktionen - Dummies

ASVAB Mathematische Wissenspraxis: Fraktionen - Dummies

Der Subtest Mathematikwissen auf dem ASVAB wird Fragen beinhalten, die Sie fragen mit Teilen eines Ganzen oder Fraktionen arbeiten. Diese Fragen können das Multiplizieren, Dividieren, Addieren, Subtrahieren und Konvertieren von Brüchen beinhalten, ähnlich den folgenden Übungsfragen. Übungsfragen Welche Fraktionen sind nicht gleichwertig? Gegeben einfach den Ausdruck. Antworten und Erklärungen Das richtige ...

Die Wahl des Herausgebers

Hinzufügen von Flash-Audio- und Videodateien in Dreamweaver - Dummies

Hinzufügen von Flash-Audio- und Videodateien in Dreamweaver - Dummies

Adobe besitzt sowohl Flash als auch Dreamweaver Daher finden Sie großartige Unterstützung für Flash-Dateien in Dreamweaver. Das Dialogfeld "FLV einfügen" erleichtert das Festlegen von Parametern für Flash. Dreamweaver erkennt sogar automatisch die Größe von Flash-Videodateien. Sie können Flash auch zum Erstellen und Einfügen von Audiodateien verwenden, wobei nur der Player angezeigt wird.

Einstellen von Bildhelligkeit und -kontrast in Dreamweaver - Dummies

Einstellen von Bildhelligkeit und -kontrast in Dreamweaver - Dummies

Dreamweaver bietet Werkzeuge zum Erstellen von Bildern Einstellungen, einschließlich der Helligkeit und des Kontrastes. Durch die Anpassung der Bildhelligkeit können Sie die Gesamtlichtmenge in einem Bild ändern. Kontrast steuert den Unterschied zwischen hellen und dunklen Bereichen eines Bildes. Wenn Sie die Dreamweaver-Bearbeitungswerkzeuge verwenden, wird das Bild dauerhaft geändert, wenn die Seite ...

Hinzufügen von Bildern zu Ihrer Website in Dreamweaver - Dummies

Hinzufügen von Bildern zu Ihrer Website in Dreamweaver - Dummies

Wenn Sie Ihrer Website ein Bild hinzufügen, erscheint anfangs fast magisch, weil der Prozess mit Dreamweaver so einfach ist. Die Herausforderung bei Webgrafiken besteht darin, sie nicht zu Ihren Seiten hinzuzufügen, sondern gut aussehende Bilder zu erstellen, die schnell im Browser Ihres Viewers geladen werden. Sie benötigen ein anderes Programm wie Photoshop, Photoshop Elements oder Fireworks, um ...