Với giải Vận dụng trang 105 Tin học lớp 12 Kết nối tri thức chi tiết trong Bài 18: Thực hành tổng hợp thiết kế trang web giúp học sinh dễ dàng xem và so sánh lời giải từ đó biết cách làm bài tập Tin học 12. Mời các bạn đón xem:
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
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;
}
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, chi tiết khác:
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:......
Xem thêm các bài giải SGK Tin học lớp 12 Kết nối tri thức hay, chi tiết:
Bài 17: Các mức ưu tiên của bộ chọn
Bài 18: Thực hành tổng hợp thiết kế trang web
Bài 19: Dịch vụ sửa chữa và bảo trì máy tính