„Guma” to obraz, który ma możliwość skalowania. Możesz stworzyć taki obraz za pomocą programów komputerowych. Jego wygoda polega na tym, że „rozciąga się” w pożądanym kierunku. Takie tworzenie stron internetowych z powodzeniem wyświetla się w dowolnej przeglądarce. Jeśli obraz zawiera przydatne elementy, właściwości „gumy” zwiększają jego funkcjonalność.
Czy to jest to konieczne
obraz, witryna internetowa, program Adobe Photoshop, aplikacja Notatnik, kod HTML, katalog główny witryny
Instrukcje
Krok 1
Znajdź lub utwórz obraz, który chcesz przeskalować i umieścić w Internecie. Uruchom Adobe Photoshop. Otwórz ten obraz w programie. Znajdź narzędzie Slice na pasku narzędzi. Użyj go, aby pociąć obraz na kawałki. Podziel go tak, aby cały obraz składał się z trzech elementów graficznych, a środkowy był pusty. Pomoże to rozciągnąć obraz przy dowolnej rozdzielczości monitora.
Krok 2
Zapisz obraz zoptymalizowany pod kątem formatu internetowego (Zapisz dla Internetu). Podczas zapisywania ustaw wymagany format pliku - gif, jpeg lub png. Aby zmienić poszczególne części obrazu, znajdź w menu opcję Slice Select Tool i zmień części obrazu tak, aby rozmiar był minimalny przy jak najmniejszej utracie jakości podczas renderowania na ekranie. Po zmianie zapisz obrazy jako html i obrazy.
Krok 3
Po zapisaniu obrazów rozpocznij edycję kodu HTML. Otwórz zapisany dokument html w Notatniku. Usuń wszystkie niepotrzebne wiersze kodu. Zachowaj tylko dane tabeli, w której osadzone są obrazy, bez zmian
Krok 4
W wierszach zamiast yourimage
Krok 5
Aby rozciągnąć środkową część obrazu, gdy skrajne części są rozsunięte, napisz niezbędne informacje w wierszach kodu. Określ parametry (szerokość i wysokość) własnego obrazu.
Krok 6
Prześlij utworzone obrazy do katalogu głównego witryny. Określ nowe ścieżki do obrazów na serwerze, edytując w ten sposób kod HTML. Wstaw kod obrazu między tagi.
Krok 7
Sprawdź właściwości obrazu. Spróbuj zwiększyć skalę online. Obraz musi być elastyczny w dowolnym kierunku.
