piątek, 30 Październik 2009
W tym punkcie omówmy definiowanie układu strony przy pomocy tabel wstawianych z poziomuokna dialogowego Insert Table. Przeczytaj także podrozdział ?Widok układu strony?, na końcurozdziału, aby poznać nowy, alternatywny sposób projektowania z użyciem tabel.
Właściwości tabel:
Ustawienia CellPadding i Cell Spacing wpływają na ulokowanie zawartości komórek tabeli
Tagi: tabele, table
Kategoria: Tworzenie stron | Komentarze są wyłączone
czwartek, 29 Październik 2009
Twoje życie projektanta i twórcy stron WWW stanie się dużo prostsze, gdy przy definiowaniu układu strony nauczysz się korzystać z tabel. W początkach języka HTML tabele zostały przewidziane do pełnienia roli, hm…, tabel. Stosowano je do prezentowania w sposób uporządkowany danych statystycznych lub innego rodzaju danych. W rzeczywistości wielenarzędzi stosowanych obecnie przy tworzeniu stron WWW zostało stworzonych przez środowiska naukowe w celu usprawnienia wymiany danych naukowych. Niewątpliwie tabele należą do tejkategorii.
Gdy pojawili się projektanci stron WWW spoza świata nauki i zaczęli tworzyć interesujące oraz zabawne strony, które nie miały wiele wspólnego z mikrobami, konstelacjami czy przewidywaniem pogody, uznali tabele za poręczne narzędzie do umieszczania ilustracji,fotografii i tekstu. W ten sposób strona WWW zaczęła wyglądać równie dobrze jak strona zkolorowego magazynu. No, prawie tak samo. Pomimo wszystkich swoich zalet, tabele nadal nie pozwalają na tak precyzyjne pozycjonowanie elementów jak narzędzia programów AdobePageMaker czy Quark Xpress. Aby uzyskać ten stopień precyzji, musisz sięgnąć po kaskadowe arkusze stylów (CSS). Ponieważ nie są one tak proste w obsłudze, trzeba jednak użyć do projektowania przy pomocy tabel. Kaskadowym arkuszom stylów poświęcony jest natomiast rozdział 12., ?Korzystanie z kaskadowych arkuszy stylów?.Aby zobaczyć tabele od strony kuchni, przyjrzyj się postaci źródłowej niektórych witryn, naprzykład www.cnn.com. Zwróć uwagę, że każda porcja informacji zawarta jest w osobnej komórce tabeli. Małe tabele są zagnieżdżone w większych, a te z kolei są zagnieżdżone w jednejogromnej, jak baby w rosyjskiej lalce-babuszce.
Prześledzenie wszystkich tych tabel może być trudne, dlatego wielu projektantów stron WWW
korzysta z wysokiej klasy wielofunkcyjnych edytorów takich jak znane programy edycjyjne.
Tagi: tabele, table
Kategoria: Tworzenie stron | Komentarze są wyłączone
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
piątek, 2 Październik 2009
Rozdzielczość ekranu często jest przyczyną zamieszania. Brak wiedzy na temat zasad skanowania
i dostosowywania rozmiaru obrazów do okien przeglądarki może zniweczyć nawet najwspanialszy
pomysł. Pierwszym krokiem ku uporządkowania naszej wiedzy jest przyjęcie tezy, że obrazy
internetowe są przeznaczone do wyświetlania na monitorach ? takie obrazy powinny zawsze mieć
rozdzielczość 96 lub 120 dpi (w przypadku systemu Windows; a 72 dpi w przypadku systemu
Macintosh).
Kolejna rada ? w fazie przygotowania obrazu niech Twoją jednostką miary będzie piksel. Stosuje
ją komputer, stosuj i Ty. Pamiętaj także, że niektórzy odbiorcy Twoich stron nie będą w stanie
zobaczyć obrazów lub dokumentów o szerokości przekraczającej 1024 pikseli (możesz oczywiście
wiedzieć z góry, że nie ma takiego zagrożenia ? wówczas nie ma zmartwienia). To nic, że Ty
masz śliczny monitor 27-calowy. Są tacy, co nie mają. Weź także pod uwagę kwestię wyglądu
Twoich stron w różnych przeglądarkach, a szczególnie na różnych platformach, począwszy od
komputerów PC, a skończywszy na komputerach Macintosh i Linux.
Tworząc strony WWW pamiętaj, że użytkownicy korzystają z określonej rozdzielczości. Na
przykład u mnie rozdzielczość jest ustawiona na 1024×768. Oznacza to, że w poziomie zobaczę 1024
pikseli, a w pionie 768. Gdybym korzystał z rozdzielczości 800×600 odpowiednie wartości
wynosiłyby 800 i 600.
Projektanci stron muszą w swoich projektach uwzględnić relacje między stroną a oknem
przeglądarki. Pojawiają się tu dwa problemy:
Tagi: ekran, rozdzielczość, szerokość, wysokość
Kategoria: Tworzenie stron | Komentarze są wyłączone