wtorek, 3 Listopad 2009
Rozpinanie komórek tabeli
Korzystanie z tabel w widoku standardowym (Standard View) wymaga od projektanta umiejętności rozpinania komórek na wierszach i kolumnach. W widoku układu (Layout View)problemu rozpinania nie ma.Atrybuty Colspan i Rowspan pozwalają rozciągnąć pojedynczą komórkę tabeli na kilka wierszy lub kolumn.
Atrybuty Colspan i Rowspan są szczególnie użyteczne, gdy tworzysz tabelę z przeznaczeniem na tekst i obrazy.
Wstawianie wierszy i kolumn
Menu podrzędne Table menu Modify pozwala dodawać do tabeli nowe wiersze i kolumny, ale korzystanie z niego wymaga pewnej wiedzy. Mianowicie, aby do istniejącej tabeli dodać kilka wierszy lub kolumn, musisz w nim wybrać pozycję Insert Rows or Columns. Jeśli zastosujesz polecenie Insert Row lub polecenie Insert Column, wstawiony zostanie tylko jeden wiersz lub jedna kolumna. Domyślnie, znane programy edycyjne wstawia nowy wiersz tabeli nad wierszem, w którym aktualnie znajduje się punkt wstawiania. Jeśli nie o to Ci chodzi, skorzystaj z okna dialogowego Insert Rows or Columns. Tą drogą możesz wybrać sposób wstawienia wierszy ? nad lub pod punktem wstawiania, oraz kolumn ? przed lub za nim.
Usuwanie wierszy i kolumn
Czasami tabele nie prezentują się tak, jak chciałbyś. Zdarza się to każdemu. Niewłaściwe wyrównanie zawartości komórek jest spowodowane najczęściej nieodpowiednimi rozmiarami tabeli. Pamiętaj, że suma wszystkich szerokości komórek tabeli zawsze musi być równa całkowitej szerokości tabeli, podobnie, suma wysokości komórek musi równać się wysokości tabeli. Jeśli ten warunek nie zostanie spełniony, w przeglądarce pojawią się nieoczekiwane zaburzenia wyrównania.
Przy definiowaniu tabeli i wprowadzaniu danych do jej komórek znane programy edycyjne przypisuje komórkom procentowe udziały w szerokości (lub wysokości) całkowitej tabeli.
Jeśli zdefiniowałeś szerokość tabeli względem szerokości okna przeglądarki i efekt nie podoba Ci się (lub odwrotnie ? zdefiniowałeś tabelę w pikselach i żałujesz), nie wszystko jest stracone. Zaznacz tabelę i przekonwertuj procenty na piksele lub piksele na procenty.
Tagi: tab, tabele, table, właściwości
Kategoria: Tworzenie stron | Komentarze są wyłączone
niedziela, 1 Listopad 2009
Cele witryny sieciowej powinny być jasno nakreślone już w fazie projektowania. Na przykład musisz podjąć decyzję dotyczącą sposobu określania szerokości tabel ? w pikselach czy w procentach szerokości okna przeglądarki.
Jeśli tabela ma mieć stałą szerokość, powiedzmy 500 pikseli, oczywiste jest, że należy szerokość zdefiniować w pikselach. Jeśli wolisz, aby tabela w sposób płynny dostosowywała się do zmian rozmiarów okna przeglądarki i do wielkości ekranu, rozważ drugą z możliwości. Jeśli decydujesz się na tabele definiowane względem szerokości okna,pamiętaj, że nie musisz stosować wartości 100%. Może to być wartość dowolna. Jeśli na przykład chcesz zająć tylko 80% szerokości okna przeglądarki, zaznacz tabelę i wpisz wartość 80%.
Wybór między tabelami definiowanymi w procentach szerokości okna i w pikselach nie jest takiprosty. Abyś wiedział na jakiej podstawie go dokonać, najpierw poznaj zalety obu technik.
Tabele definiowane w procentach szerokości okna są wspaniałe bo:
Pozwalają wykorzystać dodatkowe miejsce na monitorach o większej rozdzielczości.
Można zarezerwować określony obszar na te elementy strony, których charakter jest bardziej płynny ? na przykład na kolumny tekstu, których rozmiar nie musi być precyzyjnie określony.
Nie ma tu konieczności definiowania szerokości komórek tabeli, a więc tabele są mniej pracochłonne.
Prawdopodobieństwo, że pewne elementy strony nie zmieszczą się w oknie przeglądarki,jest tu minimalne, bowiem tabela zostanie dopasowana do okna przez przeglądarkę.
Tabele definiowane w pikselach są wspaniałe bo:
Można konkretnie zdefiniować szerokość określonego obszaru okna przeglądarki, dzięki czemu umieszczona tam zawartość będzie się prezentować tak samo we wszystkich przeglądarkach.
Można zdefiniować komórki o wymiarach dokładnie dopasowanych do wymiarów obrazu, który jest w nich umieszczany. W ten sposób nie ma problemu zmian rozmiarów obrazu.
Kontrolując szerokość komórki tabeli stosowanej jako zasobnik, można zapobiec pojawianiu się niepożądanych pustych obszarów oraz znikaniu elementów strony.
Czasami najlepszym rozwiązaniem jest połączenie obu typów tabel i stosowanie w zależności od potrzeb raz tabeli definiowanej względem szerokości okna przeglądarki, a innym razem określanej w pikselach. Tabele o szerokości równej 100% okna przeglądarki mogą przechowywać całą zawartość Twojej strony WWW, a poszczególne elementy, takie jak obszary zarezerwowane na obrazy i tekst, można umieszczać w mniejszych tabelach zdefiniowanych w pikselach.
Tagi: piksele, procenty, właściwości
Kategoria: Tworzenie stron | Komentarze są wyłączone
niedziela, 30 Sierpień 2009
W programie blog kolory połączeń definiowane są w oknie dialogowym Page Properties. Aby je otworzyć, wybierz pozycję Page Properties z menu
Modify lub skorzystaj ze skrótu klawiaturowego Ctrl+J.
O ile Twój dokument nie jest tworzony na bazie szablonu, musisz zdefiniować dla niego w oknie
dialogowym Page Properties następujące kolory:
Aby wybrać własne kolory dla połączeń, kliknij w oknie dialogowym Page Properties ikonę
próbki koloru obok pola Link, a następnie wybierz z palety odpowiedni kolor próbnikiem lub
kliknij ikonę System Color Picker i zdefiniuj nowy kolor w oknie dialogowym Color.
Wybór odpowiednich kolorów dla połączeń to trudna sprawa. Ważne jest to, aby wybrane kolory
prezentowały się jednakowo wspaniale na różnych ekranach. Trzeba mieć świadomość, że
rozjaśnienie ekranu zależy nie tylko od rodzaju platformy (ekrany komputerów Macintosh są z
reguły jaśniejsze niż ekrany komputerów PC). W tym aspekcie komputery różnią się także między
sobą. Dlatego kolory, które na Twoim ekranie są wyświetlane poprawnie, na innym ekranie mogą
stapiać się z tłem.
Nic nie zastąpi testowania wybranych kolorów. Zobacz jak się prezentują na różnych komputerach
i w różnych przeglądarkach, aby mieć pewność, że są czytelne. Możesz także skorzystać z
wbudowanych schematów kolorystycznych programu blog. Aby uzyskać dostęp do
schematów, wybierz pozycję Set Color Scheme w menu Commands.
Schemat kolorów zawiera zestaw kolorów tła, połączeń, aktywnych połączeń i odwiedzonych
połączeń. Kliknij nazwę koloru na liście Background i wybierz z listy Text and Links
odpowiadający schemat Ci schemat kolorystyczny połączeń. Kliknij przycisk Apply, aby
zastosować schemat w dokumencie.
W niektórych przypadkach konieczne jest usunięcie domyślnego podkreślenia połączenia. Aby
wyłączyć opcję podkreślania dla całej witryny, zastosuj zewnętrzny kaskadowy arkusz stylów.
W ustawieniach kategorii Type okna dialogowego Style definition for zaznacz pole wyboru none. Usuwa to podkreślenie połączeń.
Definiowanie stylu
Styl, który właśnie utworzyłeś zostaje osadzony w kodzie strony.
Połączenia e-mail są definiowane nieco inaczej niż zwykłe. Kliknięcie połączenia e-mail
powoduje otwarcie pustego okna nowej wiadomości pocztowej. Ponieważ stanowi ono element
przeglądarki, to niepoprawnie skonfigurowane ustawienia obsługi poczty uniemożliwią działanie
połączeń e-mail.
Połączenia e-mail wstawiane są poleceniem Email Link. Aby z nich skorzystać:
1. Wskaż kursorem miejsce dokumentu, w którym ma się pojawić połączenie e-mail. Jeśli
chcesz przekształcić obraz w takie połączenie, zaznacz obraz. Jeśli natomiast chcesz
utworzyć połączenie tekstowe, zaznacz tekst.
2. Wybierz pozycję Email Link w menu Insert. Możesz także skorzystać z palety obiektów
i wybrać ikonę Insert Email Link z kategorii Common.
3. W wyświetlonym oknie dialogowym Email Link wpisz lub zmień tekst prezentacyjny
połączenia.
4. W polu E-Mail podaj adres e-mail, do którego połączenie ma prowadzić.
5. Kliknij OK.
Jeśli tekst prezentacyjny połączenia został wcześniej sformatowany, zanim przeznaczyłeś go na
połączenie e-mail, formatowanie zostanie utracone.
Aby automatycznie adresować pola cc: lub subject: w oknie wiadomości e-mail, dodaj znak
zapytania ? po nazwie domeny, a po nim wpisz subject=xxx (lub cc=inny@adres.com):
mailto:twojadres@nazwadomeny.com?cc=inny@adres.com
Tagi: linki, połączenia, właściwości
Kategoria: Tworzenie stron | Komentarze są wyłączone