Video: Học html css - #4 - Chèn hình ảnh vào website 2025
Các công cụ chỉnh sửa hình ảnh tối giản của Dreamweaver cho phép bạn thực hiện chỉnh sửa hình ảnh thô sơ, chẳng hạn như thay đổi kích cỡ và cắt xén Bạn tìm thấy những công cụ này trong Inspector Properties
Bạn không tạo ra hình ảnh trong Dreamweaver. biểu tượng …) và Photoshop (để chuẩn bị các bức ảnh cho web), cũng như các công cụ khác Theo nguyên tắc chung, hãy chuẩn bị các hình ảnh cho web trong các chương trình đó
Để chèn hình ảnh, đảm bảo rằng bạn đang làm việc trong chế độ xem thiết kế (hoặc, trong chế độ xem Chia với con trỏ ở bên Thiết kế của cửa sổ). Bạn có hai đường dẫn cơ bản: Chèn từ máy hoặc sử dụng bản sao và Trong hai trường hợp, bạn cần phải ở chế độ Design view (chọn View → Design, hoặc, cho Split view, choos e Xem → Mã và Thiết kế) để xem hình ảnh khi bạn dán hoặc nhúng chúng.
Rất có thể là trang HTML mà bạn nhúng một hình ảnh sẽ có một số văn bản trên đó. Vì vậy, bước đầu tiên là tìm ra nơi bạn muốn hình ảnh xuất hiện.
Vì vậy, để chèn tệp hình ảnh từ máy tính của bạn vào một trang web HTML mở trong Dreamweaver, hãy làm theo các bước sau:
Nhấp vào cửa sổ Tài liệu tại điểm mà hình ảnh được chèn vào.
-
Trong bước này, bạn xác định nơi trong mã HTML của bạn hình ảnh sẽ được chèn. Một lần nữa, ở đâu và làm thế nào hình ảnh được hiển thị sẽ được định nghĩa với CSS.
-
Trong hộp thoại Chọn hình ảnh nguồn mở ra, điều hướng đến và chọn bất kỳ tập tin nào trên máy tính của bạn.
-
Nếu hình ảnh bạn chọn ở bên ngoài thư mục trang web của bạn, một hộp thoại hữu ích sẽ xuất hiện, nhắc bạn lưu bản sao của hình ảnh vào thư mục gốc của trang web của Dreamweaver.
Nhấp vào Có.
-
Nhấp vào Lưu trong hộp thoại Sao chép tệp dưới dạng.
-
Xác định thuộc tính khả năng truy cập.
-
-
Theo mặc định, hộp thoại Thuộc tính Khả năng Truy cập Thẻ Hình ảnh của Dreamweaver xuất hiện trước khi hình ảnh cuối cùng được chèn vào một trang.
Trường Văn bản thay thế là quan trọng nhất trong hai tùy chọn trong hộp thoại này. Nó hiển thị văn bản được đọc to trong phần mềm đọc dành cho khách truy cập bị khiếm thị và cũng hiển thị trong các môi trường duyệt web nơi hiển thị hình ảnh bị tắt. Văn bản thay thế có thể và thường bao gồm chữ hoa và chữ thường, dấu cách và ký tự đặc biệt.
Nếu khách truy cập bị khiếm thị hoặc người trong môi trường duyệt web không hỗ trợ hình ảnh là một phần của đối tượng mục tiêu, bạn có thể xem xét tạo các tệp HTML với mô tả hình ảnh đáng kể hơn.Các tệp tin này được liên kết với hình ảnh bằng cách định nghĩa một liên kết trong hộp Mô tả Đen trong hộp thoại Thuộc tính Khả năng Truy cập Thẻ Hình ảnh.
Nhấn OK để chèn hình ảnh.
-
Tại thời điểm này, bạn chỉ chèn hình ảnh. Thiết kế trang, bao gồm cả việc đặt hình ảnh và dòng văn bản xung quanh chúng, được quản lý bằng CSS