Cách Chèn ảnh Vào Trang Web

Mục lục:

Cách Chèn ảnh Vào Trang Web
Cách Chèn ảnh Vào Trang Web

Video: Cách Chèn ảnh Vào Trang Web

Video: Cách Chèn ảnh Vào Trang Web
Video: Học html css - #4 - Chèn hình ảnh vào website 2024, Có thể
Anonim

Hình ảnh là một thuộc tính không thể thiếu của thiết kế website. Với sự trợ giúp của nó, bạn có thể tạo điều kiện thuận lợi cho việc hiểu các tài liệu được trình bày trên các trang web, tạo ấn tượng thuận lợi đối với người dùng, cũng như làm cho nguồn tài liệu dễ hiểu và thuận tiện.

Cách chèn ảnh vào trang web
Cách chèn ảnh vào trang web

Cần thiết

  • - mã truy cập cms;
  • - Adobe Photoshop.

Hướng dẫn

Bước 1

Chuẩn bị hình ảnh để "lấp đầy" trên trang web: điều chỉnh độ sáng / độ tương phản, điều chỉnh kích thước, loại bỏ những sai sót nhỏ làm hỏng ấn tượng tổng thể của bức tranh. Tất cả điều này có thể được thực hiện bằng Adobe Photoshop hoặc một trình chỉnh sửa đồ họa khác có chức năng cần thiết.

Bước 2

Nếu trang web sử dụng hệ thống quản lý nội dung, hãy đăng nhập với tư cách quản trị viên hoặc người chỉnh sửa. Để làm điều này, bạn sẽ cần nhập tên người dùng và mật khẩu của mình vào bảng đăng nhập.

Bước 3

Tải ảnh lên thư mục dùng để lưu trữ tài liệu đồ họa. Bây giờ bạn có thể sử dụng nó trên các trang của trang web.

Bước 4

Đi tới thư mục nội dung, chọn một lệnh, ví dụ: "Thêm" hoặc "Chỉnh sửa". Một bảng điều khiển với các biểu tượng sẽ mở ra trước mặt bạn. Đặt con trỏ vào nơi bạn muốn đặt hình minh họa trên trang.

Bước 5

Nhấp vào "Hình ảnh" - một biểu mẫu để tải lên các tệp đồ họa sẽ mở ra. Chọn một đối tượng và thiết lập các thông số của nó.

Bước 6

Lưu kết quả và chắc chắn xem điều gì đã xảy ra cuối cùng. Bạn có thể muốn thay đổi điều gì đó. Để thực hiện việc này, hãy nhấp chuột phải vào tệp đồ họa và chọn "Thuộc tính Hình ảnh" từ trình đơn thả xuống.

Bước 7

Nếu không thể tải ảnh lên hosting, bạn có thể chèn ảnh minh họa bằng liên kết - trong cột "Đường dẫn", ghi rõ địa chỉ.

Bước 8

Trong ngôn ngữ html, thẻ có nhiệm vụ chèn hình ảnh.

… Để thêm tệp đồ họa, bạn cần viết mã. Để đặt nó làm hình nền cho một ô trong bảng, liên kết sau sẽ cho phép:

Bước 9

Bạn có thể chuyển sang xem phiên bản đầy đủ của hình ảnh bằng cách sử dụng.

Đề xuất: