|
Witam. Ten tekst skierowany jest
dla os≤b tworz▒cych strony internetowe. Ma on na
celu przedstawienie najczΩstszych b│Ωd≤w
webmaster≤w, czego konsekwencj▒ s▒ m.in. s│aba
jako╢µ czytania, niepoprawne wy╢wietlanie strony
lub za d│ugie wczytywanie (tepsa suxxxx).
1. >> POLSKIE LITERY
Na pocz▒tek chcia│bym napisaµ o najczΩstszym
chyba b│Ωdzie pocz▒tkuj▒cych webmaster≤w w
naszym ukochanym kraju, jakim s▒ nasze kochane
literki z ogonkami. Tworz▒c strony np. w Notatniku
albo w jakich╢ zagranicznych edytorach HTML
zapominamy, ┐e nie wszystkie litery bΩd▒ wygl▒daµ
tak jak chcemy, przyk│adowo zamiast ╢ widzimy
krzaczek, a zamiast ▒ - plus i minus :). Powodem
tego jest, i┐ tw≤rca strony stosuje kodowanie
zgodne z Wind▒, czyli Windows CP-1250. Jest to
kodowanie przestarza│e i powinno siΩ go unikaµ.
Norm▒ w Polsce jest miΩdzynarodowy standard
ISO-8859-2. »eby m≤c pisaµ w tym standardzie
musicie pokombinowaµ w opcjach programu, o ile jest
to mo┐liwe. Najpopularniejsze edytory (np. Paj▒czek,
FrontPage) posiadaj▒ tak▒ funkcjΩ. S▒ te┐
specjalne programy, kt≤re przeznaczone s▒ do
kodowania masowej ilo╢ci plik≤w (Ogonki - http://www.agh.edu.pl/ogonki/).
Uwaga!!! Uwa┐ajcie na polski edytor - HTMLowiec, kt≤ry
posiada tak▒ funkcjΩ konwersji. Zrobi│em raz
stronΩ, skonwertowa│em j▒ w tym programie i
...moim oczom ukaza│a siΩ masa przedziwnych znak≤w,
kt≤re w niczym nie przypomina│y tego, co by│o
wcze╢niej. WiΩc pamiΩtajcie, przed konwersj▒ r≤bcie
backup wszystkich plik≤w. Jeszcze jedno - gdy
stosujecie standard ISO, nie zapomnijcie wklepaµ w
czΩ╢ci kodowej strony (miΩdzy <HEAD> a
</HEAD>) znacznika meta: <meta http-equiv="content-type"
content="text/html; charset=iso-8859-2">
2. >> GRAFIKA
Tak, tak to bardzo znany problem. Design strony
wczytujΩ siΩ czasami bardzo d│ugoooooo. Tego my,
czyli modemowcy (wiΩksza czΩ╢µ spo│ecze±stwa
internetowego) nie lubimy. Tu musisz czasami siΩ
potrudziµ i zoptymalizowaµ ca│▒ szatΩ graficzn▒.
Zasada jest prosta - fotosy w jpg'ach, a inne
elementy strony, takie jak buttony, strza│ki, t│a
i tym podobne w gif'ach. Mo┐na siΩ pos│u┐yµ
tutaj znanymi potΩ┐nymi narzΩdziami graficznymi,
takimi jak Photoshop, Corel Photo-Paint, Paint Shop
Pro albo Gimp. W tych programach mo┐na bardzo
szczeg≤│owo okre╢liµ stopie± kompresji, zobaczyµ
podgl▒d i ustawiµ duzio duzio parametr≤w. Nie
wiele mniej funkcji posiadaj▒ proste przegl▒darki
grafiki, m.in. ACDSee (adware lub shareware - http://www.acdsee.com)
albo IrfanView (freeware - http://www.ryansimmons.com/
users/irfanview/). Nie stosujcie raczej formatu
png, gdy┐ zajmuje bardzo du┐o miejsca. PamiΩtajcie
te┐, ┐e bajerki, typu animowane gify, t│a
zwalniaj▒ nasz sajt, wiΩc stosujmy je jak
najrzadziej.
3. >> GALERIA
Tu znowu powracamy do sprawy z grafik▒. Ot≤┐
niekt≤rzy, dysponuj▒c obrazkiem (lub fotosem) o du┐ej
rozdzielczo╢ci, wlepiaj▒ parametry width i height
(szeroko╢µ i wysoko╢µ) razem z linkiem do
obrazka, dziΩki czemu uzyskuj▒ efekt
"miniaturki" (thumbnail) [>>przyk│ad:
<a href="cos.jpg"><img src="cos.jpg
width="20" height="20"></a>]
(. Taki mniejszy obrazek wczytuje siΩ, tyle samo co
du┐y!!! Najlepszym rozwi▒zaniem tego┐ problemu
jest stworzenie dodatkowego obrazka. Do tego z pomoc▒
przychodz▒ wy┐ej opisane programy - ACDSee i
IrfanView. [>>przyk│ad prawid│owy: <a
href="cos.jpg"><img src="cos_mini.jpg"></a>
].
|
|
4.
>> CZCIONKI
PamiΩtajcie, ┐e internauci nie zawsze maj▒ takie
czcionki jak Wy. Podstawowe czcionki, w kt≤re
>>powinien<< byµ wyposa┐ony podstawowy
u┐ytkownik, to: Times New Roman (bardzo fajnie siΩ
j▒ czyta, ale nie wygl▒da │adnie), Tahoma,
Verdana (wed│ug mnie naj│adniejsze z tego
zestawienia), Courier New, Arial, Helvetica,
Fixedsys, Comic Sans, Trebuchet MS oraz Wingdings.
Nie stosujmy zbyt du┐ych czcionek, ani zbyt ma│ych.
Nie mieszajmy tak┐e zbyt wielu font≤w. Co do
pisowni, to wyr≤┐niamy takie b│Ωdy jak np.
wdowy, sieroty, efekty nagrobkowe i bΩkarty. Ale
przestrzegaµ ich powinni tw≤rcy jakich╢ ogromnych
serwis≤w.
5. >> WYSIWYG
Je┐eli u┐ywacie edytor≤w WYSIWYG (What You See Is
What You Get - To co widzisz, to dostajesz <bez
skojarze±>), to nie nazywacie siΩ prawdziwymi
webmasterami. Edytory te w u┐ytkowaniu s▒ proste,
ale gdy p≤╝niej zajrzycie do kodu ╝r≤d│owego to
Was zwali z n≤g. Dobre 60% znacznik≤w jest po
prostu ╢mieciami i nadaje siΩ do wyrzucenia.
Najbardziej ╢miec▒ce edytory WYSIWYG to: MS Word
(na pierwszym miejscu!), FrontPage Express,
FrontPage 2000, Adobe GoLive... Od edytor≤w tego
typu w Sieci a┐ siΩ roi. Skoro nie WYSIWYG to
jakie programy? ProponujΩ Paj▒czka w wersji Pro,
HomeSite oraz 1st Page 2000 (no super program, m≤j
ulubiony, troszkΩ podobny do HomeSite'a, mo┐e
kiedy╢ go opiszΩ - http://www.evrsoft.com).
DziΩki tym edytorom stworzenie skomplikowanej
tabeli czy skryptu stanie siΩ prostsze i bez zbΩdnych
tag≤w. FunkcjΩ najlepszego i najszybszego edytora
pe│ni... systemowy Notatnik :-)
6. >> WIZERUNEK AUTORA
Pewnego razu odwiedza│em strony z katalogu
Republiki WWW. WchodzΩ na jak▒╢ stronΩ zatytu│owan▒
"Galeria", my╢lΩ sobie - jakie╢
panienki :), autka, co╢ ╢miesznego. Ju┐ na
stronie g│≤wnej przywita│a mnie jaka╢ grafika,
kt≤ra d│uuuugo siΩ wczytywa│a, ale jestem
cierpliwym cz│owiekiem. Kiedy ten cholerny jpg 1024
x 768 w ko±cu siΩ wczyta│ to... No by│o ┐a│osne.
ZdjΩcie jakiej╢ brzydkiej, paskudnej,
^$@^!(*&%$$# dziewczyny, a ni┐ej napisane:
"To jestem ja, mam na imiΩ Ala, chodzΩ do
pierwszej klasy gimnazjum, nied│ugo bΩdzie wiΩcej
moich zdjΩµ". Nie wiedzia│em jak post▒piµ
- ╢miaµ siΩ czy p│akaµ. Gdybym wys│a│ to zdjΩcie
do http://www.rotten.com
dosta│bym zapewne nagrodΩ. Ludzie! Nie r≤bcie
takich wybryk≤w, internauci nie po to s▒ w Sieci,
┐eby Was ogl▒daµ. Rozumiem, jaka╢ mordka gdzie╢
w dziale About Me, albo jakie╢ fajowe zdj▒tka
, ale nie od razu na stronie g│≤wnej.
To by│oby na tyle w tej czΩ╢ci. W nastΩpnej
skrobnΩ o ramkach, kolorystyce, prawach autorskich
:(, skryptach, apletach... No i odsy│am Was na http://www.fuj.jms.pl,
gdzie znajdziecie ranking najgorszych stron.
..[
Dareq Wo╝niak ]..
dareq2000@tenbit.pl
|
|