Bài thực hành 4. Tạo trang web đơn giản

KIỂM TRA BÀI CŨ
1. Nêu các bước để thiết kết một trang Web đơn giản. Viết cấu trúc của file HTML.
2. Em hãy thiết kết một trang Web đơn giản với yêu cầu như sau:
Tiêu đề: LỚP 9/5
Nội dung trang Web: CHÀO MỪNG NGÀY NHÀ GIÁO VIỆT NAM 20/11
Tiết 20:

II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
II.Thay đổi nền của trang WEB:
1. Đặt nền là màu:
BGCOLOR=“ Mã số màu nền” >
Trong đó:
BGCOLOR là một tính chất của thẻ BODY
Mã số màu là các mã màu
NỘI DUNG TRANG WEB
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
Ví dụ:
……..

………..

………
Bảng mã màu sau:
*Chú ý:
Luôn có một khoảng trống giữa BODY và BGCOLOR
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
HOẠT ĐỘNG NHÓM
Hãy viết một trang Web đơn giản theo yêu cầu sau
- Tiêu đề là: CADAO
Nội dung trang Web:
MUỐN SANG THI BẮT CẦU KIỂU
MUỐN CON HAY CHỮ THÌ YÊU LẤY THẦY
- Màu nền : Tổ 1 màu đen, tổ 2 màu xanh, tổ 3 màu vàng, tổ 4 màu đỏ
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
II.Thay đổi nền của trang WEB:
2. Đặt nền là tranh ảnh:
BACKGROUND=“Đường dẫn đến file ảnh”>
NỘI DUNG TRANG WEB
Trong đó:
BACKGROUND là một tính chất của thẻ BODY
Đường dẫn đến file ảnh:Là dãy các thư mục dẫn đến file ảnh
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
Chú ý:
- Các ảnh dùng trong trang Web để vào một thư mục riêng .
- Cần phải chỉ đúng đường dẫn đến file ảnh.

Ví dụ:
……..

………..

………
II. THAY ĐỔI MÀU NỀN
CỦNG CỐ
1. ĐẶT NỀN LÀ MÀU
2. ĐẶT NỀN LÀ TRANH ẢNH
CỦNG CỐ
Nắm tính chất của đặt màu nền trong thẻ BODY, biết sử dụng bảng màu để trang trí cho trang Web.
Nắm tính chất của đặt nền là ảnh để vận dụng thiết kế các trang Web được sinh động hơn.