Podstaw budowania witryn można nauczyć się samodzielnie, w Internecie i książkach jest wystarczająco dużo informacji na ten temat. Jednak na początkowym etapie często pojawiają się trudności w korzystaniu z jednego lub drugiego tagu. Rzeczywiście, najczęstsze komponenty są najlepiej zapamiętywane, ponieważ są niezbędne podczas pisania dowolnej strony internetowej.
Instrukcje
Krok 1
Wybierz obraz, którego chcesz użyć jako obrazu tła. Jeśli zamierzasz wstawić tekst nad ilustracją, w tym przypadku wskazane jest ograniczenie się do opcji bez nadmiernej różnorodności, w których stosuje się kilka kolorów o zbliżonym charakterze. W zasadzie, aby wyeliminować wsady, można stworzyć „tło” dla treści – a problem zostanie pomyślnie rozwiązany.
Krok 2
Popraw obraz za pomocą programu Adobe Photoshop. Po zakończeniu wybierz polecenie Zapisz dla Internetu z menu Plik i wybierz żądany folder. Jeśli jest to pierwszy obraz, który ma być użyty w witrynie, automatycznie tworzony jest folder „Obrazy”.
Krok 3
W tagu wpisz atrybut background = „ścieżka do obrazu”. Przykład zapisu: lub. Pamiętaj jednocześnie, że tag powinien pojawić się w kodzie tylko raz, nie należy go mnożyć.
Krok 4
Zapisz zmiany w notatniku, kliknij przycisk „Odśwież” w przeglądarce. Na ekranie pojawi się tapeta. Jeżeli wymiary obrazu są mniejsze niż parametry strony internetowej, to obraz zostanie zduplikowany tyle razy, ile będzie to konieczne, aby wypełnić całą przestrzeń. Istnieją dwa sposoby na skorygowanie tego niedoboru:
• w programie Adobe Photoshop ustawić wymagane parametry obrazu w pikselach („Obraz” - „Rozmiar obrazu”);
• ustaw wymagane wymiary w kodzie html.
Na przykład, jeśli szerokość to 1250 px, a wysokość to 650 px, musisz dodać niezbędne atrybuty dla komórki tabeli, w której zostanie umieszczony obraz.
Nie możesz ustawić rozmiaru w tagu - obraz zawsze będzie wyświetlany w pełnym rozmiarze.
Krok 5
Analog ccs do wstawiania obrazu tła:
zdjęcie w tle
CIAŁO {
obraz w tle: url (obrazy / bg.jpg);
}
Atrybut „background-image: url (images / bg.jpg)” to ścieżka do obrazu tła.
Hiperłącza to fundament, na którym zbudowana jest struktura Internetu. To właśnie te elementy stron internetowych umożliwiają łączenie stron witryn w jedną sieć. Przyjrzyjmy się bliżej, jak hiperłącza są wstawiane do dokumentów. Instrukcje Krok 1 Łącza hipertekstowe służą do łączenia tekstu, obrazów lub innych elementów strony z innymi dokumentami hipertekstowymi
Ramki umieszczone wokół obrazów lub tekstu ozdabiają witrynę i urozmaicają jej projekt. Jeśli używasz tabel do tworzenia obramowań, kod dla każdego obramowania zajmie zbyt dużo miejsca. Również w tym przypadku będziesz musiał przepisać kod HTML dla każdej ramki
Jeśli marzysz o własnej stronie internetowej, zaprojektowanej zgodnie z Twoimi upodobaniami, ale jednocześnie nie posiadasz umiejętności programowania stron internetowych, pomoże Ci program do tworzenia stron internetowych – Microsoft FrontPage
Projekt każdej strony na Twitterze może być wyjątkowy i interesujący, korzystając z opcji projektowania usługi. Możesz sprawić, by Twój Twitter był wyjątkowy i atrakcyjny, poświęcając trochę wolnego czasu na jego projektowanie. Instrukcje Krok 1 Aby zmienić obraz tła na Twitterze, przejdź do zakładki Ustawienia w menu u góry strony
Wszystko, co odwiedzający widzi na stronach serwisu, jest wyświetlane przez przeglądarkę na podstawie szczegółowych instrukcji przesłanych mu przez serwer. Instrukcje te nazywane są kodem html strony i składają się z oddzielnych „tagów”, które opisują typ, wygląd i położenie każdego elementu z osobna