Cách Tạo Hình Nền Trên Trang Web

Mục lục:

Cách Tạo Hình Nền Trên Trang Web
Cách Tạo Hình Nền Trên Trang Web

Video: Cách Tạo Hình Nền Trên Trang Web

Video: Cách Tạo Hình Nền Trên Trang Web
Video: Cách thay đổi hình nền cho trang web - Phạm Hữu Hiền - Web Cho Mọi Người 2024, Tháng mười hai
Anonim

Bạn có thể tự mình tìm hiểu kiến thức cơ bản về xây dựng trang web; có đủ thông tin về chủ đề này trên Internet và sách. Tuy nhiên, ở giai đoạn đầu, những khó khăn thường nảy sinh trong việc sử dụng thẻ này hoặc thẻ khác. Thật vậy, các thành phần phổ biến nhất được ghi nhớ tốt nhất vì chúng rất cần thiết khi viết bất kỳ trang web nào.

Cách tạo hình nền trên trang web
Cách tạo hình nền trên trang web

Hướng dẫn

Bước 1

Chọn hình ảnh bạn muốn sử dụng làm hình nền của mình. Nếu bạn có ý định chèn văn bản lên hình minh họa, thì trong trường hợp này, bạn nên giới hạn bản thân trong các tùy chọn không có sự thay đổi quá mức, trong đó một số màu được sử dụng gần với tự nhiên. Về nguyên tắc, để loại bỏ các gợn sóng, bạn có thể tạo "nền" cho nội dung - và vấn đề sẽ được giải quyết thành công.

Bước 2

Chỉnh sửa hình ảnh bằng Adobe Photoshop. Khi bạn hoàn tất, hãy chọn lệnh Lưu Cho Web từ menu Tệp và chọn thư mục bạn muốn. Nếu đây là hình ảnh đầu tiên được sử dụng cho trang web, thì thư mục "Hình ảnh" sẽ tự động được tạo.

Bước 3

Trong thẻ, hãy viết thuộc tính background = "path to image". Ghi lại ví dụ: hoặc. Đồng thời, hãy nhớ rằng thẻ chỉ nên xuất hiện một lần trong mã, không nên nhân lên.

Bước 4

Lưu các thay đổi trong notepad, nhấp vào nút "Làm mới" trong trình duyệt. Hình nền sẽ xuất hiện trên màn hình. Nếu kích thước của hình ảnh nhỏ hơn các thông số của trang web, thì hình ảnh sẽ được nhân đôi nhiều lần nếu cần để lấp đầy toàn bộ không gian. Có hai cách để khắc phục sự thiếu hụt này:

• sử dụng chương trình Adobe Photoshop, đặt các thông số hình ảnh cần thiết theo pixel ("Hình ảnh" - "Kích thước hình ảnh");

• đặt các kích thước bắt buộc trong mã html.

Ví dụ: nếu chiều rộng là 1250 px và chiều cao là 650 px, thì bạn cần thêm các thuộc tính cần thiết cho ô bảng mà hình ảnh sẽ được đặt.

Bạn không thể đặt kích thước trong thẻ - hình ảnh sẽ luôn được hiển thị ở kích thước đầy đủ.

Bước 5

Tương tự của ccs để chèn hình nền:

hình nền

THÂN HÌNH {

background-image: url (images / bg.jpg);

}

Thuộc tính "background-image: url (images / bg.jpg)" là đường dẫn đến hình nền.

Đề xuất: