Rysunki i inne elementy multimedialne

Oceń tę pracę

WWW jest obecnie najpopularniejszym systemem w Internecie, służącym do udostępniania oraz odszukiwania informacji. Przeglądarki WWW wprowadziły do Internetu dwie istotne innowacje, które uczyniły go ogólnoświatowym fenomenem, jakim jest obecnie. Po pierwsze, przeglądarka udostępniła wspólny interfejs do wszystkich różnorodnych zasobów Internetu. Po drugie i równie ważne, przeglądarki WWW wprowadziły do Internetu grafikę.

Czynnikiem, który w znacznej mierze przyczynia się do popularności i rozwoju World Wide Web, jest jej atrakcyjna strona graficzna. Język HTML pozwala na umieszczanie na tworzonych stronach nie tylko tekstu, lecz także dowolnych elementów multimedialnych, takich jak obrazki, klipy wideo czy też muzyka. Atrakcyjne obrazki, w połączeniu z odpowiednio dobranymi kolorami tło i tekstu, mogą spowodować, że strona sama w sobie będzie małym dziełem sztuki.

FrontPage Editor nie jest programem, który może pomóc w stworzeniu rysunków lub innego typu plików multimedialnych – do tego celu służą specjalistyczne programy, jak na przykład CorelDraw lub Fractal Design Painter. FrontPage Editor doskonale natomiast nadaje się do umieszczania takich plików na stronie WWW, określenia ich wielkości czy też wzajemnego położenia z zawartym na stronie tekstem.

Pakiet FrontPage jest dostarczany wraz z dosyć dużą grupą przykładowych plików multimedialnych, których można używać do tworzenia stron. Są to różnego rodzaju tła, animacje, przyciski, ozdobne punkty, ikony oraz linie.

Elementami, które najczęściej bywają stosowane do poprawienia atrakcyjności stron WWW, są obrazki. Sposoby ich zastosowania są przeróżne – mogą to być zdjęcia z podróży umieszczane wraz z tekstem, który ilustrują, małe ikonki służące do oznaczania różnych elementów strony, kolorowe paski stosowane do oddzielania fragmentów tekstu czy też obraz służący jako tło całej strony.

FrontPage Editor udostępnia kilka sposobów umieszczania obrazków na stronach WWW; można dodać dowolny plik znajdujący się na twardym dysku, jeden z obrazków używanych w aktualnej witrynie, dowolny plik z WWW lub też jeden z tak zwanych Clip Artów – czyli gotowych plików graficznych dostarczanych wraz z FrontPage Editorem.

Grafiki wstawiane do stron WWW nazywane są obrazkami inline. Dwa najbardziej powszechne w publikacjach WWW formaty to GIF – Graphics Interchange Format i JPEG – Joint Photographic Experts Group. Wszystkie graficzne przeglądarki obsługują te dwa formaty i wyświetlają je bez problemów. Istnieje jeszcze kilka innych formatów, na przykład TIFF, PCX i BMP. Przeglądarki WWW są w stanie wyświetlać również takie formaty, uruchamiając oddzielne programy, nazywane aplikacjami pomocniczymi, przeznaczonymi właśnie do czytania tych plików.

MODYFIKOWANIE OBRAZKA

Po wstawieniu obrazka na stronę, FrontPage pozwala modyfikować go na wszystkie możliwe sposoby, nawet bez potrzeby użycia oddzielnego edytora obrazków. Można zmienić wysokość, szerokość, kontrast i mnóstwo różnych rzeczy dotyczących obrazka umieszczonego na stronie poprzez użycie paska narzędzi do edycji obrazków. Pasek ten pojawia się na dole okna Editora po każdym kliknięciu obrazka. Podobnie wzdłuż krawędzi i w rogach obrazka pojawia się seria małych czarnych kwadratów.

Pasek narzędzi do manipulowania obrazkami FrontPage Editora

   
Nazwa przycisku Opis  
Select Hotspot on Image

(Wybierz aktywny obszar   obrazka)

Pomaga tworzyć łącza   związane z obrazkami  
Draw a Rectangle Hotspot

(Narysuj prostokątny   obszar aktywny)

Również dotyczy łącz   związanych z obrazkami – tworzy prostokątne obszary aktywne  
Draw a Circular Hotspot

(Narysuj okrągły obszar   aktywny)

Używany do tworzenia łącz   związanych z obrazkami posiadającymi okrągłe obszary aktywne  
Draw a Polygon Hotspot

(Narysuj wielokątny obszar   aktywny)

Używany do tworzenia   obszarów aktywnych o kształcie wielokątów  
Highlight Hotspot

(Podświetl obszary   aktywne)

Pokazuje obszary aktywne   zamiast obrazków  
Ceate a text label or hospot

(Utwórz etykietę tekstową   lub obszar aktywny)

Tworzy dla obrazka   etykietę tekstową, która może być obszarem aktywnym  
Make Transparent

(Uczyń przeźroczystym)

Pozwala wybrać kolor   obrazka, który ma być przeźroczysty  
Crop

(Obetnij)

Pozwala okroić obrazek do   fragmentu, który ma być wyświetlony  
Washout

(Rozmyj)

Tworzy rozmytą wersję   obrazka nadającą się do użycia jako tło, na którym można czytać tekst  
Black & White

(Zmień na czarno-biały)

Usuwa kolory z obrazka  
Restore

(Odtwórz)

Przywraca obrazkowi   oryginalny stan zapisany w pliku  
Rotate Left

(Obróć w lewo)

Obraca obrazek o 90 stopni   w lewo  
Rotate Right

(Obróć w prawo)

Obraca obrazek o 90 stopni   w prawo  
Reverse

(Odwróć)

Odwraca obrazek poziomo  
Flip

(Przewróć)

Odwraca obrazek pionowo  
More Contrast

(Zwiększ kontrast)

Zwiększa kontrast obrazka  
Less Contrast

(Zmniejsz kontrast)

Zmniejsza kontrast obrazka  
More Brightness

(Rozjaśnij)

Zwiększa jasność obrazka  
Less Brightness

(Ściemnij)

Zmniejsza jasność obrazka  
Bevel

(Kant)

Dodaje do obrazka kanty,   które sprawiają, że obrazek wygląda jak przycisk  
Resample

(Powtórz próbkowanie)

Próbkuje obrazek ponownie,   aby pasował do obecnego rozmiaru  

 ROZMIESZCZANIE TEKSTU WOKÓŁ OBRAZKA

Jeśli eksperymentowało się z prostymi stronami, na których umieszczany był tekst wraz o obrazkami, można było pewnie zauważyć, że tekst układa się wzdłuż dolnej krawędzi obrazka. Jest to ograniczenie typograficzne. Do stworzenia dobrze wyglądającego układu strony potrzeba czegoś więcej. Na przykład centrowania obrazków, umieszczania ich na marginesie i pozwalania na opływanie tekstem krawędzi obrazka. FrontPage Editor umożliwia wykonanie tego wszystkiego.

Opcje wyrównania obrazków

Wyrównanie Efekt
Default (Domyślne) Wyrównuje obrazek   używając  domyślnych ustawień   przeglądarki WWW. Działa tak samo jak opcja Baseline
Left (Do lewej) Wyrównuje obrazek do   lewego marginesu i zawija tekst znajdujący się za obrazkiem wzdłuż jego   prawej krawędzi
Right (Do prawej) Wyrównuje obrazek do   prawego marginesu i zawija tekst znajdujący się za obrazkiem wzdłuż jego   lewej krawędzi
Top (Do   góry) Wyrównuje górę obrazka do   otaczającego go tekstu
Texttop (Do góry tekstu) Wyrównuje górę obrazka do   góry najwyższego znaku w linii tekstu
Middle (Do środka) Wyrównuje środek obrazka   do otaczającego go tekstu
Absmiddle (Do bezwzględnego środka) Wyrównuje obrazek do   środka obecnej linii
Baseline (Do podstawy linii) Wyrównuje obrazek do   podstawy obecnej linii
Bottom (Do dołu) Wyrównuje dół obrazka do   otaczającego go tekstu
Absbottom (Do bezwzględnego dołu) Wyrównuje dół obrazka do   dołu obecnej linii
Center (Środek) Wyrównuje centralny punkt   obrazka do otaczającego go tekstu