sobota, 3 Październik 2009
Zawsze znajdzie się ktoś, kto będzie się upierał, że Twoje strony ładują się zbyt wolno. Nikt tego
nie lubi słuchać, dlatego projektanci stron WWW mają fioła na punkcie rozmiaru plików.
Niektórzy przyjmują regułę praktyczną ? czas ładowania strony nie może być dłuższy niż 8
sekund, bo użytkownik dłużej nie będzie czekał.
Czasami kusi Cię, aby skłonić użytkowników do zaczekania. Myślisz ? a może jednak woleliby
zobaczyć piękny, lecz ładujący się kilka sekund obraz, zamiast małego, zamazanego obrazeczka,
który pojawi się w pół sekundy, co prawda? Może tak, a może nie.
To od Ciebie zależy, jak długo użytkownicy będą chcieli grać w tę grę na czekanie. Zastanów się,
gdzie akurat będą użytkownicy odwiedzający Twoje strony. Jeśli wiesz, że 75% z nich korzysta z
linii T1 swojej firmy, zrelaksuj się i spokojnie zwiększ jakość obrazu.
Jeśli natomiast połowa siedzi w domu przed komputerami podłączonymi do sieci przez modemy,
lepiej zmniejsz swoje obrazy. W przeciwnym razie, na pewno pojawią się skargi.
Skuteczne skracanie czasu ładowania oznacza, że musisz podjąć wszelkie wysiłki, aby zmniejszyć
ilość danych w plikach. Duże lub niepoprawnie sformatowane obrazy powodują, że przeglądarka
?zacina? się przy ich ściąganiu. Podobny problem pojawia się przy dużych ilościach tekstu. Wśród
pozostałych winowajców tego typu zachowań znajdziesz pliki dźwiękowe, moduły dodatkowe,
ogłoszenia reklamowe, a wszystko na i tak zapchanych serwerach sieciowych.
Śledzenie rozmiaru plików
Aby sprawdzić rozmiar pliku graficznego w oknie dokumentu programu Program do edycji stron, zaznacz
obraz i odczytaj wartość podawaną w inspektorze Property.
W oknie dokumentu programu Program do edycji stron znajdziesz na pasku stanu wskaźnik rozmiaru całego
dokumentu i orientacyjny czas ładowania dokumentu (znajdziesz go między menu Window Size
a mini-paskiem szybkiego uruchamiania). Wskaźnik ten przedstawiony jest w postaci ilorazu obu
wielkości ? na przykład 36K/10 sec. Narzucając określoną przepustowość łącza można oszacować
czas ładowania.
Oto kilka rad, które pozwolą skrócić czas ładowania dokumentu:
Tagi: stron, waga, wielkość
Kategoria: Tworzenie stron | Komentarze są wyłączone
czwartek, 24 Wrzesień 2009
Jeśli tworzysz swoje strony WWW w programie do edycji stron, to jesteś projektantem, nawet jeśli
sam siebie nie uważasz za artystę. Chciałbym móc Ci powiedzieć, że Program do edycji stron automatycznie
przygotuje Twoje strony oraz że one będą one wspaniale wyglądać i funkcjonować bez
jakiegokolwiek wkładu pracy z Twojej strony. Chciałbym także móc Ci powiedzieć, że wystarczy
znać parę podstawowych zasad, aby uchronić się od pomyłek projektowych. Nie mogę jednak tego
zrobić, bo skłamałbym. Prawda jest taka, że to Twoja myśl decyduje o artystycznej postaci
projektu strony, to Ty odczytujesz zamierzenia przyszłych czytelników swoich stron i to Ty
starasz się nadać swoim stronom niepowtarzalny charakter. Może też być inaczej ? możesz uznać,
że najlepszym rozwiązaniem dla Twojej strony będą stare i sprawdzone rozwiązania, które
zagwarantują bezpieczne i pewne funkcjonowanie systemu nawigacji.
Program do edycji stron udostępnia wiele różnych dróg do tego samego celu. Równie wiele prowadzi do
różnych celów. Możliwości jest nieskończenie wiele. W tym rozdziale zastanowimy się wspólnie
nad pewnymi kwestiami projektowania stron i korzystając z programu Program do edycji stron
przećwiczymy ich rozwiązanie na przykładach. Wykorzystaj szansę stworzenia własnego projektu
i naucz się korzystać z narzędzi projektowych programu.
Projektowanie internetowe może być Twoim zawodem, hobby lub katorgą. Nieważne czym jest.
Ważne, abyś uświadomił sobie, że oprócz palet kolorów, siatki i linijek jest coś jeszcze, co musisz
jako projektant wziąć po uwagę ? rozdzielczość ekranu i rozmiary plików.
Projektowanie stron WWW to nowa dziedzina. Projektanci internetowi stoją przed szeregiem
nowych problemów związanych z rozpraszaniem kolorów, rozmiarami plików i szerokościami
okna przeglądarki. Na szczęście stosowane przez nich medium jest elastyczne. Jeśli na przykład na
opublikowanej stronie WWW kolor nie prezentuje się dobrze, zawsze można go zmienić. W
przypadku takiej samej strony papierowej kłopot byłby znacznie większy.
Podstawowe zasady projektowania stron WWW można poznać czytając podręczniki, szukając w
Internecie witryn edukacyjnych i uczestnicząc w kursach sieciowych. Program do edycji stron pozwala
wdrożyć te zasady w życie. Wersja 4 programu zawiera narzędzia, takie jak paleta bezpiecznych
kolorów sieciowych, okno Color, siatka, obrazy-kalki oraz menu Window Size, które pomagają
rozwiązywać zarówno te częste, jak i incydentalne problemy.
Wzrost popularności przeglądarek obsługujących kaskadowe arkusze stylów i nowe znaczniki
formatowania zmusza projektantów do nieustannego rozwoju. Muszą oni bowiem dbać o to, aby
projektowane przez nich strony korzystały z możliwości nowych technik. W tym celu projektanci
mogą przeanalizować menu programu Program do edycji stron i sprawdzić, co oferuje. Następny etap
rozwoju własnych umiejętności to zastosowanie narzędzi w praktyce. W efekcie tej pracy strony
będą lepiej się prezentować, szybciej ładować, a użytkownicy będą je chwalić.
W tym rozdziale zajmowaliśmy się takimi kwestiami projektowymi, jak posługiwanie się
kolorami. Poruszaliśmy też zagadnienia dotyczące projektu i układu strony, takie jak korzystanie
ze wzorów tła i z obrazów stanowiących wzorzec strony, definiowanie marginesów i wyświetlanie
linijek. Ostatnim z poruszanych problemów była strategia projektowa. Mam nadzieję, że udało mi
się przybliżyć Ci różne strategie, a pytania postawione w tym rozdziale będą pomocne w
budowaniu witryny, które spełni Twoje cele.
Tagi: stron, tworzenie
Kategoria: Tworzenie stron | Komentarze są wyłączone
piątek, 10 Lipiec 2009
Być może przyjaciel powiedział Ci o nim, może poznałeś już jego wcześniejsze wersje, a może
jest to narzędzie, z którego musisz korzystać na zajęciach w szkole. Niezależnie od tego jak lub
dlaczego, trafiłeś na jedyne chyba na rynku narzędzie tworzenia stron WWW o takich
możliwościach rozbudowywania go i dostosowywania do potrzeb użytkownika. Zespół
opracowujący Dreamweaver z firmy Macromedia ciężko pracował od chwili wypuszczenia wersji
3 programu i w obecnej wersji to widać.
Poprawiło się wiele ? począwszy od lepszej kontroli przez rozbudowę rozszerzeń i ich obsługi, po
nowe narzędzia ułatwiające pracę z kodem HTML, skryptami JavaScript i elementami CSS.
Zanim jednak sięgniesz po program, poświęć chwilę, aby poczytać o wszystkich nowinkach i
ciekawych opcjach oferowanych przez Dreamweaver 4.
W tym rozdziale omówione zostaną następujące zagadnienia:
Pływające palety to nie nowina w programie Dreamweaver 4, aczkolwiek niewątpliwie warto o
nich wspomnieć. Większość z nich można łączyć, a więc tworzyć z nich okienka zaopatrzone w
zakładki. Taką właściwość posiadają następujące palety: Assets, Behaviors, Code Inspector,
CSS Styles, Frames, History, HTML Styles, Layers, Reference i Objects. Zakładki
poszczególnych kategorii można przeciągać między oknami. Wyjątek stanowi jedynie paleta
obiektów (ang. Objects Panel), jeśli wyświetlana jest we własnym oknie. Inne palety można
przeciągać do palety obiektów i tu przycumowywać, ale nie można przeciągnąć palety obiektów
do okna innej palety. Dreamweaver śledzi wszelkie zmiany i zachowuje ich efekt w kolejnych
sesjach. Więcej informacji na ten temat znajdziesz w rozdziale 2, Dostosowywanie programu.
Tagi: stron, tworzenie
Kategoria: Tworzenie stron | Komentarze są wyłączone