Video: Học html css - #4 - Chèn hình ảnh vào website 2025
Bạn có thể dán các hình ảnh từ Clipboard của hệ điều hành vào tài liệu Dreamweaver. Điều này làm việc với các hình ảnh được sao chép vào Clipboard từ một số, nhưng không phải tất cả, các trình duyệt (Safari là một) và cho một số nhưng không phải tất cả các định dạng tệp không thân thiện với web. Bất kỳ hình ảnh nào bạn có thể sao chép vào khay nhớ tạm của hệ điều hành của bạn có thể được dán vào một trang HTML mở trong Dreamweaver.
Việc sao chép hình ảnh từ các trình duyệt hơi khác một chút tùy thuộc vào trình duyệt, nhưng kỹ thuật cơ bản là kích chuột phải hoặc bấm Control và chọn một tùy chọn như Sao chép Hình ảnh từ trình đơn ngữ cảnh xuất hiện. Hoặc bạn có thể sao chép và dán các tác phẩm nghệ thuật từ các chương trình như Illustrator, Photoshop, hoặc Word.
Với một hình ảnh được sao chép vào Clipboard, hãy làm theo các bước sau để dán hình ảnh vào Dreamweaver và sau đó lưu nó dưới dạng tệp hình ảnh trong trang web của bạn:
-
Nhấp vào cửa sổ Tài liệu tại điểm hình ảnh sẽ được chèn.
Hình ảnh hiển thị như thế nào sẽ được xác định bằng CSS, do đó, đừng quá ám ảnh về điều đó ở giai đoạn này.
-
Chọn Chỉnh sửa → Dán.
Điều gì xảy ra bây giờ thay đổi đáng kể tùy thuộc vào phiên bản của Dreamweaver mặc dù các khái niệm cơ bản là như nhau:
-
Bạn chọn định dạng tệp hình ảnh và một vài thuộc tính hình ảnh khác.
-
Bạn chỉ định một tên tập tin.
Trong các phiên bản trước CS6 của Dreamweaver, một hộp thoại Xem hình ảnh phức tạp sẽ mở ra. Trong CS6, hình ảnh xuất hiện trong cửa sổ Document, và một hộp thoại Tối ưu hóa Hình ảnh được đơn giản hoá xuất hiện.
Mặc định các thiết lập định dạng hình ảnh trong hộp thoại Xem hình ảnh có thể được thay đổi bằng cách chọn định dạng tệp hình ảnh và cài đặt tối ưu hóa (các bộ lọc như độ trong suốt, độ tương phản và độ sáng) từ cửa sổ bật lên Preset.
-
-
Thực hiện các lựa chọn của bạn trong hộp thoại Tối ưu hóa Hình ảnh (giả sử rằng bạn đang ở trong CS6) và sau đó nhấp vào Ok.
-
Trong hộp thoại Save Web Image mở ra, nhập tên hình ảnh.
Giống với tất cả các tệp web, hãy tránh sử dụng dấu cách và ký tự đặc biệt và không thay thế phần mở rộng tên tệp (.png,. Jpeg, hoặc. Gif).
-
Lưu tệp tin vào thư mục gốc của trang web của bạn bằng cách nhấp vào nút Site Root.
Lưu vào thư mục gốc trang web luôn là một cược an toàn. Nếu bạn cảm thấy thoải mái với việc quản lý các cấu trúc thư mục, hãy lưu hình ảnh bên trong các thư mục con bên trong thư mục trang web.
-
Nhấp vào Lưu.
Hình ảnh được lưu và hộp thoại Mô tả Hình ảnh (Alt Text) xuất hiện. Trong hộp thoại này, bạn xác định các thuộc tính khả năng truy cập.
Bạn có thể nhập văn bản alt (văn bản sẽ được đọc to để mô tả hình ảnh cho khách truy cập bị khiếm thị bằng phần mềm đọc, hoặc sẽ hiển thị trong các môi trường duyệt web, nơi hiển thị hình ảnh bị vô hiệu) trong hộp văn bản thay thế trong hộp thoại.
-
Nhấn OK để chèn hình ảnh.
Hình ảnh sẽ được hiển thị trên trang trong khung nhìn Design.