Cách Làm Nắp Cao Su

Mục lục:

Cách Làm Nắp Cao Su
Cách Làm Nắp Cao Su

Video: Cách Làm Nắp Cao Su

Video: Cách Làm Nắp Cao Su
Video: cách làm đông mủ cao su. 2024, Tháng mười một
Anonim

Phần trên của trang web, còn được gọi là tiêu đề, thường phản ánh chủ đề của tài nguyên và có thể chứa thanh điều hướng. Nếu tiêu đề trang web có độ rộng nhất định, thì trên màn hình của những người dùng có độ phân giải khác nhau, phần này của trang web sẽ trông khác. Để tiêu đề trang web trông giống nhau trên bất kỳ màn hình nào, cần phải làm cho một số phần của nó kéo dài hoặc thu nhỏ tùy thuộc vào kích thước của màn hình. Một nắp cao su như vậy có thể được làm mà không cần cố định chiều rộng của nó bằng pixel.

Cách làm nắp cao su
Cách làm nắp cao su

Cần thiết

có trang web của riêng bạn

Hướng dẫn

Bước 1

Để tạo một nắp cao su, trước tiên hãy vẽ nó trong Photoshop. Sau đó tách 3 phần của bức tranh: 2 bên và chính giữa. Các phần này phải rộng khoảng 10-20 pixel và bằng chiều cao của tiêu đề mà bạn muốn. Lưu từng phần tử để bạn có 3 tệp khác nhau: 1.gif, 2.gif, 3.gif. Gửi những hình ảnh này đến trang web.

Bước 2

Tiếp theo, tạo một bảng sẽ chứa các phần tử ở đầu trang web. Để làm điều này, hãy viết mã HTML:

Bàn có chiều rộng 100% sẽ kéo dài hoặc thu nhỏ tùy thuộc vào kích thước màn hình của người dùng.

Bước 3

Tạo một dòng trong bảng, trong ô đặt phía bên trái của tiêu đề trang web 1.gif:

Bước 4

Tạo phần giữa của tiêu đề trang web bao gồm hình ảnh 2

.header {background-image: url ('images / 2.gif');}

Bước 5

Bây giờ, trong một hàng của bảng, hãy tạo một ô khác và đặt phần tử ở giữa của phần trên cùng của trang web vào đó, trỏ đến tiêu đề tên của nó trong mã CSS:

Tên của trang web

>

Bước 6

Sau khi tạo ô thứ ba trong hàng bảng, hãy đặt phía bên phải của tiêu đề trang web 3

Tên của trang web

Đề xuất: