Trong hướng dẫn này, bạn sẽ khám phá cấu trúc của trang web trình diễn và kế hoạch tạo lại nó trong các hướng dẫn phía trước.

Tổng quan về Trang web Trình diễn

Về mặt trực quan, trang web có thể được chia thành bảy phần ngang:

Trong hình ảnh tổng quan trước, mỗi phần trong số bảy phần được gắn nhãn tương ứng:

• Phần "Tiêu đề" (ở trên cùng). Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta Cách tạo Phần tiêu đề trên Trang web của Bạn bằng CSS (Phần 1)
• Phần “Giới thiệu về tôi” (thứ hai từ trên xuống). Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta Cách tạo phần Giới thiệu về bản thân trên trang web bằng CSS (Phần 2)
• Phần "Dự án" (thứ ba từ trên xuống). Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta Cách tạo bố cục lát gạch bằng CSS (Phần 3)
• Phần "Kinh nghiệm" (thứ tư từ trên xuống). Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta [Cách thêm phần sơ yếu lý lịch hoặc lịch sử công việc vào trang web bằng CSS (Phần 4)]. ( Https://www.digitalocean.com/community/tutorials/how-to-add -a-resume-or-work-history-section-to-your-website-with-css-section-4 )
• Phần "Giáo dục" và "Kỹ năng" (thứ năm từ trên xuống). Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta Cách Thêm Lịch sử Giáo dục và Kỹ năng của Bạn vào Trang web Bằng CSS (Phần 5)
• Phần trích dẫn nổi bật (thứ sáu từ trên xuống). Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta Cách tạo Hộp trích dẫn nổi bật trên trang web bằng CSS (Phần 6)
• Chân trang tĩnh, "dính" vào cuối trang. Hướng dẫn cho phần này được trình bày chi tiết trong hướng dẫn của ta Cách tạo chân trang tĩnh bằng CSS (Phần 7)

Mỗi phần trong số này được tạo bằng các thuộc tính CSS cho các phần tử HTML mà bạn đã khám phá trong nửa đầu của loạt bài hướng dẫn. Trong phần còn lại của loạt bài hướng dẫn này, bạn sẽ xây dựng lại từng phần này trong hướng dẫn riêng của chúng.Nếu bạn mới bắt đầu học CSS, ta khuyên bạn nên sao chép các lựa chọn kiểu trong các hướng dẫn bao gồm kích thước, màu sắc và hình nền để giữ mọi thứ nhất quán với các ví dụ khi bạn làm việc qua mỗi hướng dẫn.

Ở cuối loạt bài hướng dẫn này, có các gợi ý để thử nghiệm với phong cách và bố cục trang web . Những đề xuất này sẽ trình bày cách cá nhân hóa nội dung và kết hợp các hướng dẫn này để tạo ra phong cách và khả năng sắp xếp mới cho trang web .

Kết luận

Trong hướng dẫn này, bạn đã khám phá cấu trúc của trang web trình diễn và tổng quan về kế hoạch tạo lại nó. Trong hướng dẫn tiếp theo, bạn sẽ tạo một luật CSS để tạo kiểu cho toàn bộ phần nội dung của trang web và tìm hiểu lý do tại sao luật này là bước đầu tiên quan trọng.

---

---

Các tin liên quan

Cách tạo kiểu cho HTML phần tử div với CSS
2020-10-12
Cách tạo bảng trong HTML
2020-10-12
Cách điều chỉnh nội dung, phần đệm, đường viền và lề của một phần tử HTML bằng CSS
2020-10-12
Cách sử dụng thuộc tính Rel cho thẻ neo trong HTML
2020-10-12
Cách thêm các thực thể HTML trong Thuộc tính nội dung CSS
2020-10-12
Tham chiếu cú pháp thẻ liên kết HTML cho tệp CSS bên ngoài
2020-10-12
Cách tạo nhận xét HTML
2020-10-12
Cách điều chỉnh nội dung, phần đệm, đường viền và lề của một phần tử HTML bằng CSS
2020-10-12
Cách điều chỉnh nội dung, phần đệm, đường viền và lề của một phần tử HTML bằng CSS
2020-10-12
Cách điều chỉnh nội dung, phần đệm, đường viền và lề của một phần tử HTML bằng CSS
2020-10-12