For jeg tror første gang i denne serie vil vi tilføje nogle nye ting til designet direkte ved at arbejde i browseren (starter ikke i Photoshop først). Vores mål er at designe “Hot Links” -modulerne, der viser sig på hjemmesiden.
Vi mærker hvert afsnit på startsiden med header-tags. For eksempel "Seneste blogindlæg" og "Hot Links". Semantisk skal vi bruge en h2, men den generelle h2-styling er for intens til det område. Vi bruger det klassiske trick, hvor vi har tilsidesættelse af klasse navn til vores header styling. På den måde kan vi altid bruge det korrekte semantiske tag, men være i stand til at tilsidesætte stylingen til enhver tid med stilen fra det header, vi ønsker. for eksempel
Hot Link-modulerne er stort set de samme som artikelmodulerne kun mindre komplicerede, og de har en rød firkant i øverste venstre hjørne i stedet for en orange firkant.