Cách Chèn ảnh Vào Tiêu đề Cho Trang Web

Mục lục:

Cách Chèn ảnh Vào Tiêu đề Cho Trang Web
Cách Chèn ảnh Vào Tiêu đề Cho Trang Web

Video: Cách Chèn ảnh Vào Tiêu đề Cho Trang Web

Video: Cách Chèn ảnh Vào Tiêu đề Cho Trang Web
Video: Học html css - #4 - Chèn hình ảnh vào website 2024, Tháng mười một
Anonim

Một bức tranh được chọn chính xác đặc trưng cho hướng của trang web theo cách tốt nhất, mang lại tính cá nhân cho nó. Ngoài ra, hầu hết mọi người đều là hình ảnh tự nhiên, có nghĩa là hình ảnh đồ họa sẽ được ghi nhớ tốt hơn đối với họ.

Cách chèn ảnh vào tiêu đề cho trang web
Cách chèn ảnh vào tiêu đề cho trang web

Hướng dẫn

Bước 1

Nếu bạn chỉ đang tạo trang web của mình dựa trên một mẫu tạo sẵn, thì bạn có thể chèn ảnh vào tiêu đề của nó bằng cách thay thế đơn giản. Để làm điều này, chỉ cần chọn một hình ảnh phù hợp và lưu lại dưới tên của một hình minh họa tiêu chuẩn là đủ. Điều chính ở đây là điều chỉnh kích thước, nếu không hình ảnh của bạn sẽ không phù hợp với các thông số tài nguyên. Bạn có thể làm điều tương tự với một trang web làm sẵn có hệ thống kiểm soát và đã được gửi đi qua Internet.

Bước 2

Tốt hơn là sử dụng Adobe Photoshop để chỉnh sửa hình ảnh. Hãy nhớ rằng các phiên bản của chương trình có thể bằng tiếng Anh và để thuận tiện cho công việc, bạn sẽ cần một bản crack. Nó có thể được tải xuống miễn phí trên Internet.

Bước 3

Mở hình ảnh mà bạn muốn thay thế trong trình chỉnh sửa đồ họa và chọn "Hình ảnh" - "Kích thước hình ảnh" từ menu. Hãy nhớ, hoặc tốt hơn là viết ra các giá trị bằng pixel. Bạn có thể đóng ảnh - bạn sẽ không cần nó nữa.

Bước 4

Trong menu "Tệp", chọn "Mới", sau đó biểu mẫu sẽ mở ra trước mặt bạn. Nhập các giá trị đã ghi của kích thước hình ảnh vào đó và nhấp vào "OK". Bạn cũng có thể đặt các thông số khác trong quá trình thực hiện, chẳng hạn như tên của lớp hoặc loại nội dung nền, nhưng chúng không phải là cơ bản.

Bước 5

Tạo một lớp mới ("Layer" - "Mới").

Bước 6

Mở trong chương trình hình ảnh bạn muốn xem trong tiêu đề của trang web ("Tệp" - "Mở").

Bước 7

Trên thanh công cụ, chọn biểu tượng "Khu vực hình chữ nhật", sử dụng nó để chọn ảnh.

Bước 8

Sử dụng lệnh "Sao chép" từ menu "Chỉnh sửa" và dán hình ảnh lên một lớp mới của hình dạng đã chuẩn bị ("Chỉnh sửa" - "Dán"). Chọn công cụ Di chuyển và di chuyển ảnh nếu cần.

Bước 9

Nếu kích thước của hình ảnh lớn hơn hoặc nhỏ hơn, thì bạn có thể sửa nó bằng các lệnh từ menu "Hình ảnh". Trong mọi trường hợp, các thông số của bức ảnh chính hiếm khi trùng với những thông số cần thiết, vì vậy hầu như luôn có một khoảng trống. Nó phải được điền vào, và đối với điều này, tốt nhất là sử dụng "Nền". Ví dụ: bạn có thể tô một màu hoặc sử dụng công cụ Gradient, sau đó làm mịn quá trình chuyển đổi bằng cách sử dụng dodge / darken, Finger, Sponges, v.v.

Bước 10

Có một thẻ đặc biệt để chèn ảnh bằng ngôn ngữ html

với các thuộc tính khác nhau:

• src - địa chỉ hình ảnh;

• height - chiều cao tính bằng px;

• width - chiều rộng tính bằng px;

• border - đường viền tính bằng px;

• alt - giải thích cho hình ảnh, hiển thị cho người dùng khi chức năng nhận hình ảnh bị tắt.

Ví dụ,. Không cần thẻ đảo ngược.

Đề xuất: