|
|
 |
|||||
 |
 |
 |
 |
 |
 |
 |
 |
|||
| 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 ! |
       |
||
Grafiki na listwy Rollovers |
||
   |
   |
|
 |
 |
|
 |
 |
|
| rainbow bar
4 Kb change the length and width as you need |
nota o ©
W czasie tworzenia 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.
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"> ...
inne dane <head>, jak<link rel="stylesheet" href="/text.css" type="text/css"> link ew. Stylesheet twej strony... </head> <body>
w którym jest miejsce dla wszystkich tekstów i grafik na stronie</body> </html>
|
| <title>Esencjalny
Tytuł Twej Strony</title> |
| <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"); przykład kodowania strony z 2 językami i atrybutem "lang": <meta name="keywords" lang="en" content="keyword, phrases, keywords"> <meta name="keywords" lang="pl" content="słowa-klucze, terminy, frazy">
|
| <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="2001-07-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 2002 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.
| Sztuki Piękne -
Malarstwo, Grafika, Rysunek, Sztuki cyfrowe, Poezja, Fotografia -
Wiesław Sadurski, polski artysta z Berlina |
