czwartek, 5 Listopad 2009
Konwersja baz danych i arkuszy kalkulacyjnych do stron WWW. Czy masz bazę danych lub arkusz kalkulacyjny, z których chętnie skorzystałbyś na stronach swojej witryny? Jeśli dane przechowywane są w pliku tekstowym z polami rozseparowanymi znakami tabulacji, znane programy edycjyjne przeniesie dane do swojej tabeli, nie naruszając nic w konstrukcji i zawartości tabeli. Jeśli plik został zapisany w innym formacie, możesz zapisać go we właściwej formie korzystając z odpowiedniej opcji arkusza danych lub programu obsługi baz danych.Wybierz pozycję Tabular Data w menu Insert i kliknij przycisk Browse, aby wybrać plik danych w formacie TXT. Określ pozostałe opcje okna dialogowego Insert Tabular Data i naciśnij OK.
Aby powstała udana witryna sieciowa, musisz rozwijać swoje umiejętności tworzenia i modyfikacji tabel. Chociaż tabele nie zostały przewidziane jako narzędzie definiowania układu strony, tym właśnie się stały. Ponieważ są zazwyczaj obsługiwane przez wszystkie typy przeglądarek, stanowią w tej chwili podstawową metodę kontroli układu strony. A jeszcze lepsze są kaskadowe arkusze stylów, lecz ciągle mało popularne, a warto nauczyć się ich nauczyć i korzystać przy projektowaniu stron.
Tabele znajdują zastosowanie w tej chwili głównie przy mailingu i starszych wersjach przeglądarek lub systemów. Są też dość popularnie stosowane przy tworzeniu stron za pomocą różnych automatów wspomagających edycję i projektowanie.
Tagi: css, tabele
Kategoria: Tworzenie stron | Komentarze są wyłączone
środa, 4 Listopad 2009
Stosując do tabeli kolory i tło w postaci obrazu można poprawić wygląd tabeli. Jeśli w tabeli zdefiniowano obramowanie o grubości przynajmniej jednego piksela,można zastosować do obramowania komórki kolor. Pamiętaj jednak, że nie wszystkie przeglądarki obsługują kolorowe obramowania tabel i komórek. Oczywiście wszystkie nowe przeglądarki radzą sobie z tym bez problemów.
W komórce lub w całej tabeli możesz także zastosować tło o określonym wzorze. Musisz jednak mieć świadomość, że w przypadku zastosowania obrazu jako tła komórek, tło zostanie złożone z powieleń obrazu (z kafelków będących kopiami samych siebie), które wypełnią obszar komórki.Czasem jest to efekt pożądany, a czasem nie.
Stosując w tabeli kolorowe tło i obrazy jako tło należy pamiętać o przetestowaniu stron WWW w różnych przeglądarkach. Jest ważna kwestia, bowiem kolory obramowań, kolory tła i obrazy zastosowane w tabeli jako tło bardzo często różnią się wyglądem w przeglądarkach różnych firm.Czasami zastosowanie obrazu jako tła komórki tabeli to jedyna metoda osiągnięcia określonego celu projektowego.
Podział obrazu na wycinki a tabele
Wiele z najpiękniejszych stron internetowych zawiera obrazy zestawione z wycinków i tabele.Wycinek (ang. image slice) to fragment większego obrazu, coś w rodzaju elementu puzzla czy też kadru. Jeśli podzielimy obraz na wycinki i ułożymy je w tabeli definiując atrybuty Cell Spacing i Cell Padding jako równe 0, złożymy z kawałków cały obraz, a linie złożenia będą praktycznie niewidoczne.
Podzielonemu na wycinki obrazowi należy nadać nazwę, a poszczególne wycinki można wyeksportować pojedynczo i ręcznie umieścić w komórkach tabeli programu znane programy edycjyjne. Można także zapisać kod HTML całej tabeli bezpośrednio w Fireworks.
W przypadku przekształcania dokumentów drukowanych w sieciowe możesz przygotować elektroniczną kalkę dokumentu zapisując plik w postaci PDF. Otwórz plik PDF w programie AdobeAcrobat lub w przeglądarce sieciowej i dopasuj rozmiary do okna. Zrób zrzut ekranu (Alt+PrintScreen) i otwórz obraz w programie do edycji grafiki. Zapisz go w formacie GIF lub JPEG.
Tagi: kolory, tabele, table
Kategoria: Tworzenie stron | Komentarze są wyłączone
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
poniedziałek, 2 Listopad 2009
Po wstawieniu tabel, musisz je wyrównać. Kluczem do sukcesu jest jasne określenie własnych zamierzeń odnośnie układu strony. Pomocne może być naszkicowanie sobie układu lub wykorzystanie obrazu jako ?kalki? projektowanej strony WWW.
Aby wyrównać tabelę, zaznacz ją klikając jej krawędź lub korzystając z selektora znaczników na pasku stanu. Jeśli tabela zostanie obwiedziona czarną linią, oznacza to, że jest zaznaczona.Wybierz teraz z listy Align inspektora Property sposób wyrównania tabeli. Jeśli zastosujesz wyrównanie do prawej (right) lub lewej (left), zawartość strony umieszczona poza tabelą ułoży się wokół niej.
Obramowanie tabeli
Jeśli chcesz, możesz zdefiniować obramowanie tabeli, przypisując mu określoną wartość w pikselach. Obramowanie tabeli bardzo przypomina obramowanie obrazu.Za pomocą obramowania możesz wyróżnić niektóre komórki tabeli, dzięki czemu będą one lepiej widoczne na kolorowym tle, a ich zawartość będzie się bardziej rzucać w oczy.
Interfejs programu edycyjnego znacznie ułatwia formatowanie tabel. Ręczna zmiana rozmiarów tabeli wprost w kodzie HTML to zadanie stresujące, bowiem nie widzisz bezpośrednio efektów wprowadzanych modyfikacji. Interfejs pozwala dopasowywać rozmiary, kolory, pozycję,szerokość obramowania oraz wybierać obrazy jako tło tabeli (formatując tabele niemal zawsze korzystam z inspektora Property, ponieważ mam tu wszystko co potrzeba, a na dodatek w jednym miejscu).
Tagi: tabele, table
Kategoria: Tworzenie stron | Komentarze są wyłączone