Đối với tôi, lần đầu tiên trong loạt bài này, chúng ta sẽ trực tiếp thêm một số điều mới vào thiết kế bằng cách làm việc trong trình duyệt (không bắt đầu bằng Photoshop trước). Mục tiêu của chúng tôi là thiết kế các mô-đun “Liên kết nóng” hiển thị trên trang chủ.
Chúng tôi gắn nhãn từng phần trên trang chủ bằng các thẻ tiêu đề. Ví dụ: “Bài đăng trên blog mới nhất” và “Liên kết nóng”. Về mặt ngữ nghĩa, chúng ta nên sử dụng h2 nhưng kiểu h2 nói chung là quá mạnh cho khu vực đó. Chúng tôi sử dụng thủ thuật cổ điển trong đó chúng tôi có ghi đè tên lớp cho kiểu tiêu đề của chúng tôi. Bằng cách đó, chúng ta luôn có thể sử dụng đúng thẻ ngữ nghĩa nhưng có thể ghi đè kiểu bất kỳ lúc nào với kiểu từ tiêu đề mà chúng ta muốn. ví dụ
Các mô-đun Hot Link phần lớn giống với các mô-đun bài viết chỉ ít phức tạp hơn và chúng có hình vuông màu đỏ ở góc trên bên trái thay vì hình vuông màu cam.