Artykuł Czytelniejsze strony

Czytelniejsze strony

Autor: PHmaster Dodano: 2009-04-14 16:09:05 Komentarze: 0

Licencja: Copyright Kategoria: Webmastering » Java/JavaScript Odsłon: 3548

Czytelniejsze strony

Wielu początkujących webmasterów chcąc "upiększyć" wygląd swoich stron nieświadomie utrudnia źycie czytelnikom, poprzez fatalny dobór koloru tła, koloru czcionki oraz wygląd pozostałych elementów. Większość Uźytkowników widząc taką witrynę natychmiast ją opuszcza. Co zrobić, jeśli na takiej stronie znajdują się dla nas naprawdę waźne informacje?

Teraz sami moźemy zmienić wygląd strony na taki, który nam się podoba i to wszystko dzięki jednej linijce prostego kodu JavaScript. Wszystko jest moźliwe dzięki temu, źe przeglądarki obsługują skrypty JavaScript w pasku adresu.
Aby się o tym przekonać wpiszmy prosty skrypt

Kod

javascript: alert('Witaj Czytelniku e-Pomocnik')

Jeśli zobaczymy okienko alertu, znaczy, źe wszystko działa OK. W przeciwnym przypadku, albo uźywamy przeglądarki bez obsługi JavaScript (najpopularniejsze: Firefox, Opera, Internet Explorer obsługują JavaScript), lub po prostu mamy wyłączoną obsługę tego języka (wystarczy włączyć ja w opcjach).

Dobrze, zacznijmy od zmiany koloru tekstu. W pasku adresu wpiszmy

Kod

javascript: void(document.body.style.color='red')

Kolor czcionki zostanie zmieniony na czerwony. Oczywiście zmienna document.body.style.color moźe przyjmować inne wartości, wszystko zaleźy od tego, jaki kolor chcemy ustalić.

Podobnie moźemy zmienić tło

Kod

javascript: void(document.body.style.background='black')

Ten kod odpowiada za zmianę koloru tła na czarny. Równieź tutaj moźemy zmienić wartość zmiennej document.body.style.background.

Czasem zachodzi równieź potrzeba zmiany kierunku tekstu. Mam tutaj na myśli justowanie.
Kod

javascript:void(document.body.style.direction='rtl')

(jak sama wartość zmiennej rtl - right to left wskazuje) odpowiada za zmianę kierunku tekstu. Zmienna document.body.style.direction moźe przyjąć równieź wartość ltr.

Mamy juź moźliwość poprawienia wyglądu strony, tak, aby był wygodniejszy dla Naszych oczu. Źeby przyspieszyć taką operację, odpowiednie skrypty moźemy zapisać jako zakładkę np. w przeglądarce Firefox.
Tworzymy nową zakładkę i w pole formularza o nazwie Adres wprowadzamy:
Kod

javascript:void(document.body.style.background='white'); 

void(document.body.style.color='black'); 

void(document.body.style.direction='ltr')

Od teraz chcąc zmienić kolor tekstu na czarny, ustawić białe tło oraz zmienić justowanie na domyślne (od lewej do prawej), wystarczy, źe klikniemy na naszą zakładkę. Prawda, ze szybkie i proste?

Zachęcam do dalszej zabawy. Za pomocą JavaScript moźemy równieź modyfikować kolor linków, zmieniać rodzaj czcionki, oraz wpływać na wygląd wielu innych elementów strony. Moźliwości jest duźo, dalszą zabawę pozostawiam Czytelnikowi :)

Zobacz więcej

Zakładanie serwera C... Czasami chcielibyśmy pograć sobie w CS-a z większą liczbą osób lub załoźyć serwe... 2008-07-08 00:00:00

Jaki język programow... Prośba o pomoc w wyborze języka programowania na początku nauki bardzo często po... 2008-08-10 18:05:52

OpenArena OpenArena jest darmową (open source) grą komputerową. Ukazała się w pierwszy d... 2008-07-12 17:57:23

Jak zrobić pamiętnik... Mało kto zdaje sobie sprawę z moźliwości tego małego edytora tekstu jakim jest s... 2008-09-25 16:07:23

Przeżroczystość form... Ciekawy efekt zastosowany w wielu programach, np winamp. Przeżroczystość okienka... 2008-07-10 22:57:33

Instalacja aplikacji... Chcąc zainstalować aplikacje z rozszerzeniem .msi moźemy zobaczyć błąd. Istni... 2009-05-15 14:45:23

Komentarze

Zaloguj się, aby móc dodawać komentarze.

E-pomocnik

				Strona główna
				
				Regulamin
				
				O nas
				
				Prawa autorskie
				
				Kontakt

Najnowsze Artykuły

Przywracanie skrótu ...2011-12-22

Poradnik pisany z dedykacją dla użytkowniczki Shadija, której to zniknął

czytaj całość

Charakterystyka dźwi...2011-08-16

Dźwięki biosu i prawdopodobne przyczyny AWARD 1 krótki - brak jakic

czytaj całość

Jak korzystać z Conk...2011-08-11

Conky to najpopularniejszy wysoko konfigurowalny monitor systemu znany użytkonik

czytaj całość

Status Skype na stro...2010-12-24

Jeżeli chcesz aby na twojej stronie internetowaj widniał stan twojego statusu sk

czytaj całość

Jak sprawdzić bezpie...2010-08-25

Chciałbym przedstawić w pełni bezpieczny sposób na sprawdzenie poprawne

czytaj całość

Statystyki

Użtkowników: 132

Artykuły: 136

Ostatnio zarejestrowany: faniladia

Użytkowników online: 8

Reklama