|
|
Wikipedia:Uwagi o wstawianiu obrazków
[edytuj] PodstawyWikikod służący do wstawiania grafiki przypomina swoją strukturą kod linków wewnętrznych. Tworzy się go za pomocą podwójnych, kwadratowych nawiasów. Jednak - zamiast tworzyć link tekstowy, wyświetlają one obrazki w tekście strony. [edytuj] Ogólna postać koduKod ten ma ogólną postać: [[Grafika:Nazwa pliku|Opcje|Opis]]
Podanie opcji i opisu nie jest wymagane przez oprogramowanie, choć jest bardzo zalecane. Kod przykładu widocznego z prawej: [[Grafika:Przykład.jpg|thumb|150px|Przykładowy obrazek]] [edytuj] Skalowanie obrazkówNajprostszy sposób wstawienia obrazka, np: [[Grafika:HondiusPerspective.png]] nie daje zwykle zadowalających efektów, zwłaszcza gdy obrazek jest duży: Aby zmniejszyć obrazek należy użyć opcji skalowania, czyli podać jego rozmiar w pikselach. Liczba ta oznacza maksymalną szerokość obrazka: [[Grafika:HondiusPerspective.png|150 px]] [[Grafika:HondiusPerspective.png|100 px]] [[Grafika:HondiusPerspective.png|50 px]] Powyższy kod da taki efekt:
Warto jednak zauważyć, że wraz ze zmniejszaniem obrazka, drobne jego szczegóły stopniowo zanikają. Skalowanie najlepiej robić z dodatkową opcją "thumb", która jest opisana poniżej. [edytuj] Pozycjonowanie obrazkówJak widać, standardowo obrazek jest umieszczany w dość przypadkowym miejscu ekranu względem tekstu i trudno jest przewidzieć jak będzie opływany przez tekst. Opływanie tekstu i jednocześnie umiejscowienie obrazka kontroluje się przy pomocy opcji:
Przykłady:
I rezultat: To jest testowy tekst, który opływa obrazek z opcją left - czyli dosunięty do lewej strony i opływany z prawej. To jest testowy tekst, który opływa obrazek z opcją left - czyli dosunięty do lewej strony i opływany z prawej. To jest testowy tekst, który opływa obrazek z opcją left - czyli dosunięty do lewej strony i opływany z prawej. To jest testowy tekst, który opływa obrazek z opcją right - czyli dosunięty do prawej strony i opływany z lewej. To jest testowy tekst, który opływa obrazek z opcją right - czyli dosunięty do prawej strony i opływany z lewej. To jest testowy tekst, który opływa obrazek z opcją right - czyli dosunięty do prawej strony i opływany z lewej.
lecz znajduje się pod nim lub nad nim. [edytuj] Thumb i frameOpcje thumb i frame powodują otoczenie obrazka szarą ramką z możliwością dodania tekstu pod zdjęciem w ramce. Thumb dodatkowo powoduje zmniejszenie obrazka do ustalonego z góry rozmiaru, który wynosi standardowo 180 pikseli. Standardowy rozmiar obrazka "thumb" każdy użytkownik może indywidualnie dostosować w swoich preferencjach. Zarówno z "thumb" jak i z "frame" można ustalić dowolny rozmiar obrazka podając jego rozmiar w pikselach. Obrazki z opcją "thumb" i "frame" domyślnie są umieszczane z opcją "right" - czyli są dosuwane do prawej strony ekranu i opływane z lewej. To jednak również można zmienić stosując opcję "center" i "left". Przykłady:
I rezultat: To jest testowy tekst, który opływa obrazek z opcją thumb - bez zmienionego rozmiaru i opływania. To jest testowy tekst, który opływa obrazek z opcją thumb - bez ustawionego rozmiaru i opływania. To jest testowy tekst, który opływa obrazek z opcją thumb - bez ustawionego rozmiaru i opływania. To jest testowy tekst, który opływa obrazek z opcją thumb z opcją opływania left i rozmiarem zmienionym na 250 px. To jest testowy tekst, który opływa obrazek z opcją thumb z opcją opływania "left" i rozmiarem zmieniony na 250 px. To jest testowy tekst, który opływa obrazek z opcją thumb z opcją opływania "left" i rozmiarem zmieniony na 250 px.
Dodatkowo pokazano tu możliwość wstawienia do opisu obrazka linku do strony w Wikipedii. [edytuj] Zalecenia
[edytuj] Media i dwukropekDwukropek na początku kodu obrazka powoduje przekształcenie go w zwykły link. Przydaje się to gdy nie chce się wyświetlać obrazka na stronie, ale chce się do niego skierować czytelnika, aby mógł go sobie obejrzeć po kliknięciu w link. Przykład:
i efekt: Zmiana słowa "Grafika" na "Media" w kodzie obrazka powoduje, że nie jest on wyświetlany, lecz pojawia się tylko link z jego opisem tak samo jak w przypadku stosowania dwukropka. Ponadto jednak, po kliknięciu na tak utworzony link wyświetli się nie strona obrazka z opisem, lecz sam "goły" obrazek. Przykład:
i efekt:
Oprócz tego link "media" może być stosowany do linkowania wszelkich plików multimedialnych, filmów, muzyki, pokazu slajdów itp. Przykład:
i efekt:
[edytuj] GalerieMożliwe również jest, choć obecnie niezalecane, tworzenie galerii. Wpis: <gallery> Grafika:Formosan sika deer.jpg|[[Jeleń wschodni]] Grafika:Bubo bubo winter 1.jpg|[[Puchacz]] Grafika:Turdus pilaris2.jpg|[[Kwiczoł]] </gallery> da efekt w postaci: Uwaga - nie należy poszczególnych grafik umieszczać w znacznikach [[ ]] Nie wszystkie grafiki dobrze się prezentują w tego typu galeriach. Raczej powinno się umieszczać w nich te, których wymiary są przystające do wymiarów samego okna galerii. również w przypadku galerii nie należy dawać zbyt rozbudowanych opisów. W niektórych przypadkach będzie to dawało niezbyt dobry efekt:
Obecnie, zamiast tworzenia galerii w artykułach lepiej jest utworzyć galerię na Wikimedia Commons, która jest ogólnym repozytorium plików graficznych i multimedialnych dla wszystkich mutacji Wikipedii, a następnie dołączenie w tekście artykułu zgrabnego szablonu przenoszącego do tej galerii:
{{Commons|Gallery_Terpenes|Terpeny}}
Kod ten da efekt widoczny po prawej: W przypadku gdy nazwa hasła, w którym wstawiony jest link do galerii na Commons, jest taka sama jak nazwa tej galerii, należy zrezygnować z nazwy w szablonie, czyli {{Commons|Gallery_Terpenes}} w haśle terpeny. Umieszczenie galerii w Wikimedia Commons ma trzy zalety w stosunku do bezpośredniego jego umieszczenia w artykule, w Wikipedii:
W artykułach można ewentualnie tworzyć minigalerie składające się z kilku 3-4 grafik zamykających sekcję czy artykuł. Warto jednak się zastanowić, czy nie wkomponować ich w artykuł w inny sposób, ze względu na ich wielkość w ramkach, tworzonych automatycznie, dzięki opcji <gallery> [edytuj] Szablon {{Galeria}}Szablon {{Galeria}} pozwala na umieszczenie do 10 zdjęć w jednym miejscu, tak by nie zajmowały one więcej miejsca niż jedno zdjęcie. Takich galerii warto używać, dla pokazania sekwencji zdarzeń, czy też kilku różnych ujęć danego obiektu. Szablon tworzy się używając kodu jak poniżej:
{{Galeria|Nazwa=Tytuł galerii na przykład zwierzęta|wielkość=300|pozycja=left
|Grafika:Formosan sika deer.jpg|[[Jeleń wschodni]]
|Grafika:Bubo bubo winter 1.jpg|[[Puchacz]]
|Grafika:Turdus pilaris2.jpg|[[Kwiczoł]]
}}
Wielkość odnosi się do rozmiaru grafiki w pikselach (px), pozycja określa, gdzie obrazek ma być położony względem teksu, tj. left, right, center. Efekt poniżej: Tytuł galerii na przykład zwierzęta
Uwaga - jeżeli utworzysz galerię składającą się z większej niż 10 liczby zdjęć, tylko pierwsza dziesiątka będzie się wyświetlać. [edytuj] Problemy z obrazkamiJakkolwiek pozornie wstawianie obrazków w MediaWiki wydaje się proste, przy braku wprawy prowadzi ono czasem do dziwnych, niespodziewanych efektów i problemów. [edytuj] Problemy z nazwą obrazkaCzęstym problemem jaki mają początkujący użytkownicy jest wpisanie poprawnej nazwy pliku, w którym jest obrazek. Wikipedia wymaga stuprocentowo ścisłego odnoszenia się do nazw plików. Oprogramowanie rozróżnia wielkość liter w nazwach oraz wszelkie znaki specjalne, takie jak spacje, myślniki, podkreślenia itd. Przykład: Plik nazywa się: "Fitz Roy framed trees (colour balans).jpg"
i efekt:
Najprostszym sposobem aby uniknąć kłopotów z nazwą pliku jest wyświetlić w osobnym oknie stronę opisu tego obrazka i skopiować jego nazwę, która jest umieszczona w tytule opisu do kodu pisanego hasła. [edytuj] Wielkość obrazkaOpływanie obrazków przez tekst - jakkolwiek przy sprzyjających okolicznościach wygląda ładnie, jest zawsze trochę ryzykowne, gdyż niektóre przeglądarki mają z tym pewne problemy i trzeba zawsze obejrzeć jak taka strona będzie się zachowywała przy mniejszych rozdzielczościach (rozmiarach) ekranu. Często bowiem zdarza się, że to co wygląda ładnie przy rozdzielczości (rozmiarze) 1024×768 wygląda znacznie gorzej przy 800 × 600. Jeśli akurat oglądasz tę stronę przy tej rozdzielczości (rozmiarze), to od razu zrozumiesz w czym rzecz, bo została ona celowo napisana tak, żeby nie za dobrze wyglądać w tych warunkach. Wg statystyk obecnie (grudzień 2007) rozdzielczości (rozmiaru) 800×600 używa ok. 5% internautów, nie można więc faktu nieładnego wyglądu strony przy tej rozdzielczości (rozmiarze) zignorować. Należy się też liczyć, z faktem, że część osób korzystająca z większych rozdzielczości (rozmiarów) może nie mieć okna przeglądarki rozciągniętego na cały ekran. Wiele osób korzysta też z tzw. sidebarów, które dodatkowo zwężają szerokość okna przeznaczonego na wyświetlanie strony. Pole, w którym pokazuje się tekst artykułu, przy standardowej skórce Wikipedii i rozdzielczości (rozmiarze) ekranu 800 × 600 pikseli oraz stosowaniu okna przeglądarki rozciągniętego na cały ekran bez użycia sidebarów ma szerokość ok. 630 pikseli (resztę zajmuje boczne menu, obramowanie okna i suwaki). Tzw. kiszkowaty tekst powstaje wtedy, kiedy stłoczy się zbyt wiele obrazków o zbyt dużych rozmiarach w jednym miejscu. Efekt "kiszkowatości" może być niedostrzegalny dla autora strony, jeśli pracuje on z ekranem ustawionym w wysokiej rozdzielczości, natomiast może on się pojawić na ekranie czytelnika, który używa mniejszej rozdzielczości ekranu niż autor. Z tego względu warto po napisaniu strony sprawdzić jak ona wygląda przy mniejszych rozdzielczościach ekranu. Przykład kiszkowatego tekstu: Zaraz pojawi się kiszkowaty tekst, który wygląda szczególnie brzydko, gdy wcześniej jest tekst normalny. To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. Aby uniknąć tego rodzaju efektów należy:
[edytuj] Grafiki panoramiczneTypowe panoramy jak np. w haśle Zabrze czy Kielce warto rozciągnąć na całą szerokość ekranu. Jednak ze względu na różną rozdzielczość z jakiej korzystają użytkownicy należałoby raczej dać wartość najmniejszą 600px. Można też 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 czemu panorama wyświetli się w oknie: [edytuj] Kiedy grafiki umieszczać po stronie lewej, prawej lub centralnie?
{{Obraz infobox
| obrazek=
| rozmiar= 'opcjonalny rozmiar obrazka w px np. 250px (domyślnie 250px)'
| tytuł=
| malarz=
| rok=
| technika=
| wysokość=
| szerokość=
| muzeum=
}}
[edytuj] Nachodzenie listOpływanie tekstu przez grafikę wygląda szczególnie nieładnie w przypadku stosowania opływania z prawej strony i wyliczanek tworzonych kodem "*" lub "#". gdyż wtedy znaki kolejnych podpunktów wchodzą na grafikę. Np kod: [[Grafika:SF Golden Gate Bridge splash CA.jpg|left|100 px]] * tekst 1 * tekst 2 * tekst 3 * tekst 4 # lista 1 # lista 2 # lista 3 Wygląda tak:
[edytuj] Jak uniknąć wchodzenia obrazków na dwie sekcjeKolejnym, często spotykanym problemem jest wchodzenie obrazków na dwie lub więcej sekcji tekstu. Zdarza się to, gdy tekst w sekcji jest za krótki, a obrazek jest "za długi". Możliwość zaobserwowania tego efektu również jest zależna od rozdzielczości ekranu. W odróż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ść obrazka się nie zmienia. Przykładowy kod: ==== Przykład 1 ==== [[Grafika:Oil well scheme.svg|thumb|150 px]] To jest, testowy, krótki tekst. ==== Przykład wchodzenia obrazka na tytuł sekcji od prawej strony ==== [[Grafika:Oil well scheme.svg|thumb|left|150 px]] To jest, testowy, krótki tekst. ==== To jest tytuł "zaatakowany" obrazkiem z lewej strony ==== To jest testowy, krótki tekst. i rezultat: [edytuj] Przykład 1To jest, testowy, krótki tekst. [edytuj] Przykład wchodzenia obrazka na tytuł sekcji od prawej stronyTo jest, testowy, krótki tekst. [edytuj] To jest tytuł "zaatakowany" obrazkiem z lewej stronyTo jest testowy, krótki tekst. Na ten problem nie ma prostego rozwiązania. Należy po prostu unikać krótkich sekcji z wysokimi obrazkami. Pewnym rozwiązaniem jest tu używanie szablonu o postaci:
który powoduje, że tytuł kolejnej sekcji pojawi się dopiero poniżej obrazka. Rozwiązanie to pozostawia jednak często duże, puste pola na ekranie. Przykładowy kod:
==== Przykład 2 ====
[[Grafika:Oil well scheme.svg|thumb|150 px]]
To jest, testowy, krótki tekst.
{{clear}}
==== Teraz nie nachodzi z prawej ====
[[Grafika:Oil well scheme.svg|thumb|left|150 px]]
To jest, testowy, krótki tekst.
{{clear}}
==== Teraz nie nachodzi z lewej ====
To jest testowy, krótki tekst.
i rezultat: [edytuj] Przykład 2To jest, testowy, krótki tekst. [edytuj] Teraz nie nachodzi z prawejTo jest testowy, krótki tekst. [edytuj] Teraz nie nachodzi z lewejTo jest testowy, krótki tekst. [edytuj] Uwagi końcowe
|
| Gry Online Gry Online www.pozycjonarka.in… | Plaza 3 star hotel Los Angeles www.triptake.com | usb usb, usb www.krj.pl | kreatyna kreatyna www.activebody.pl | krynica noclegi krynica noclegi,oÅ›rodek, wyp… gornik.com.pl |