Aby mieć jakąś grafikę, kliknij, przytrzymaj. Twój browser
pokaże menu, a wtedy zapisz, albo zapisz jako.
Na macintoshu ciągnij z okna w miejsce, gdzie chcesz te grafiki mieć, są kopiowane
automatycznie.
![]() |
![]() |
|||
| blue cube |
softie |
|||
![]() |
![]() |
![]() |
![]() |
![]() |
|
canvas |
sky |
gray |
paper raw |
ocker stripes |
![]() |
![]() |
![]() |
![]() |
![]() |
|
crystal blue |
crystal ocker |
blue |
crystal blue light |
crystal green |
![]() |
![]() |
![]() |
![]() |
![]() |
|
snow |
gras |
sand |
water |
leaves |
Stworzyłem te maleńkie GIF Grafiki - 0,1 do 0,5 Kilobytes - jako tła i tapety dla <tables>.
Ta kolorowa linia to <table>, tabela ( waży zaledwie 200 bajtów! ) z następującym kodem:
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="/libnew/lath/up12x48.gif" height="12">
Chcesz mieć cieńszą?
Umieść przezroczysty gif wewnątrz <table> - może być 1 piksel, wysokość jaką sobie życzysz, podaj identyczną dla tabeli.
|
|
|
|
|
|
|
A tu graficzne drobinki na pionowe <tables>, jeśli chcesz mieć np. barwny margines strony. |
||||
|
|
|
|
|
|
|
- podaj budując stronę szerokość jakiej sobie życzysz - browser ładuje grafikę momentalnie! - |
GIF Grafiki - 0,1 do 0,5 Kb - tła dla tabel, <tables>
Widzisz moją listwę nawigacyjną u samej góry albo listwy linków na stronach? Taki <table> jest 100 Bytes lekki!
|
Uzyskasz nowe efekty próbując innych wysokości niż podane! Użyj jakiegokolwiek programu do koloryzacji, gdy trzeba. |
||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
wygląda cool - kiedy umieszczasz tekst w tabeli z tłem listwy - lub umieszczasz w niej swe linki! |
|
|
||
1. wybierz grafiki na 'up', 'over', 'down', 'over while down' stany, jak potrzebujesz
( ja używam 2 stany, aby mieć nawigację lekką )
2. dodaj tekst na grafikach
3. stwórz własne rollovers czy nawigacyjne listwy!
![]()
Grafiki na listwy Rollovers |
||
|
|
|
|
|
|
|
|
|
|
|
|
![]()
nota o © copyrights
W czasie tworzenia mej witryny powstało wiele tapet, grafik, animacji, filmów.
Wszystko za darmo! - ale może zechcesz podać źródło, albo zrobić link do mnie,
kiedy użyjesz tych materiałów na swych prywatnych stronach / w niekomercyjnych projektach.
Komercjalne użytkowanie chronione prawami autorskimi, czyli wymaga zapłaty.
Meta Tags zawierają informacje o twej stronie, nie mając wpływu na jej wizualność.
Meta Tags są dla Robotów, Pełzaczy, Pająków, Wędrowców, programów wyszukiwarek (search engines),
przychodzących indeksować twą stronę, dla browserów i serwerów w sieci.
Bierz z kolekcji poniżej i użyj, czego potrzebujesz;
pamiętaj: to zawartość strony decyduje o jej plasowaniu w maszynach szukających;
użyj Meta Tags, aby zrobić zawartość dostępną i łatwą do znalezienia w sieci.
Robiąc swą stronę obejrzyj, jak wygląda kodowanie strony, na której teraz jesteś
albo mej strony głównej - zobacz, ile Tags wykorzystuję, jak wyglądają moje opisy, słowa-klucze i inne linie kodu.
Zastosowałem tu swą wiedzę praktycznie, jak oto prezentuję ją tobie tutaj, teoretycznie, aby oszczędzić Ci tygodni
potrzebnych na zbieranie cząstkowych danych w internecie.
Ponieważ programy robotów są różne i ich logarytmy stale ewoluują
wszystkie porady dotyczą najważniejszego serwisu;
ponad 40 % informacji w sieci przychodzi od Google i Yahoo Directory.
Wskazówki są OK dla innych robotów.
|
Co widzi robot, gdy przychodzi do strony? oto po kolei, wg. ważności: |
|
|
|
Reguła: |
| Przykład właściwego kodowania, gdzie kolor niebieski maskuje miejsca do wypełnienia przez Ciebie. <html> <head> <title>Esencjalny Tytuł Twej Strony</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> <meta http-equiv="content-language" content="pl"> <meta name="robots" content="all"> <meta name="revisit-after" content="30 days"> <meta http-equiv="reply-to" content="twoja@mail"> <link rel="stylesheet" href="/text.css" type="text/css"> link ew. Stylesheet twej strony... </head> <body> </body> </html> |
| <title>Esencjalny Tytuł Twej Strony</title> najważniejszy Tag podaje tytuł strony; użyj 3 do 5 słów, do 25 charakterów, umieść w tytule 2 - 3 najważniejsze słowa-klucze |
| <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> gdzie określasz zestaw czcionek dla strony: "iso-8859-1" dla Zachodnich Latin 1 - angielski, niemiecki, francuski, hiszpański, itd., "iso-8859-2" dla Centralno-europejskich - polski, węgierski, czeski, itd., "iso-8859-5" dla Cyrilicy - rosyjski, bułgarski, ukraiński, itd. "iso-8859-7" dla greckiego itd. |
|
<meta http-equiv="content-language" content="pl"> "en" angielski, "en-us" angielski-amerykański, "pl" polski, "de" niemiecki, "it" włoski, itd. |
|
<meta name="description" content="Twój precyzyjny i dokładny opis strony i jej zawartości."> |
<meta name="keywords" content="słowa,frazy z 2 lub 3 słów,słowa-klucze"> - użyj 15 do max. 25 słów; niekiedy mniej znaczy więcej; - wybierz słowa, które precyzyjnie odzwierciedlają zawartość strony; pojawiają sie w Tagach tytułu i opisu, w czołówce i podtytule na stronicy oraz wiele razy występują w tekstach <body>; robot odrzuci uroszczenia! nie podawaj słów-kluczy "pustych" - proporcje: słowa-klucze to 4-8% tekstów na stronie; - użyj liczby mnogiej, kiedykolwiek się daje; większość ludzi szuka w liczbie mnogiej; - nieistotne, czy używasz przecinków - ja robię to, aby lepiej widzieć, czy Dużych Liter (sporadycznie, dla b. znanych imion, jak "Pan Budda, Mercedes Benz"); |
| <meta name="robots" content="all"> gdzie "all" zaprasza robota do całkowitego indeksowania strony; alternatywnie: <meta name="robots" content="noindex"> lub <meta name="robots" content="none"> gdzie "noindex" lub "none" oznacza odmowę indeksacji <meta name="robots" content="nofollow"> gdzie zapraszasz robota do całkowitego indeksowania tej strony, ale wzbraniasz mu wędrówki po linkach do innych dokumentów |
|
<meta name="revisit-after" content="30 days"> |
| <meta name="author" content="Imię i Nazwisko"> Tag mówi, kto jest autorem |
| <meta name="date" content="2008-12-22T"> gdzie dajesz datę stworzenia strony - tu rok, miesiąc, dzień; może być też godzina, minuta, sekunda |
| <meta name="copyright" content="Imię i Nazwisko"> Tag mówi, kto posiada prawa autorskie strony |
| <meta http-equiv="reply-to" content="twój@mailaddres"> Tag podaje twój e-mail addres, czyniąc możliwą odpowiedż |
| <meta http-equiv="window-target" content="_top"> Tag zmusza wyszukiwarkę do pokazania strony w całym oknie, gdy pojawia się ona we Frames innej strony w internecie, prezentującej twoją |
| <meta name="classification" content="arts & humanities"> Tag o klasyfikowaniu strony |
| <meta name="distribution" content="global"> Tag o dystrybucji |
| <meta name="rating" content="general"> Tag oceniania |
| <meta name="generator" content="Jakiś Program"> imię programu, który generował stronę; często imię edytora HTML |
| <meta name="Identifier-URL" content="http://www.wisarts.com/index.html"> umieść swój pełny adres zamiast mego i już to masz: identyfikację twej głównej strony |
| <meta http-equiv="expires" content="0"> gdzie mówisz serwerowi, aby kazał wyszukiwarce ładować dokument z oryginalnego adresu serwera zamiast "0" możesz podać datę, po której wyszukiwarka musi ładować ten HTML dokument z oryginalnego adresu serwera: <meta http-equiv="expires" content="Sat, 01 01 2008 12:00:00 GMT"> dozwolone nazwy dni od poniedziałku do niedzieli: Mon, Tue, Wed, Thu, Fri, Sat, Sun dozwolone nazwy miesięcy od stycznia: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec |
| <meta http-equiv="pragma" content="no-cache"> Tag mówi Agentowi Proxy, aby nie trzymał tej strony w pamięci cache |
| <meta name="robots" content="noarchive"> jak wyżej |
| <meta http-equiv="refresh" content="14; URL=http://www.twojastrona.net/twastrona2/"> Tag mówi, że po 14 sekundach wyszukiwarka ma ładować inny HTML dokument; tutaj twastrona2; "0" oznacza natychmiastowe ładowanie tej strony skopiuj ten niezwykły Tag całkowicie, zmieniając tylko dane czasu i adresu; możesz robić przy jego pomocy fajne komiksy, każąc np. ładować co 14 sekund nowy rysunek na nowej stronie lub frame, podając na każdej stronie ten tag z kolejnym adresem twastrona3 |
| <meta http-equiv="refresh" content="10"> przykład "client pull", który ma powodować automatyczne ładowanie strony na nowo w regularnych 10-sekundowych odstępach |
Zauważ, że META Tags nie są miejscem na prywatne notatki. Wszelkie prywatne sprawy umieść w Komentarzu:
<!-- To twój komentarz, nie pojawia się na stronie; widoczny jest w kodzie źródłowym;
umieszczony w <head> lub gdziekolwiek w kodzie strony, aby przekazywać dodatkowe informacje -->
![]()
Mam nadzieję, że powyższe pomoże Ci w plasowaniu twych stron w internecie pośród wyszukiwarek, search engines.
![]()
© 2001 - 2013 Wiesław Sadurski worldwide. Wszystkie Prawa Zastrzeżone. Website tworzona i utrzymywana przez Autora. |
Autorska Galeria Sztuk Pięknych - Malarstwo, Grafika, Poezja, Fotografia, Druki Artystyczne - Wiesław Sadurski, polski artysta w Berlinie. |