Wygl?d stron internetowych zale?y m.in. od rozdzielczo?ci i konfiguracji ekranu, jak rownie? od sposobu prezentacji tre?ci przez poszczegolne rodzaje i wersje przegl?darek . U?ytkownicy maj? rownie? mo?liwo?? dostosowywania wygl?du do indywidualnych potrzeb poprzez konfiguracj? przegl?darek, preferencji i innych ustawie? skorki Wektor 2022. W zwi?zku z tym wygl?d strony nie zawsze jest dokładnie taki sam, jak ten widoczny na ekranie autora.

Dobry układ graficzny strony charakteryzuje si? tym, ?e dobrze wygl?da na ro?nych przegl?darkach, w szczegolno?ci na urz?dzeniach mobilnych, ale tak?e po wydrukowaniu, skorzystaniu z opcji ?utworz ksi??k?” , czy eksporcie do PDF. Stosowanie standardowych rozmiarow upraszcza automatyczny dobor takich parametrow, by w ka?dej postaci układ graficzny był czytelny i estetyczny.

Dlatego te? niezalecane jest podawanie rozmiarow ilustracji w pikselach , a w miar? mo?liwo?ci zalecane jest korzystanie z warto?ci standardowej (domy?lnie 220px). Ka?dy u?ytkownik mo?e dostosowa? indywidualnie standardowy rozmiar ilustracji w preferencjach . Wymuszanie sztywnych rozmiarow powoduje, ?e ignorowane s? indywidualne preferencje u?ytkownikow.

Ilustracje umieszczamy bezpo?rednio pod nagłowkiem, przed pierwszym akapitem rozdziału. To zapobiega ?rozje?d?aniu si?” ilustracji i tekstu przy ro?nych rozdzielczo?ciach, co ma miejsce, je?eli ilustrujemy mi?dzy akapitami.

Zasadniczo ilustracje umieszczamy po prawej stronie wzgl?dem tekstu.

Po lewej stronie umieszczamy, je?eli:

• chcemy u?y? grafiki do zilustrowania sekcji przylegaj?cej do infoboksu ,

  mo?e czasami pojawi? si? problem przemieszczania si? grafiki pod infoboks, nawet je?eli okre?limy, ?eby ilustracja była umieszczona po lewej. Najcz??ciej przyczyn? jest umieszczenie ilustracji zaraz poni?ej infoboksu. W takim przypadku nale?y przenie?? ilustracj? na doł. Jeszcze lepszym rozwi?zaniem jest wstawienie ilustracji do infoboksu. Najpierw sprawd?, czy w infoboksie jest mo?liwo?? umieszczenia linku do Commons,

• tekst artykułu dotyczy akurat tych grafik , np. dzieła malarskiego czy rze?by,

  Wyj?tkiem jest artykuł o danym dziele sztuki ? dla obrazow stosujemy wowczas szablon {{ Dzieło sztuki infobox }} .

W szczegolnych przypadkach, zwłaszcza je?li jest to grafika panoramiczna, nale?y umie?ci? j? centralnie. Taki zabieg w artykułach powoduje te? zmniejszenie monotonii, gdy np. jest to du?y artykuł z wieloma grafikami. Powinna by? to jednak grafika szersza ni? dłu?sza.

Niezalecane jest umieszczanie ilustracji zarowno po lewej, jak i prawej stronie ekranu oraz stosowanie wi?kszej rozdzielczo?ci ilustracji ni? 350?400 px, poniewa? przy mniejszych rozdzielczo?ciach (poni?ej 1366x768) powoduje to efekt ?kiszkowato?ci tekstu”. Przykład przy szeroko?ci ekranu mniejszej ni? 1280 pikseli:

Zaraz pojawi si? kiszkowaty tekst, ktory wygl?da szczegolnie brzydko, gdy wcze?niej jest tekst normalny.

To jest przykładowy tekst, ktory si? robi kiszkowaty przy rozdzielczo?ci horyzontalnej poni?ej 1280 px. To jest przykładowy tekst, ktory si? robi kiszkowaty przy rozdzielczo?ci horyzontalnej poni?ej 1280 px. To jest przykładowy tekst, ktory si? robi kiszkowaty przy rozdzielczo?ci horyzontalnej poni?ej 1280 px.

Zamiast tworzenia galerii w artykułach, lepiej utworzy? link do Wikimedia Commons , a nast?pnie doł?czy? w tek?cie artykułu szablon {{ Commonscat }} lub podobny ( {{ Commons }} ).

Umieszczenie linku do Wikimedia Commons ma trzy zalety w stosunku do umieszczania wielu ilustracji w artykule, w Wikipedii:

• zasob w Wikimedia Commons mo?e si? stale rozwija? ? poprzez uzupełnianie ich przez wikipedystow ze wszystkich edycji j?zykowych.
• mo?e zosta? podlinkowany do wielu artykułow i to w ka?dej edycji j?zykowej, bez konieczno?ci wklejania kodu całej galerii do ka?dego artykułu z osobna.
• nie powoduje przedłu?enia czasu wczytywania artykułu i zmniejsza obci??enia serwera ? mog? j? natomiast bez przeszkod ogl?da? osoby ni? zainteresowane.

Zanim zilustrujesz artykuł, najpierw musisz wybra? odpowiedni? grafik?, czyli wej?? na stron? danej grafiki ? przeszukaj w kategoriach na Commons ? czasami wystarczy wpisa? nazw? w wewn?trzn? wyszukiwark? na Commons (najlepiej po angielsku). Po wej?ciu na stron? grafiki skopiuj nazw? strony.

Kod ?rodłowy ( wikikod ) słu??cy do wstawiania grafiki przypomina swoj? struktur? kod linkow wewn?trznych. Tworzy si? go za pomoc? podwojnych, kwadratowych nawiasow . Jednak zamiast tworzy? link tekstowy, wy?wietlaj? one ilustracje w tek?cie strony.

Aby grafika wy?wietliła si? na stronie, wpisujemy specjalny kod. Kod ten ma ogoln? posta?:

[[Plik:Nazwa pliku|Opcje|Opis]]

Krotko

Aby wstawi? grafik? na stron?, kopiujemy nazw? strony na Commons, na ktorej znajduje si? przesłana grafika, np. File:Krakow ? Rynek 01.JPG . Słowo ?File” Zamieniamy słowem ?Plik”, czyli mamy Plik:Krakow ? Rynek 01.JPG i wstawiamy w postaci:

[[Plik:Krakow - Rynek 01.JPG|mały|Rynek w Krakowie]]

lub

[[Plik:Krakow - Rynek 01.JPG|thumb|Rynek w Krakowie]]

Rezultat po prawej.

Nazwa pliku

dokładny tytuł pliku z jakim plik został przesłany na serwer (musi zawiera? rozszerzenie pliku). Czyli np. Krakow ? Rynek 01.JPG

Opcje

thumb (powoduje wy?wietlenie si? ramki wokoł ilustracji), frame , right (ilustracja znajdzie si? po prawej stronie), left , center (alternatywnie), link (wstawienie ?link=nazwa strony” spowoduje, ?e po klikni?ciu u?ytkownik trafi nie na stron? grafiki, a do danego artykułu, w artykułach nie zalecane), alt i rozmiar ilustracji w pikselach , podany z przyrostkiem px (np. 250px). Opcji mo?na poda? kilka, oddzielaj?c je znakiem pionowej kreski ? |”, w dowolnej kolejno?ci.

Opis

dowolny tekst, ktory b?dzie doł?czony do ilustracji, mo?e on tak?e zawiera? linki wewn?trzne i zewn?trzne. Aby opis był widoczny poni?ej ilustracji, nale?y u?y? opcji thumb lub frame (w przeciwnym wypadku jest widoczny jedynie po najechaniu kursorem na ilustracj?).

Podanie opcji i opisu nie jest wymagane przez oprogramowanie, cho? jest zalecane.

Kod przykładu widocznego z prawej:

Je?li chcesz, mo?esz wykona? krotki test, aby zobaczy? efekty .

Umiejscowienie ilustracji oraz opływanie tekstu kontroluje si? przy pomocy opcji:

• left ? ilustracja b?dzie znajdowała si? z lewej strony i b?dzie opływana przez tekst z prawej
• none ? ilustracja b?dzie znajdowała si? z lewej strony i nie b?dzie opływana przez tekst
• right ? ilustracja b?dzie znajdowała si? z prawej strony i b?dzie opływana przez tekst z lewej (opcja domy?lna)
• center ? ilustracja b?dzie znajdowała si? na ?rodku i nie b?dzie opływana przez tekst.

Przykłady:

Skalowanie najlepiej robi? z dodatkow? opcj? ? thumb ” , ktora jest opisana poni?ej .

Najprostszy sposob wstawienia ilustracji, np.:

[[Plik:HondiusPerspective.png]]

nie daje zwykle zadowalaj?cych efektow, zwłaszcza gdy ilustracja jest du?a:

Uwaga: jak napisano powy?ej, niezalecane jest podawanie rozmiarow ilustracji w pikselach.
Aby zmniejszy? ilustracj?, mo?na u?y? opcji skalowania, czyli poda? jego rozmiar w pikselach . Liczba ta oznacza szeroko?? ilustracji:

[[Plik:HondiusPerspective.png|50px]]
[[Plik:HondiusPerspective.png|100px]]
[[Plik:HondiusPerspective.png|150px]]

Powy?szy kod da nast?puj?cy efekt:

Warto jednak zauwa?y?, ?e wraz ze zmniejszaniem ilustracji drobne jej szczegoły stopniowo zanikaj?.

Istnieje rownie? mo?liwo?? definiowania wysoko?ci ilustracji: podawany rozmiar poprzedzamy wowczas liter? x , np. x200px .

[[Plik:Malchin-wohnturm.jpg|x200px]]
[[Plik:Forestry Forwarder Osa 250 2.jpg|x200px]]

Pozwala to umie?ci? obok siebie dwie grafiki o ro?nych proporcjach bokow:

Mo?na tak?e poda? oba wymiary, np. 120x80px (szeroko?? 120 px, wysoko?? 80 px). Ilustracja b?dzie miała wowczas wymiary nie wi?ksze od podanych z zachowaniem proporcji ilustracji. Przykładowo po podaniu wymiarow 120x80px otrzymamy:

Je?li ilustracje w formacie poziomym i pionowym umieszczone zostan? jedna pod drug? i w domy?lnych wielko?ciach, to w formacie pionowym wygl?da? b?d? na zbyt du?e. Dla tego typu ilustracji w formacie pionowym wskazane jest stosowanie parametru skala (albo jego synonimu skaluj ) ^[a] . Działa to wył?cznie z flagami thumb lub frameless .

Okre?lenia skala oraz skaluj mog? by? stosowane wymiennie, a efekt ich zastosowania jest taki sam, niezale?nie od tego, ktory wariant nazwy zostanie wybrany.

Ilustracje z takim parametrem zmniejszane s? o wspołczynnik 0,75 w stosunku do standardowych wielko?ci domy?lnych, co prowadzi zazwyczaj do lepszego układu strony.

Kluczow? zalet? automatycznego skalowania jest zachowywanie proporcji wielko?ci ilustracji, zarowno dla anonimowych u?ytkownikow, jak i dla zarejestrowanych, ktorzy w preferencjach zdefiniowali odmienne indywidualne ustawienia wielko?ci grafik. Proporcje pozostaj? przy stosowaniu automatycznego skalowania zawsze utrzymane.

[[Plik:Amun.svg|thumb|skaluj|Bez ?px” ? ale z parametrem ?skaluj”]]

Przy parametrze skala / skaluj podawane mog? by? rownie? odmienne wspołczynniki wielko?ci, je?li jego warto?? domy?lna (0,75) nie byłaby w danym przypadku optymaln? oczekiwan? wielko?ci?.

[[Plik:Amun.svg|thumb|skala=0.5|Bez ?px” ? ale z parametrem ?skala=0.5”]]

Wspołczynnik ?skala” o warto?ci mniejszej od 1 powoduje pomniejszenie, a wi?kszy od 1 powi?kszenie ilustracji w stosunku do wielko?ci domy?lnej. Wzajemne proporcje pomi?dzy wielko?ciami poszczegolnych tak wyskalowanych ilustracji pozostaj? tu natomiast nadal zachowane.

Chc?c skorzysta? z autoskalowania parametrem ?skala”, ale nie chc?c, ?eby ramka ilustracji była widoczna, nale?y u?y? flagi frameless . Wykluczy to jednak mo?liwo?? wstawienia podpisu pod ilustracj?. Przykład z obrazkiem zawieraj?cym przezroczyste tło:

[[Plik:Love Pumpkin.png|frameless|skala=0.5|right|link=Halloween]]

Opcje thumb i frame powoduj? otoczenie obrazka szar? ramk? z mo?liwo?ci? dodania tekstu pod zdj?ciem w ramce. Przy czym frame dodaje tylko ramk? i jest odpowiedni dla małych ilustracji. Thumb (mały) dodatkowo powoduje zmniejszenie ilustracji do ustalonego z gory rozmiaru, ktory wynosi standardowo 220 pikseli. Standardowy rozmiar ilustracji ?thumb” ka?dy u?ytkownik mo?e indywidualnie dostosowa? w swoich preferencjach . Z tego wła?nie powodu w normalnych warunkach nie zaleca si? podawania w pikselach sztywnych wielko?ci ilustracji z parametrem ?thumb”, jednak w szczegolnych wypadkach mo?na dla niego ustali? dowolny rozmiar, podaj?c jego szeroko?? w pikselach. W wypadku u?ycia opcji ?frame” nie mo?na zmieni? rozmiaru ilustracji.

Ilustracje z opcj? ?thumb” i ?frame” domy?lnie s? wyrownane do prawej (jak z opcj? ?right”). To jednak rownie? mo?na zmieni?, stosuj?c opcje ?center” (centruj) i ?left” (lewo).

Przykłady:

[[Plik:Cyanocitta-cristata-004.jpg|thumb|Modrosojka bł?kitna]]

[[Plik:Cyanocitta-cristata-004.jpg|thumb|left|300px|Modrosojka bł?kitna]]

[[Plik:Cyanocitta-cristata-004.jpg|thumb|center|400px|[[Modrosojka bł?kitna]]]]

I rezultat:

To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb ? bez zmienionego rozmiaru i opływania. To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb ? bez ustawionego rozmiaru i opływania. To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb ? bez ustawionego rozmiaru i opływania. To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb ? bez ustawionego rozmiaru i opływania.

To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb z opcj? opływania left i rozmiarem zmienionym na 300 pikseli . To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb z opcj? opływania left i rozmiarem zmienionym na 300 pikseli. To jest testowy tekst, ktory opływa ilustracj? z opcj? thumb z opcj? opływania left i rozmiarem zmienionym na 300 pikseli. To jest testowy tekst, ktory opływa obrazek z opcj? thumb z opcj? opływania left i rozmiarem zmienionym na 300 pikseli.

To jest testowy tekst, ktory nie opływa ilustracj? z opcj? thumb , center i rozmiarem ustalonym na 400 pikseli . To jest testowy tekst, ktory nie opływa obrazka z opcj? thumb, center i rozmiarem ustalonym na 400 pikseli. To jest testowy tekst, ktory nie opływa ilustracj? z opcj? thumb, center i rozmiarem ustalonym na 400 pikseli. To jest testowy tekst, ktory nie opływa ilustracj? z opcj? thumb, center i rozmiarem ustalonym na 400 pikseli.

Dodatkowo pokazano tu mo?liwo?? wstawienia do opisu ilustracji linku do strony w Wikipedii.

• Opcja right jest opcj? domy?ln?. Nie nale?y jej zatem wpisywa? przy wstawianiu grafiki z opcj? ?thumb”.

• Dla ilustracji z opcj? thumb , je?eli nie jest to konieczne, nie trzeba podawa? wymiarow stricte . B?d? wowczas stosowane domy?lne wymiary ilustracji (standardowo 220 pikseli), ktore ka?dy zarejestrowany u?ytkownik mo?e indywidualnie dostosowa? w swoich preferencjach . Jednak, poniewa? nie ka?dy u?ytkownik czytaj?cy Wikipedi? jest zarejestrowany, ilustracje wida? wyra?niej przy wi?kszej liczbie pikseli. Najcz??ciej wstawia si? 200px, 250px lub nawet 300px. Zawsze jednak pod uwag? nale?y wzi?? ogoln? kompozycj? artykułu oraz to, ?e niektorzy dysponuj? rozdzielczo?ci? ekranu 800×600.

Dwukropek na pocz?tku kodu ilustracji powoduje przekształcenie go w zwykły link. Przydaje si? to, gdy nie chce si? wy?wietla? ilustracji na stronie, ale chce si? do niego skierowa? czytelnika, aby mogł go sobie obejrze? po klikni?ciu w link.

Przykład:

[[:Plik:Fortepian - schemat.svg|Schemat konstrukcji fortepianu]]

i efekt:

Schemat konstrukcji fortepianu

W celu linkowania do artykułow bezpo?rednio po klikni?ciu na grafik? nale?y zastosowa? odpowiedni parametr link , np.

[[Plik:Ananas.jpg|20px|link=Ananas]]

Efekt:  

Natomiast drugim parametrem jest alt pozwalaj?cy na podanie tekstu alternatywnego, ktory si? wy?wietli, je?li grafika nie zostanie pobrana, np.

[[Plik:Ananas.jpg|50px|alt=Ananas jadalny]]

Zaleca si? tworzy? szablony {{ Commonscat }} albo {{ Commons }} :

{{Commonscat|Nazwa kategorii|Nazwa do wy?wietlenia}}

{{Commonscat|West Tatra Mountains|Tatry Zachodnie}}

{{Commons|Nazwa na Commons|Nazwa do wy?wietlenia}}

{{Commons|Gallery Terpenes|Terpeny}}

Kod ten da efekt widoczny po prawej:

W przypadku gdy nazwa artykułu, w ktorym wstawiony jest link do galerii na Commons, jest taka sama jak tytuł galerii, ktory chcemy wy?wietli?, nale?y zrezygnowa? z osobnej nazwy do wy?wietlenia.

   Osobny artykuł: Help:Gallery tag (w j?zyku angielskim) .

W artykułach mo?na ewentualnie tworzy? niewielkie galerie, składaj?ce si? z kilku (3-4) grafik zamykaj?cych sekcj? czy artykuł. Dzi?ki temu obrazki b?d? wy?wietla? si? w odpowiedniej sekcji niezale?nie od innych elementow uło?onych po prawej (zwłaszcza w artykule z długim infoboksem).

Przykład:

<gallery mode=packed>
Plik:Formosan sika deer.jpg|[[Jele? wschodni]]
Plik:Bubo bubo winter 1.jpg|[[Puchacz zwyczajny|Puchacz]]
Plik:Turdus pilaris2.jpg|[[Kwiczoł]]
</gallery>

da efekt w postaci:

•  
  Jele? wschodni
•  
  Puchacz
•  
  Kwiczoł

Zwro? uwag?, ?e poszczegolnych grafik nie umieszcza si? w znacznikach [[]]. Jest tylko Plik:Nazwa|opis .

Pami?taj, ?eby opis nie był zbyt długi, ?eby nie rozlewa? si? za mocno.

U?ywaj?c znacznika <gallery> mo?na zdefiniowa? m.in. szeroko?? i wysoko??. Pami?taj jednak, ?e w trybie upakowanym specjalny algorytm mo?e dostosowa? zdj?cia do szeroko?ci ekranu (upakowa? je optymalnie).

Parametry:

mode=packed

Tryb upakowany.

widths=200

Bazowe szeroko?ci ilustracji w galerii (tutaj 200px).

heights=320

Bazowe wysoko?ci ilustracji w galerii (tutaj 320px).

Przykładowo, dla poni?szego kodu:

<gallery mode=packed widths=200 heights=320 caption="Tytuł galerii 1">
Plik:Tyholttornet.jpg|Tyholttornet. Lorem ipsum dolor sit ament
Plik:Vernazzanotower.jpg|Vernazzanotower. Lorem ipsum dolor sit ament
Plik:Malchin-wohnturm.jpg|Malchin. Lorem ipsum dolor sit ament
</gallery>

otrzymamy taki wynik:

• Tytuł galerii 1
•  
  Tyholttornet. Lorem ipsum dolor sit ament
•  
  Vernazzanotower. Lorem ipsum dolor sit ament
•  
  Malchin. Lorem ipsum dolor sit ament

W?skie grafiki i szerokie dadz? inny efekt w obu trybach.

• Galeria domy?lna, w?skie
•  
  grafika 1
•  
  grafika 2
•  
  grafika 3

• Galeria upakowania (packed)
•  
  grafika 1
•  
  grafika 2
•  
  grafika 3

Bardzo szerokie grafiki b?d? zupełnie nieczytelne w domy?lnym trybie, ale b?d? miały ograniczon? szeroko??.

• Galeria domy?lna, nietypowo szerokie
•  
  Wzgorze zamkowe w Dobczycach
•  
  Panorama Zamku w Janowcu

• Galeria upakowania (packed)
•  
  Wzgorze zamkowe w Dobczycach
•  
  Panorama Zamku w Janowcu

• Galeria domy?lna, typowe proporcje
•  
  Jele? wschodni
•  
  Puchacz
•  
  Kwiczoł

• Galeria upakowania (packed)
•  
  Jele? wschodni
•  
  Puchacz
•  
  Kwiczoł

Jakkolwiek pozornie wstawianie ilustracji w Mediawiki wydaje si? proste, przy braku wprawy prowadzi ono czasem do dziwnych, niespodziewanych efektow i problemow.

Cz?stym problemem, jaki maj? pocz?tkuj?cy u?ytkownicy, jest wpisanie poprawnej nazwy pliku stanowi?cego ilustracj?. Wikipedia wymaga stuprocentowo ?cisłego odnoszenia si? do nazw plikow. Oprogramowanie rozro?nia wielko?? liter w nazwach oraz wszelkie znaki specjalne, takie jak spacje, my?lniki, podkre?lenia itp.

Przykład: Plik nazywa si?: ?Fitz Roy framed trees (colour balans).jpg”

[[Plik:Fitz roy framed trees (colour balans).JPG|thumb|Zła nazwa ? ro?ni si? wielko?ci? liter]]

[[Plik:Fitz Roy framed trees (colour balans) .jpg|thumb|Zła nazwa ? ro?nica polega tylko na dodatkowej spacji mi?dzy nawiasem i rozszerzeniem ?.jpg”]]

[[Plik:Fitz Roy framed trees (colour balans).jpg|thumb|Wreszcie dobrze!]]

i efekt:

Najprostszym sposobem, aby unikn?? kłopotow z nazw? pliku, jest wy?wietli? w osobnym oknie stron? opisu tego pliku i skopiowa? jego nazw?, ktora jest umieszczona w tytule opisu, do kodu pisanego artykułu.

Typowe panoramy, jak np. w artykule Zabrze czy Kielce , warto rozci?gn?? na cał? szeroko?? ekranu. Jednak ze wzgl?du na ro?n? rozdzielczo??, z jakiej korzystaj? u?ytkownicy, nale?ałoby raczej da? najmniejsz? mo?liw? warto?? ok. 600px. Aby wstawi? wygodnie wi?ksz? grafik?, mo?na jednak u?y? nast?puj?cego kodu:

{{Du?a grafika|Nazwa grafiki.jpg|rozmiar|opis}}

Na przykład:

{{Du?a grafika|Panorama Kielc ssj 20060423.jpg|5000px|Panorama Kielc}}

Dzi?ki temu panorama wy?wietli si? w okienku z poziomym paskiem:

Uwaga! Du?ych grafik nie nale?y wstawia? na pocz?tku artykułu. Czytelnik po trafieniu do odpowiedniego artykułu nie potrzebuje ogromnej panoramy, ale najwa?niejszych informacji. Szablon {{ Du?a grafika }} nale?y wstawia? w odpowiedniej sekcji (np. Krajobraz , Architektura itd.) lub na samym ko?cu artykułu, przed ewentualnymi szablonami nawigacyjnymi.

Opływanie tekstu przez grafik? wygl?da szczegolnie nieładnie w przypadku stosowania opływania z prawej strony i wyliczanek tworzonych kodem ?*” lub ?#”, gdy? wtedy znaki kolejnych podpunktow wchodz? na grafik?.

Np. kod:

[[Plik:SF Golden Gate Bridge splash CA.jpg|left|100px]]
* tekst 1
* tekst 2
* tekst 3
* tekst 4
# lista 1
# lista 2
# lista 3

wygl?da tak:

• tekst 1
• tekst 2
• tekst 3
• tekst 4
• tekst 6

1. lista 1
2. lista 2
3. lista 3

Prostym rozwi?zaniem tego problemu jest u?ycie ilustracji z opcj? thumb :

• tekst 1
• tekst 2
• tekst 3
• tekst 4
• tekst 6

1. lista 1
2. lista 2
3. lista 3

Kolejnym, cz?sto spotykanym problemem jest wchodzenie ilustracji na kilka kolejnych sekcji tekstu . Zdarza si? to, gdy tekst w sekcji jest za krotki, a ilustracja ?za długa”. Efekt ten jest przy tym w du?ym stopniu zale?ny od rozdzielczo?ci ekranu. W odro?nieniu jednak od poprzedniego przypadku zdarza si? on cz??ciej przy wi?kszej rozdzielczo?ci ekranu. W wi?kszej rozdzielczo?ci ekranu tekst ma ?wi?cej miejsca”, a wysoko?? ilustracji si? nie zmienia.

Przykładowy kod:

===== Przykład 1 =====
[[Plik:Oil well scheme.svg|thumb|150px]]

To jest, testowy, krotki tekst.

; Przykład wchodzenia ilustracji na tytuł sekcji od prawej strony
[[Plik:Oil well scheme.svg|thumb|left|150px]]

To jest, testowy, krotki tekst.

; To jest tytuł ?zaatakowany” ilustracj? z lewej strony
To jest testowy, krotki tekst.

i rezultat:

To jest, testowy, krotki tekst.

Przykład wchodzenia ilustracji na tytuł sekcji od prawej strony. Aby inni widzieli napiszemy tu co? wi?cej i jeszcze troch?, bo niektorzy maj? wi?ksz? rozdzielczo?? monitora

To jest, testowy, krotki tekst.

To jest tytuł ?zaatakowany” ilustracj? z lewej strony

To jest testowy, krotki tekst.

Na ten problem nie ma prostego rozwi?zania. Nale?y po prostu unika? krotkich sekcji z wysokimi ilustracjami. Pewnym rozwi?zaniem jest tu u?ywanie szablonu {{ clear }} , ktory powoduje, ?e tytuł kolejnej sekcji pojawi si? dopiero poni?ej ilustracji i tabel po obu stronach strony. Rozwi?zanie to pozostawia jednak cz?sto du?e, puste pola na ekranie. Mo?liwe jest te? u?ycie szablonu z parametrem {{clear|left}} lub {{clear|right}}. Szczegoły poznasz tutaj: {{ clear }} .

Przykładowy kod:

===== Przykład 2 =====
[[Plik:Oil well scheme.svg|thumb|150px]]

To jest, testowy, krotki tekst.
{{clear}}

; Teraz nie nachodzi z prawej
[[Plik:Oil well scheme.svg|thumb|left|150px]]

To jest, testowy, krotki tekst.
{{clear}}

; Teraz nie nachodzi z lewej
To jest testowy, krotki tekst.

i rezultat:

To jest, testowy, krotki tekst.

Teraz nie nachodzi z prawej

To jest testowy, krotki tekst.

Teraz nie nachodzi z lewej

To jest testowy, krotki tekst.

W przypadku problemow z odpowiednim osadzeniem ilustracji wyrownanej do lewej (opcja left ), mo?na umie?ci? j? w minigalerii ? niestety ta metoda nie pozwala na automatyczne skalowanie parametrem skala . Rozwi?zaniem mo?e by? wykorzystanie none (szczegolnie pomocne, gdy z prawej jest du?y infoboks):

kod:

[[Plik:SweetyViper (8864273175).jpg|thumb|skala=0.7|none|opcjonalny komentarz]]

da efekt:

• Je?li chcesz zobaczy?, jak b?dzie wygl?dał edytowany tekst na stronie o mniejszej rozdzielczo?ci ni? ta, ktor? teraz u?ywasz, mo?esz po prostu zmniejszy? rozmiary okna przegl?darki. Aby przy rozdzielczo?ci 1024×768 uzyska? rozmiar okna, jaki by był przy 800×600, zmniejsz okno przegl?darki o mniej wi?cej 1/3. Mo?esz te? wł?czy? jaki? pasek boczny, np. zakładki czy histori?.
• Po uaktualnieniu ilustracji mo?e zdarzy? si?, ?e przegl?darka b?dzie nadal wy?wietlała star? wersj?. Nale?y wtedy pobra? stron? bezpo?rednio z serwera Wikipedii, a nie z cache. Aby to zrobi?, nale?y u?y? kombinacji klawiszy:
  • w Internet Explorerze: Ctrl+F5
  • w Mozilli/Firefox: Ctrl+R albo trzymaj?c wci?ni?ty Shift, klikn?? w Reload (Przeładuj/Od?wie?) lub Ctrl+F5
  • w Operze: zale?nie od wersji Ctrl-Shift-R, Ctrl+R lub Ctrl+F5.

Wikimedia Commons :

• Kreator przesyłania plikow ? miejsce do przesyłania obrazkow i innych plikow.
• Commons:Nadawanie licencji ? informacje o akceptowanych licencjach i rodzajach ilustracji.
• Commons ? spis tre?ci pomocy ? pozostałe informacje o Wikimedia Commons.

Szablony :

• {{ Grafika rozwini?ta }}
• {{ Galeria }}
• {{ Ramka }}
• {{ Cie? ramki }}
• {{ Promie? ramki }}
• {{ Gradient }}

Pozostałe :

• Mediawiki:Ilustrowanie ( ang. )
• Kategoria:Artykuły wymagaj?ce wstawienia ilustracji