Małgorzata Piotrowska (malgosia@cts

Małgorzata Piotrowska obrazki na stronach Tezeusza .. cd
1
obrazki na stronach Tezeusza .. cd
Przypominamy zasady ogólne:
Obrazki i zdjęcia autorów umieszczamy z lewej strony kolumny. Wielkość: dla zdjęć autorów:
zasadniczo 90 px szer i 90 px wysokość. Wielkość obrazków i ilustracji: max 200 px szerokość lub
jeszcze mniejsze rozwijane do większych. Dopuszczalne jest stosowanie zdjęć i grafik
panoramicznych.
Zalecane jest stosowanie grafiki specjalnie przygotowanej – co do formatu, wielkości i „wagi”.
Koniecznie należy przestrzegać praw autorskich!
Umieszczanie obrazków jako elementu typu strony przedstawione zostało w cześci I poradnika.
Obecnie zajmiemy się przykładem, w którym chcemy umieścic dodatkowy obrazek w określonym
miejscu dokumentu.
Załóżmy, że właśnie tak, jak na ilustracji poniżej:
Wybraliśmy więc miejsce, wiemy też , że należy umieśccic tu etykietę HTML <img>:
<img src=” sciezka_do_pliku_grafiki” align=center alt="Hinduski na dziedzińcu">" border="0" >
Dodatkowo można użyć jeszcze dwóch parametrów, określających odległość obrazka od tekstu:
w poziomie: hspace =” ”
w pionie: vspac= ” ”
Problem tylko w okresleniu parametru src – skąd ten obrazek wziąc, jaki jest jego adres???
Małgorzata Piotrowska obrazki na stronach Tezeusza .. cd
2
Wariant I. Wstawiamy obrazek z biblioteki ilustracji Tezeusza.
Z lewego menu wybieramy „Obrazki”, a następnie przeglądamy katalogi w poszukiwaniu
odpowiedniego zdjęcia dla naszych celów.
W katalogu ilustracje2 są już zdjęcia odpowiednio „spreparowane” - lekkie i o odpowiednich
rozmiarach.
Klikamy na „listę plików” (1) w lewym menu, a następnie na ikonke jpg (2) przy wybranej fotce.
Małgorzata Piotrowska obrazki na stronach Tezeusza .. cd
3
Z rozwiniętego po kliknięciu na ikonce menu – wybieramy pozycję „Informacja”:
Pojawia się okienko podglądu wybranego elementu:
Teraz wystarczy tylko „zdobyc” adres obrazka: albo przez klinięcie prawym przycikiem na fotce i
wybranie „kopiuj adres obrazka”; albo przez kliknięcie na nazwę Plik:hinduski.jpg
i skopiowanie adresu z okna adresowego przeglądarki:
Małgorzata Piotrowska obrazki na stronach Tezeusza .. cd
4
zdobyty adres:
http://www.tezeusz.pl/cms/tz/fileadmin/Image_Archive/Zdjecia_redaktorow/ilustracje2/hinduski.JPG
wprowadzamy jako wartośc parametru src w etykiecie img:
<img src=”
http://www.tezeusz.pl/cms/tz/fileadmin/Image_Archive/Zdjecia_redaktorow/ilustracje2/hinduski.JPG”
align=center alt="Hinduski na dziedzińcu">" border="0" >
Przyznam, że osobiście wszystkie tego typu informacje przygotowuję sobie wcześniej i „wrzucam”
do pliku tekstowego, z którego łatwo je „pobierac” i wstawiac do tekstu
______________________________________________________________________________
Przykład zawartosci pliku fonty_obrazki_linki.txt:
<p class="AFCOETitle">
</p>
<p class="BoldGold">
</p>
<p class="BoldBlue">
</p>
<p class="BoldGreyMedium">
<p class="text_small">
</p>
</p>
<i> </i>
<b> </b>
<LINK 236 _blank><b><FONT color="#0066cc" >Andrzej Miszk SJ</FONT></b></LINK>
<img height="90" src="uploads/RTEmagicC_d159e5869e.jpg.jpg" width="90" border="0" alt="" />
</IMG>
<LINK 555 _blank><b><FONT color="#3366cc">Darek Piórkowski SJ</FONT></b></LINK>
<img height="90" src="uploads/RTEmagicC_e23aafb40c.jpg.jpg" width="90" border="0" alt="" />
</IMG>
<b><FONT color="#3366cc">Joanna Nosal</FONT></b>
<img height="90" src="uploads/RTEmagicC_4940d6a596.jpg.jpg" width="90" border="0" alt="" />
</IMG>
http://www.tezeusz.pl/cms/tz/fileadmin/Image_Archive/Zdjecia_redaktorow/ilustracje2/hinduski.
JPG
____________________________________________________________________________________
A co jeżeli chcemy włączyc własny obrazek, nie z biblioteki Tezeusza?
Przeczytaj następną stronę :-)
Małgorzata Piotrowska obrazki na stronach Tezeusza .. cd
5
Wariant B. Obrazek spoza biblioteki grafik Tezeusza.
Krok1. Wstawienie obrazka do biblioteki
Z menu „teczki” folderu, do którego chcemy załadowac nasz obrazek (wcześniej
odpowiednio przygotowany!) wybieramy „uploaduj”
Następnie wybieramy ilośc obrazków do załadowania (1), póxniej je wskaxujemy (2) i klikamy na
przycisk „uploaduj pliki” (3)
i oto nowy obrazek w teczce ilustracje2 – za chwile możemy go wykorzystac do ilustracji dowolnej
strony – w dowolnym miejscu tyle razy, ile potrzeba :-)