Zum ersten Mal in dieser Serie werden wir dem Design einige neue Dinge direkt hinzufügen, indem wir direkt im Browser arbeiten (nicht zuerst in Photoshop). Unser Ziel ist es, die „Hot Links“ -Module zu entwerfen, die sich auf der Homepage zeigen.
Wir beschriften jeden Abschnitt auf der Homepage mit Header-Tags. Zum Beispiel "Neueste Blog-Beiträge" und "Hot Links". Semantisch sollten wir ein h2 verwenden, aber das allgemeine h2-Styling ist für diesen Bereich zu intensiv. Wir verwenden den klassischen Trick, bei dem Klassennamen für unser Header-Styling überschrieben werden. Auf diese Weise können wir immer das richtige semantische Tag verwenden, aber das Styling jederzeit mit dem Style aus dem gewünschten Header überschreiben. z.B
Die Hot Link-Module sind weitgehend die gleichen wie die Artikelmodule, nur weniger kompliziert und sie haben ein rotes Quadrat in der oberen linken Ecke anstelle eines orangefarbenen Quadrats.