Tworząc własną stronę internetową, naturalnie chcesz, aby wyświetlała się ona jak najbardziej atrakcyjnie niezależnie od wersji przeglądarki użytkownika. W szczególności, aby obraz tła był rozciągnięty i dopasowany do rozdzielczości monitora komputerowego.
Czy to jest to konieczne
umiejętności pracy z html, css, java-script
Instrukcje
Krok 1
Otwórz kod swojej witryny w dowolnym edytorze, takim jak Notatnik lub dedykowany program do projektowania stron internetowych Dreamweaver. Wklej następujące wiersze do kodu, aby rozciągnąć tło witryny. Dodaj tło: url („Wstaw link do obrazu”).
Krok 2
Aby zmienić rozmiar obrazu w poziomie, użyj następującego kodu: Tło: url („Wstaw link do obrazu” repeat-x), pionowo - na końcu kodu zamień x na y. Jeśli witryna jest stylizowana w pliku css, wklej do niej kod. W ten sposób będziesz mógł umieścić gumowe tło na swojej stronie.
Krok 3
Użyj poniższego przykładu kodu, aby umieścić obraz tła na stronie i automatycznie rozciągnąć go, aby dopasować go do rozdzielczości monitora, na którym strona jest wyświetlana. Przykładowy kod: body {background: "Wstaw link do obrazu tła" () bez powtórzeń na stałe po lewej stronie; następnie rozmiar tła: […].
Krok 4
Aby rozciągnąć obraz tła, po prostu wstaw obraz jako tło i ustaw jego szerokość na 100%. Na przykład wstaw następujący tekst do kodu strony: obraz tła "alt =" Wprowadź nazwę obrazu "/>. W ten sposób zostanie użyty do dopasowania szerokości obrazu, ale jego proporcje zostaną naruszone.
Krok 5
Podobnie możesz ustawić rozciąganie obrazu na wysokość, używając wysokości zamiast atrybutu szerokości. Lub użyj następującego przykładu kodu dla css: obraz tła strony) "> i po nim dodaj 100% szerokości obrazu jak w poprzednim przykładzie. Możesz również użyć skryptu, aby sprawdzić rozdzielczość ekranu użytkownika i edytować rozmiar Twojego stołu za to.
