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

Mục lục:

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

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

Video: Cách Chèn ảnh Vào Tiêu đề
Video: Chèn hình ảnh, logo, chữ chìm (Chèn Watermark) vào Word 2024, Tháng mười một
Anonim

Thông thường, với chức năng tương tự, một hình ảnh trong tiêu đề của một trang web hoặc blog mang lại tính cá nhân cần thiết và mặt khác, các mẫu được đề xuất thường đơn giản là "vô diện". Sẽ rất tiện lợi khi đặt logo của công ty, hoặc một bức tranh có vị trí địa lý, hoặc một số bức ảnh quan trọng đối với chủ sở hữu trang web ở trên cùng.

Một đoạn mã dẫn đến liên kết đến hình ảnh trong tiêu đề của trang web
Một đoạn mã dẫn đến liên kết đến hình ảnh trong tiêu đề của trang web

Cần thiết

Kỹ năng làm việc trong trình biên tập đồ họa

Hướng dẫn

Bước 1

Nếu bạn có người quản lý địa điểm, nó thường bao gồm chức năng "thay đổi hình ảnh". Trong trường hợp này, bạn chỉ cần thay thế của riêng bạn.

Phân tích hệ thống quản lý nội dung của bạn một cách cẩn thận. Nếu bạn không có chức năng mong muốn, bạn sẽ phải nhập mã html, nếu bạn làm việc với Joomla, hãy tìm tệp: mw_joomla_logo.png, nó nằm trong thư mục images trong thư mục template (Joomla sử dụng template_name imagesmw_joomla_logo. png) Để thay đổi hình ảnh: trong mã trang web html html ("xem"> "xem mã html").

Tìm "tiêu đề" được đánh dấu bằng thẻ head

Tìm ảnh bằng cách xem các thẻ img trong tiêu đề

Liên kết tới bức tranh có dạng: img src = "picture.jpg"

Bước 2

Tải xuống và phân tích kích thước và trọng lượng của bức tranh.

Trong trình chỉnh sửa đồ họa, hãy vẽ bức tranh của riêng bạn với các thông số giống nhau

Tải hình ảnh lên máy chủ, đặt nó vào cùng một thư mục chứa tất cả hình ảnh của trang web (hoặc trong một mạng đơn giản, hoặc trong một album hình ảnh, cái chính là lưu trữ lâu dài)

Bước 3

Mở lại mã trang web.

Thay thế địa chỉ của hình ảnh của bạn thay vì địa chỉ ở đó bây giờ.

Là một mạng lưới an toàn, bạn có thể đặt kích thước chính xác của hình ảnh và các đường viền vô hình như sau:

img src = "image address / picture.jpg" alt="Giải thích cho bức tranh"

Tags nghĩa:

img = image - hình ảnh.

src = source - source, tức là, địa chỉ

border = biên giới. Nếu bạn chơi với giá trị này, một đường viền (nét) sẽ xuất hiện xung quanh hình ảnh.

alt = alternate - văn bản sẽ được thay thế cho hình ảnh nếu chúng bị tắt khỏi chế độ xem (ví dụ: để tiết kiệm lưu lượng truy cập). Văn bản này, ở chế độ ẩn, vẫn được các công cụ tìm kiếm đọc và có thể dùng như một công cụ tốt để quảng bá trang web của bạn. Hãy lưu mã bằng một hình ảnh mới.

Xóa bộ nhớ cache nếu cần thiết. Có lẽ hình ảnh cũ vẫn được tải vào đó và nó không hiển thị chính xác trang web của bạn.

Đề xuất: