Cách thêm liên kết đến hình ảnh trong Adobe Dreamweaver: 7 bước

Mục lục:

Cách thêm liên kết đến hình ảnh trong Adobe Dreamweaver: 7 bước
Cách thêm liên kết đến hình ảnh trong Adobe Dreamweaver: 7 bước

Video: Cách thêm liên kết đến hình ảnh trong Adobe Dreamweaver: 7 bước

Video: Cách thêm liên kết đến hình ảnh trong Adobe Dreamweaver: 7 bước
Video: Hướng Dẫn Sử Dụng Trello Toàn Tập Từ A - Z Mới Nhất 2021 | Cách Sử Dụng Trello Hiệu Quả, Chi Tiết. 2024, Tháng tư
Anonim

Trong khi tạo trang web, có một số điều cần lưu ý, một trong số đó là làm cho trang web của bạn trở nên thú vị đối với người xem. Với Dreamweaver, một chương trình chỉnh sửa HTML, bạn có thể dễ dàng chuyển đổi một hình ảnh thành một liên kết. Bài viết này sẽ cho bạn thấy điều đó được thực hiện như thế nào!

Các bước

Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 1
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 1

Bước 1. Mở Dreamweaver

Mở tệp hiện có hoặc xác định trang web mới và tạo tệp HTML mới, nếu bạn chưa làm điều đó.

Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 2
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 2

Bước 2. Khi bạn tạo một tệp HTML mới, Dreamweaver sẽ tạo một cấu trúc trang web cơ bản cho bạn

Nhập con trỏ của bạn vào đâu đó giữa các thẻ và.

Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 3
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 3

Bước 3. Chèn hình ảnh bạn muốn

Có ba phương pháp thay thế để thực hiện việc này:

  • Đi tới bảng 'Chèn' ở trên cùng. Nhấp vào 'Hình ảnh' và chọn 'Hình ảnh' từ menu phụ xuất hiện.
  • Ở bên phải, có một thanh có ghi "Chèn" và "Tệp" ở trên cùng. Nhấp vào 'Chọn' và sau đó nhấp vào 'Phổ biến' từ trình đơn thả xuống. Bây giờ, chèn hình ảnh bằng cách nhấp vào 'Hình ảnh'. Nếu thanh đó không xuất hiện, hãy nhấp vào nơi viết không gian làm việc 'Thu gọn' hoặc 'Mở rộng'. Nhấp vào 'Thu gọn', sau đó 'Đặt lại Thu gọn' để đặt lại cài đặt mặc định của Dreamweaver.
  • Nhấn Ctrl + Alt + I trên bàn phím của bạn.
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 4
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 4

Bước 4. Điều chỉnh kích thước hình ảnh của bạn bằng cách nhập số pixel vào trường 'Chiều rộng' và 'Chiều cao'

Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 5
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 5

Bước 5. Chuyển đến chế độ 'Thiết kế' để xem hình ảnh của bạn trông như thế nào

Nhấp vào 'Trực tiếp' để xem nó thực sự trông như thế nào trong trang web của bạn.

Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 6
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 6

Bước 6. Bấm vào hình ảnh

Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 7
Thêm liên kết đến hình ảnh trong Adobe Dreamweaver Bước 7

Bước 7. Lưu trang web của bạn bằng cách nhấn Ctrl + S (Lưu) hoặc Ctrl + ⇧ Shift + S (Lưu dưới dạng).

Lời khuyên

  • Nếu bạn muốn nó giống như một nút hoặc chỉ một hình dạng trong hình ảnh của mình, hãy thay đổi nền thành một hình tương tự như trên trang web của bạn bằng một chương trình chỉnh sửa hình ảnh chẳng hạn như Photoshop.
  • Bấm vào cái nhỏ Quả địa cầu ở trên cùng để xem nó trong trình duyệt của bạn.

Đề xuất: