Giải Tin học 12 trang 105 Kết nối tri thức

Với Giải Tin học 12 trang 105 trong Bài 18: Thực hành tổng hợp thiết kế trang web Tin học 12 Kết nối tri thức hay nhất, ngắn gọn sẽ giúp học sinh dễ dàng trả lời các câu hỏi & làm bài tập Tin 12 trang 105.

Giải Tin học 12 trang 105 Kết nối tri thức

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 tới trang dang_ki trong phần cuối trang của tất cả các trang.

Lời giải:

Để 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 tới trang "dang_ki" trong phần cuối trang của tất cả các trang, em có thể làm như sau:

- Tạo tệp tin HTML mới và đặt tên là "dang_ki.html".

- Trong tệp tin "dang_ki.html", tạo biểu mẫu đăng kí câu lạc bộ bằng cách sử dụng các phần tử HTML như <form>, <input>, và <button>. Thiết kế biểu mẫu theo yêu cầu của em, bao gồm các trường nhập thông tin và nút gửi đăng kí.

- Sau khi hoàn thành biểu mẫu, em có thể thêm CSS để định dạng giao diện biểu mẫu theo ý muốn. Sử dụng các lớp CSS để tạo kiểu cho các phần tử trong biểu mẫu.

- Sau khi tạo xong trang "dang_ki.html", em cần bổ sung liên kết tới trang "dang_ki" trong phần cuối trang của tất cả các trang khác trong website.

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.

Lời giải:

Để 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, em có thể sử dụng hiệu ứng hover trong CSS.

Ví dụ:

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:

• Giải Tin học 12 trang 102

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)

---