W trakcie pracy nad witryną zarówno profesjonalni webmasterzy, jak i osoby, które zajmują się aktualizacją witryny, ale nie są profesjonalistami, wprowadzają różne zmiany w stylu zasobu internetowego. Na przykład z jakiegoś powodu może być konieczna zmiana koloru linków w witrynie.
W takim przypadku musisz wiedzieć, że kolor linków zmieniany jest za pomocą CSS (Cascading Style Sheets) - kaskadowych arkuszy stylów. Są to tabele używane w połączeniu z językiem programowania do tworzenia zasobu internetowego. CSS odpowiada za strukturę strony, czyli za jej styl, wygląd oraz html - za zawartość zasobu. CSS jest kontynuacją ewolucji HTML.
Kolor linku na stronie
Możesz więc zmienić kolor linków zarówno dla witryny jako całości, jak i dla każdego linku z osobna. Kolory linków są ustawiane jako atrybuty tagu głównego. Atrybut to coś, czego nie trzeba wpisywać w kodzie, ponieważ niektóre z nich są już ustawione domyślnie. Atrybut link określa kolor linków na stronie serwisu. Wartość domyślna to kolor niebieski. Alink to atrybut określający kolor aktywnych linków, domyślnie jest on czerwony. Vlink - odwiedzane linki, ich ogólnie przyjętym kolorem jest fioletowy.
Najczęściej kolor linków na stronach internetowych ustalany jest w notacji szesnastkowej (#EEEEEE - szary) lub w formacie rgb (#808080 - szary), ale można też użyć tradycyjnej angielskiej notacji kolorystycznej (szary - szary). Ponadto kolor można ustawić w stopniach, do tego nadaje się format HSL. Tabele kolorów są łatwe do znalezienia w Internecie.
Zmień kolor linków
Aby zmienić kolor wszystkich linków na stronie wystarczy zmienić kolor atrybutu color w stylach. Aby to zrobić, znajdź plik style.css, otwórz go i znajdź atrybut. Na przykład A {kolor: zielony; / * Kolor linku * /}, gdzie A jest linkiem, którego kolor zmieniamy na zielony. Możesz dowolnie zmieniać wartość koloru, korzystając z dowolnego systemu notacji kolorów. Przeglądarka cię „zrozumie”. Styl zostanie zastosowany do wszystkich linków na stronie internetowej. W ten sam sposób możesz zmienić kolory innych atrybutów, na przykład kolor linku, gdy najedziesz na niego kursorem myszy.
Aby utworzyć łącza w różnych kolorach na stronie internetowej, użyj następującego wpisu w arkuszu stylów:
.menu a {kolor: szary; }
.content a {kolor: zielony; }
Z przykładu wynika, że linki do menu będą szare, a linki w bloku treści będą zielone.
Te same kroki można wykonać z linkami, jeśli style nie znajdują się w osobnym pliku, ale w samym dokumencie html. To są selektory kontekstowe.
Jeśli chcesz szybko edytować style i zmieniać kolory łączy, lepiej użyć edytora wizualnego Dreamwever. Najważniejszą rzeczą do zapamiętania jest to, że linki powinny wyglądać organicznie w stosunku do całej strony internetowej. W przypadku jasnego tła ciemne linki są lepsze i na odwrót.
