Dreamweaver CC Mẹo Hình ảnh và Đa phương tiện - núm vú

Dù bạn có nội dung tuyệt vời như thế nào, hình ảnh, video và đa phương tiện của bạn sẽ tạo ấn tượng lớn cho khách truy cập vào Dreamweaver của bạn trang mạng. Dưới đây là một vài mẹo để quản lý hình ảnh, video và các nội dung đa phương tiện khác trong các trang web của bạn.

Liên kết hình thu nhỏ với các tệp lớn hơn

Hình ảnh lớn đẹp nhưng cần nhiều thời gian để tải xuống hơn các ảnh nhỏ. Một kỹ thuật phổ biến để giới thiệu nhiều hình ảnh trên một trang là tạo các phiên bản nhỏ của mỗi hình ảnh, được gọi là hình thu nhỏ, và sau đó liên kết các hình ảnh đó với các phiên bản lớn hơn của cùng một hình ảnh.

Kỹ thuật này cũng hoạt động khi bạn muốn giới thiệu một bộ sưu tập video hoặc hình động. Bạn có thể tạo một hình tĩnh từ một khung hình duy nhất của video và sau đó sử dụng nó dưới dạng hình thu nhỏ liên kết tới từng tệp video.

Như bạn thấy trong hình, trong đó trình bày bộ sưu tập ảnh từ trang web Cinemargo, kỹ thuật này cho phép bạn đưa nhiều hình ảnh, hoặc các file video, vào một bộ sưu tập ảnh. Khi bạn nhấp vào mỗi hình thu nhỏ, một phiên bản lớn hơn của cùng một hình ảnh được hiển thị phía trên hình đó.

Hiệu ứng hình ảnh tương tác này được tạo ra bằng cách sử dụng các tính năng của các hành vi trong Dreamweaver. Bạn cũng có thể sử dụng Dreamweaver để liên kết hình ảnh với video, hoạt hình và các loại tệp khác.

Luôn lưu bản gốc

Hầu hết các nhà thiết kế tạo hình ảnh cho web bằng một chương trình như Photoshop. Để có kết quả tốt nhất, bạn muốn thực hiện tất cả chỉnh sửa màu, chỉnh sửa lại và chỉnh sửa khác bằng phiên bản hình ảnh hoặc đồ họa có độ phân giải cao.

Trong hình dưới đây, bạn sẽ thấy trang web AssetShield, bao gồm các hình ảnh tương đối lớn đã được tối ưu hóa sao cho chúng tải nhanh trong trình duyệt web.

Hãy nhớ rằng, nếu bạn muốn quay lại và thay đổi hình ảnh sau khi đã được tối ưu hóa cho web, bạn sẽ muốn chỉnh sửa tệp nguồn gốc, phiên bản bạn đã lưu trước khi hình ảnh được nén hoặc giảm màu sắc. Tương tự, nếu bạn đang làm việc với một ảnh có nhiều lớp trong một chương trình như Photoshop, những lớp này phải được làm phẳng trước khi hình ảnh có thể được đưa vào trang web.

Các tệp video và âm thanh cũng như hình ảnh động nên được tối ưu hóa trước khi chúng được sử dụng trong một trang web.Và, cũng như bạn làm với hình ảnh, hãy trở lại phiên bản có độ phân giải cao hơn nếu bạn đã từng chỉnh sửa bổ sung.

Cho dù bạn tạo ảnh và tệp đa phương tiện của riêng mình hoặc thuê một nhà thiết kế chuyên nghiệp, hãy đảm bảo phát triển một hệ thống để lưu tất cả các hình ảnh ban đầu ở độ phân giải cao nhất có thể để bạn có chúng nếu cần thay đổi hình ảnh sau này.