grafika na stronach www tworzenie galerii zdjęć

GRAFIKA NA STRONACH WWW
TWORZENIE GALERII ZDJĘĆ
P RZY KŁAD 1:
<img src=”most.jpg” alt=”Most Golden Gate”>
Atrybut src służy do podania nazwy i lokalizacji pliku, który chcemy pokazać na stronie.
W powyższym przykładzie zastosowane zostało adresowanie względne. Plik graficzny most.jpg
powinien znajdować się w tym samym miejscu na dysku, w którym zapisana została strona.
W przeciwnym razie nie będzie on widoczny na stronie.
Załóżmy, że mamy utworzony podrzędny folder obrazki i w nim zapisane są nasze zdjęcia.
Aby umieścić jedno ze zdjęć na stronie należy napisać:
<img src="obrazki/most.jpg" alt="Most Golden Gate">
W tym przypadku wykorzystane zostało również adresowanie względne. Dodatkowo pojawiła się
ścieżka dostępu do pliku – w tym przypadku do folderu o nazwie obrazki. Zatem jeżeli
przenieślibyśmy w inne miejsce na dysku lub na serwer cały katalog zawierający naszą stronę (łącznie
z podfolderami), to nie zmieni się położenie zdjęcia względem strony i wszystkie pliki graficzne
zostaną wyświetlone.
P O PRAW NE
RO ZM I ESZ C Z EN I E PL I KÓW W FO L D ERAC H :
Folder galeria
Folder galeria
index.html
foto01.jpg
index.html
Folder obrazki
LUB
foto02.jpg
foto01.jpg
foto02.jpg
foto03.jpg
foto03.jpg
Uwaga! Jeśli tworzymy dodatkowy folder zawierający fotografie, to musi być on podfolderem folderu,
w którym znajduje się strona wraz z podstronami.
B Ł ĘD NE
R O ZMIESZ CZ ENIE P L IKÓ W W F OL D ER A CH :
Pulpit
Folder galeria
foto01.jpg
index.html
foto02.jpg
LUB
foto03.jpg
Obrazy dobrze jest zapisać w tym samym katalogu co strona – ułatwi to definiowanie atrybutu src.
W przypadku większej ich ilości rozsądniej jest umieścić zdjęcia w katalogu podrzędnym względem
katalogu przechowującego pliki strony WWW.
P RZY KŁAD 2:
<img src="http://ti.info.w.interia.pl/logo.png" alt="Logo strony z technologii informacyjnej">
W tym przypadku zastosowane zostało adresowanie bezwzględne. Dzięki temu na naszej stronie
wyświetli się logo (plik o nazwie logo.png) pobrane ze strony ti.info.w.interia.pl, które znajduje się
na serwerze zewnętrznym Interii. Aby zastosować adresowanie bezwzględne należy podać cały adres,
pod którym znajduje się obraz. Najlepiej kliknąć prawym klawiszem myszy na obrazek i wybrać
polecenie Pokaż obrazek. Następnie można skopiować cały adres wyświetlający się w pasku
przeglądarki i umieścić go w cudzysłowach w atrybucie img src.
Oczywiście, możemy wykorzystywać zasoby znajdujące się w sieci, ale należy pamiętać o prawach
autorskich. Bezpieczniej jest bazować na samodzielnie wykonanych plikach graficznych (np. naszych
zdjęciach).