środa, 23 Wrzesień 2009
Przygotowane obrazy wstawione w programie do edycji www na strony WWW trzeba będzie
umieścić na serwerze sieciowym, aby stały się dostępne dla innych. Jest to nieco męczące zajęcie,
a szczególnie wówczas, gdy obrazów jest wiele. Oto parę rad, które ułatwią cały proces:
1. Przechowuj pliki graficzne w specjalnym folderze, o nazwie sugerującej zawartość, na
przykład Images. Jeśli obrazów jest dużo, utwórz w tym folderze foldery podrzędne. W
folderze Images powinny znajdować się tylko obrazy wykorzystywane na stronach
witryny.
Pliki stanowiące punkt wyjścia do utworzenia obrazów, na przykład pliki PNG programu
Fireworks i pliki Photoshop, pozostaw w ich własnym folderze, na dysku twardym
Twojego komputera. Jeśli przez przypadek umieściłbyś ten folder na serwerze sieciowym
wraz z obrazami, niepotrzebnie zajmiesz cenne miejsce serwera.
2. Nadawaj plikom graficznym proste, nieskomplikowane nazwy, takie jak na przykład
DOM.GIF. Unikaj długich nazw i nazw zawierających znaki specjalne. Przede wszystkim
jednak wyrób w sobie zwyczaj stosowania małych liter w nazwach i rozszerzeniach
nazw. Dotyczy to zarówno plików graficznych, jak i HTML. W ten sposób unikniesz
problemów z prezentacją plików na komputerach pracujących w systemach UNIX, gdzie
wielkość znaku ma znaczenie. Jeśli systemy Windows 95 lub 2000 narzucają
rozszerzenia nazw pisane wielkimi literami, skorzystaj z narzędzia konwersji do małych
liter. Znajdziesz takie narzędzie pod adresem www.shareware.com.
3. W fazie publikowania plików witryny rozpocznij od umieszczenia na serwerze
dokumentów HTML. Wówczas do edycji www zapyta, czy chcesz umieścić na serwerze
także pliki zależne. Jeśli klikniesz OK, folder zawierający obrazy zostanie automatycznie
przetransferowany na serwer, co da Ci czas na kawę.
4. Zawsze sprawdzaj świeżo opublikowaną witrynę pod kątem obecności ikon
reprezentujących nieistniejące obrazy. Jeśli pojawi się taka ikona, może to oznaczać
problem z którymś z plików graficznych. Aby zlokalizować problem, możesz skorzystać
z polecenia Check Links. Najpierw jednak sprawdź bardziej prozaiczne przyczyny ? na
przykład wielkość liter (patrz punkt 3).
5. Czasami przygotowujemy obrazy, umieszczamy je w sieciowym folderze obrazów i
nigdy nie używamy w dokumencie. Obrazy tego typu nazywamy ?bękartami? (ang.
orphans). Nie są one elementem Twoich stron WWW, żadne połączenie do nich nie
prowadzi, a niepotrzebnie zabierają cenne miejsce. Powstają często przez przeoczenie, w
procesie wysyłania plików na serwer. Aby się ich pozbyć, wybierz polecenie Check
Links Sitewide w menu Site, a w oknie Links Checker
wyświetl listę Orphaned Files.
Tagi: obrazy, upload
Kategoria: Tworzenie stron | Komentarze są wyłączone
piątek, 11 Wrzesień 2009
Aby przypisać obrazowi za pomocą znacznika <ALT> tekst alternatywny, wpisz go w polu ALT.
W systemie Windows, tekst zawarty w elemencie ALT będzie wyświetlany w niektórych
przeglądarkach, gdy użytkownik umieści wskaźnik myszki nad obrazem. Pojawi się on także w
trakcie ładowania strony w obszarze rezerwującym miejsce na obraz.
Warto definiować tekst alternatywny także z tego względu, że będzie on pomocny dla ludzi z
dysfunkcją narządu wzroku.
Możesz także ściągnąć z Macromedia Exchange rozszerzenie, które sprawdzi Twoje dokumenty
HTML pod kątem ewentualnych utrudnień w korzystaniu z dokumentów przez
niepełnosprawnych. Rozszerzenie znajdziesz pod adresem www.macromedia.com/exchange,
pod hasłem accessibility.
Tagi: alt, obrazy
Kategoria: Tworzenie stron | Komentarze są wyłączone
czwartek, 10 Wrzesień 2009
Obrazy to więcej niż ozdoba Twojej strony WWW. Powinny one przekazywać użytkownikom
ważne informacje pomocne w znajdowaniu zawartości i w nawigacji. W idealnej sytuacji powinny
wywoływać także reakcję emocjonalną i nadawać Twoim stronom piętno indywidualizmu. Proces
tworzenia obrazów i nadawania im profesjonalnego wyglądu powinien odbywać się zanim obraz
zostanie wykorzystany w programie do edycji www. Nie znaczy to oczywiście, że poza programem
do edycji obrazów nie ma już miejsca na kreatywność.
do edycji www oferuje wiele narzędzi do obsługi obrazów. Nie tylko masz możliwość precyzyjnego
wyrównania obrazów, lecz możesz także skorzystać z palety kolorów programu do edycji www,
aby dobrać kolor tła identyczny ze stosowanym w programie do obróbki grafiki. Obrazy staną się
jeszcze bardziej użyteczne, jeśli wykorzystasz udostępniane przez do edycji wwwa możliwości
tworzenia połączeń, takie jak obszary aktywne i pasek nawigacji z obrazami interaktywnymi. A
jeśli stwierdzisz, że konieczne jest zastąpienie obrazu innym, możesz wykorzystać program
do edycji www do automatycznego uruchomienia programu do edycji grafiki.
Na rysunku przedstawiono dokument programu do edycji www w widoku projektu, zawierający
obraz. Poniżej obrazu znajduje się inspektor Property, z którego można się dowiedzieć jaka jest
ścieżka dostępu do pliku obrazu, jaka jest wielkość pliku, nazwa i tekst alternatywny. Gdybyś
wyświetlił ten dokument w widoku kodu, zobaczyłbyś, że użyto tu znacznika <IMG SRC>.
Znacznik ten stanowi w języku HTML odwołanie do obrazu.
Tagi: obrazy, projektowanie
Kategoria: Tworzenie stron | Komentarze są wyłączone