Hãy đưa ra một thiết kế khác cho website đã tạo ở phần Thực hành. Viết định dạng theo thiết kế mới

Giải Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web - Kết nối tri thức

Vận dụng trang 105 Tin học 12: Hãy đưa ra một thiết kế khác cho website đã tạo ở phần Thực hành. Viết định dạng theo thiết kế mới và chuyển toàn bộ website sang định dạng mới.

Lời giải:

Để áp dụng thiết kế mới cho trang web đã tạo trong phần Thực hành, em cần thực hiện các bước sau:

- Tạo một tệp CSS mới và đặt tên là "style.css" (hoặc tên tùy chọn khác).

- Trong tệp CSS, thêm mã CSS để định dạng các phần tử theo thiết kế mới.

Ví dụ:

/* Định dạng phần banner */

.banner {

  background: url("../assets/img/bg-masthead.jpg") no-repeat center center;

  background-size: cover;

  padding-top: 12rem;

  padding-bottom: 12rem;

  text-align: center;

  color: darkred;

}

.banner h2 {

  font-size: 36px;

  font-weight: bold;

}

/* Định dạng phần slogan */

.slogan {

  background-color: rgb(248, 249, 250);

  text-align: center;

  padding-right: 0.5rem;

  padding-left: 3rem;

  padding-top: 7rem;

  padding-bottom: 7rem;

}

.row {

  display: flex;

  flex-wrap: wrap;

  margin-top: -1;

  max-width: 100%;

  padding-right: 3rem;

  padding-left: 3rem;

}

.block_3 {

  flex: 0 0 33.33333333%;

}

.block_3 h3 {

  font-size: 24px;

  font-weight: bold;

}

.text-content {

  font-size: 16px;

  color: #333;

}

Lời giải bài tập Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web hay khác:

• Khởi động trang 102 Tin học 12: Giả sử website của em có nhiều tập html. Có thể hay không chỉ dùng tệp ....

• Hoạt động 1 trang 102 Tin học 12: Thảo luận theo nhóm để trả lời các câu hỏi sau: ....

• Luyện tập 1 trang 105 Tin học 12: Tạo trang dang_ki.html chứa biểu mẫu đăng kí câu lạc bộ và bổ sung liên kết ....

• Luyện tập 2 trang 105 Tin học 12: Thay đổi định dạng và màu sắc của phông chữ trong các vùng khi di chuyển chuột qua ....

Xem thêm lời giải bài tập Tin học lớp 12 Kết nối tri thức hay nhất, ngắn gọn khác:

• Tin học 12 Bài 16: Định dạng khung

• Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn

• Tin học 12 Bài 19: Dịch vụ sửa chữa và bảo trì máy tính

• Tin học 12 Bài 20: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin

• Tin học 12 Bài 21: Hội thảo hướng nghiệp

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Kết nối tri thức
• Giải Chuyên đề Tin học 12 Kết nối tri thức
• Giải SBT Tin học 12 Kết nối tri thức
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---