Transcript Prezentacja programu PowerPoint

Wstawianie obrazków i
odsyłaczy na stronie
Wstawianie obrazków
<img src="ścieżka dostępu" alt="Tekst
alternatywny" />
gdzie jako "ścieżka dostępu" należy podać lokalizację
na dysku, gdzie znajduje się żądany obrazek.
Natomiast w miejsce "Tekst alternatywny" wpisuje się
krótką informację, która pojawi się w przypadku, kiedy
obrazek nie zostanie wyświetlony (np. jeśli użytkownik
wyłączy wyświetlanie grafiki w swojej przeglądarce
internetowej).
Obrazek o określonych rozmiarach:
<img src="ścieżka dostępu" alt="Tekst
alternatywny" width="x" height="y" />
gdzie jako "x" oraz "y" należy wpisać odpowiednio:
długość i wysokość obrazka w pikselach.
<img src="ścieżka dostępu" alt="Tekst
alternatywny" width="x%" height="y%" />
• Natomiast jako "x%" oraz "y%" należy wpisać
odpowiednio: długość i wysokość obrazka w procentach
ekranu.
Obrazek z obramowaniem
<img src="ścieżka dostępu" alt="Tekst
alternatywny" border="n" />
• gdzie jako "n" należy wpisać
grubość obramowania
(w pikselach).
Obrazek o określonym ustawieniu
względem tekstu:
<img src="ścieżka dostępu" alt="Tekst alternatywny"
align="rodzaj" />
gdzie jako "rodzaj" należy wpisać:
• "left" - obrazek ustawiony po lewej stronie względem
otaczającego go tekstu
• "right" - obrazek po prawej stronie względem tekstu
• "top" - tekst ustawiony na górze obrazka
• "middle" - tekst ustawiony na średniej wysokości
względem obrazka
• "bottom" - tekst ustawiony na dole obrazka
(domyślnie)
O określonej odległości od tekstu:
<img src="ścieżka dostępu" alt="Tekst
alternatywny" hspace="x" vspace="y" />
gdzie "x" oznacza poziomą odległość w pikselach, a
"y" pionową odległość
(również w pikselach)
Wszystkie obrazki najlepiej powinny
być zapisane w jednym z trzech
formatów:
• GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski
menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje
przezroczystość.
• JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości.
• PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie
rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną
przezroczystość jak i półprzezroczystość. Niestety zwłaszcza ta ostatnia
własność może nie być interpretowana przez starsze przeglądarki (np. MSIE
6.0).
Format BMP może nie być wcale lub jest bardzo słabo skompresowany, dlatego
należy unikać jego stosowania! Nieodpowiedni dobór formatu graficznego może
być przyczyną nawet kilkukrotnego zwiększenia rozmiaru pliku albo znacznego
pogorszenia jakości obrazu. Dlatego jeśli nie wiesz który wybrać, przetestuj
wszystkie.
ODSYŁACZE
Do podstrony (w obrębie tego samego
serwisu)
• Tak jak każda książka składa się z rozdziałów,
tak samo serwisy internetowe składają się zwykle
z podstron. Każda podstrona jest osobnym
plikiem HTML i zawiera treść, która dość
znacznie różni się tematycznie od pozostałych.
Odsyłacz do podstrony – c.d.
<a href="względna ścieżka dostępu">opis</a>
• gdzie jako "względna ścieżka dostępu" należy
podać lokalizację na dysku, gdzie znajduje się
podstrona, do której chcemy się przenieść.
• W miejsce wyrazu "opis" wpisujemy krótki tekst,
który pojawi się na ekranie i po kliknięciu
którego nastąpi uruchomienie odsyłacza (ścieżka
dostępu pojawia się jedynie na pasku statusu
przeglądarki).
Do etykiety
• Etykieta - inaczej zakładka lub kotwica (ang.
anchor) - to pewne zaznaczone miejsce na
stronie. Jeśli zdefiniujemy taką zakładkę,
będziemy mogli się później do niej bezpośrednio
przenosić. Etykiety są wykorzystywane, gdy w
jednym dokumencie znajduje się więcej ważnych
miejsc - podrozdziałów, a wstawienie ich do
osobnych plików, byłoby uciążliwe, ze względu
na ich liczbę.
Odsyłacz do etykiety
• Jeśli chcemy używać etykietę, najpierw należy ją
zdefiniować w wybranym miejscu strony za
pomocą polecenia:
<a name="nazwa_etykiety"></a>
• Następnie możemy się do niej odwoływać,
zarówno z tej samej jak i z innej strony, za
pomocą zwykłych odsyłaczy:
<a href="(ścieżka do
strony)#nazwa_etykiety">opis odsyłacza</a>
Odsyłacz do adresu internetowego
<a href="http://adres strony">opis</a>
• W miejsce "adres strony" należy podać pełny
adres internetowy strony, do której chcemy się
przenieść (np.: www.onet.pl).
• Adres strony internetowej zawsze musi
rozpoczynać się od http://
Odsyłacz pocztowy (e-mail)
<a href="mailto:adres e-mail">opis</a>
• gdzie jako "adres e-mail" należy podać adres
poczty elektronicznej osoby, do której ma zostać
wysłany list (np.: [email protected]).
Odsyłacz obrazkowy
<a href="adres"><img src="ścieżka dostępu do
obrazka" alt="tekst alternatywny" /></a>
• gdzie jako "ścieżka dostępu" należy podać
lokalizację na dysku, gdzie znajduje się żądany
obrazek.