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 |