| BÀI HỌC

Đối với những trang Web có sử dụng nhiều ảnh đồ họa, với tốc độ đường truyền như hiện nay thì chắc chắn sẽ chiếm rất nhiều thời gian tải về. Những hình ảnh lớn sẽ làm người truy cập nản lòng và sẽ bỏ qua những hình ảnh hấp dẫn mà người tạo trang Web đã đưa lên. Như thế là đã thất bại rồi đấy!

Để tải nhanh hơn và cũng có thể tải từng phần hình ảnh, đối với ảnh lớn bạn nên chia thành từng mảnh nhỏ và sẽ được trình duyệt tải về lần lượt. Tuy nhiên, điều quan trọng là bạn phải biết cách sắp xếp những mảnh đó lại cho ăn khớp để tạo thành những bứa hình lớn.

Cũng nhờ vào thủ thuật này, người ta có thể làm giảm kích thước các ảnh GIF động bằng cách xén những phần động và tĩnh ra. Bởi nhiều khi toàn bộ ảnh chỉ có một chỗ nhỏ là động.

Để lắp ghép thật ăn khớp với nhau, bạn nên dùng Bảng (xem lại Bài 15). Và tất nhiên bạn nhớ thêm thuộc tính CELLPADDING=0 và CELLSPACING=0 để các ảnh được gắn khít vào nhau.

Ví dụ: Giả sử bạn đã cắt tấm ảnh lớn của bạn thành 4 mảnh và lưu thành 4 file khác nhau:

Hình 1	Hình 2
Hình 3	Hình 4

Như vậy là bạn cần một bảng với 2 hàng và 2 cột.

	HTMLStudy
	File     Edit     View     Favorites     Tools     Help
	hinh1.jpg hinh2.jpg hinh3.jpg hinh4.jpg
	Done

Bây giờ bạn dùng thẻ <IMG> (xem thêm Bài 6) để thêm các hình ảnh trên vào, nhớ dùng thuộc tính WIDTH và HEIGHT cho mỗi ảnh để cố định kích thước.

	HTMLStudy
	File     Edit     View     Favorites     Tools     Help
	Done

| THỰC HÀNH

Bây giờ bạn hãy thử dùng một ảnh lớn và cắt nó ra. Dùng phần mềm Photoshop hoặc TileIt để chia hình thành lưới ô vuông, sau đó cắt (crop) theo từng mảnh và lưu thành file riêng biệt. Sau đó dùng phương pháp này để ghép lại trong trang Web của mình. Chúc may mắn!