"Rubbery" là một bức tranh có khả năng mở rộng quy mô. Bạn có thể tạo một bức tranh như vậy bằng các chương trình máy tính. Sự tiện lợi của nó nằm ở chỗ nó "kéo dài" theo hướng mong muốn. Việc tạo web như vậy hiển thị thành công trong bất kỳ trình duyệt nào. Nếu hình ảnh chứa một số yếu tố hữu ích, các thuộc tính "cao su" sẽ làm tăng chức năng của nó.
Nó là cần thiết
hình ảnh, trang web, chương trình Adobe Photoshop, ứng dụng Notepad, mã HTML, thư mục gốc của trang web của bạn
Hướng dẫn
Bước 1
Tìm hoặc tạo một hình ảnh mà bạn muốn chia tỷ lệ và đặt trên Internet. Khởi chạy Adobe Photoshop. Mở hình ảnh này trong chương trình. Tìm Công cụ Slice trên thanh công cụ. Sử dụng nó để cắt hình ảnh thành nhiều mảnh. Chia nó để toàn bộ bức tranh bao gồm ba phần tử đồ họa và phần trung tâm là trống. Điều này sẽ giúp hình ảnh kéo dài ở bất kỳ độ phân giải màn hình nào.
Bước 2
Lưu hình ảnh được tối ưu hóa cho định dạng web (Save for web). Khi lưu, hãy đặt định dạng tệp cần thiết - gif, jpeg hoặc png. Để thay đổi các phần riêng lẻ của hình ảnh, hãy tìm tùy chọn Slice Select Tool trong menu và thay đổi các phần của hình ảnh sao cho kích thước nhỏ nhất với chất lượng ít bị giảm nhất trong quá trình hiển thị trên màn hình. Sau khi thay đổi, lưu hình ảnh dưới dạng html và hình ảnh.
Bước 3
Khi bạn đã lưu hình ảnh của mình, hãy bắt đầu chỉnh sửa mã HTML. Mở tài liệu html đã lưu trong Notepad. Xóa bất kỳ dòng mã nào không cần thiết. Chỉ giữ lại dữ liệu của bảng trong đó hình ảnh được nhúng không thay đổi
Bước 4
Trong các dòng, thay vì yourimage.gif, hãy chỉ định đường dẫn đến hình ảnh trên máy tính của bạn. Chiều cao và chiều rộng phải phù hợp.
Bước 5
Để làm cho phần giữa của hình ảnh căng ra, khi các phần cực xa được trải ra, hãy viết các thông tin cần thiết vào các dòng mã. Chỉ định các thông số (chiều rộng và chiều cao) của hình ảnh của riêng bạn.
Bước 6
Tải lên các hình ảnh đã tạo vào thư mục gốc của trang web. Chỉ định đường dẫn mới đến hình ảnh trên máy chủ, do đó chỉnh sửa mã HTML. Chèn mã hình ảnh giữa các thẻ.
Bước 7
Kiểm tra các thuộc tính của hình ảnh. Cố gắng mở rộng quy mô trực tuyến. Hình ảnh phải linh hoạt theo bất kỳ hướng nào.
