lewej - Kurs HTML i CSS
Tabele CSS / Rozplanowanie tabeli {table-layout}...linii). Maksymalna możliwa szerokość to największy rozmiar, do którego można rozszerzyć komórkę tak, aby nie powstały wolne przestrzenie po lewej ani po prawej jej stronie. Jeżeli w komórce znajduje się tylko obrazek lub inny element o ustalonych rozmiarach, to określa on maksymalną możliwą szerokość takiej komórki. Natomiast w przypadku tekstu będzie to długość całego tekstu zapisanego w jednej linii (bez zawijania). Przebieg pierwszej części algorytmu jest następujący: Obliczana...
Tabele HTML / Struktura tabeli HTML <table, tr, td>...ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak tabela zawiera krótką treść, nie zostanie rozciągnięta, ale ustawi się po lewej stronie ekranu. Aby wyśrodkować taką wąską tabelę, można się posłużyć następującym kodem: <table style="margin: auto">...</table>.
- Media CSS / Zapytania mediów
...stosowano wyświetlanie z przeplotem. Oznaczało to, że obraz był rysowany poczynając od góry bardzo wąskimi liniami, biegnącymi poziomo od lewej do prawej krawędzi ekranu. Ponieważ dawne telewizory nie posiadały możliwości szybkiego wyświetlania tych linii, po zakończeniu rysowania ostatniej, pierwsza już była blada, co w efekcie mogłoby wywoływać efekt falującego z góry do dołu migotania jasności obrazu. Dlatego właśnie wymyślono wyświetlanie z przeplotem - najpierw wyświetlano...
- Komendy CSS 2 / left
WARTOŚĆ <długość> | <procent> | auto | inherit OPIS Odległość od lewej krawędzi elementu pozycjonowanego INICJALIZACJA auto ZASTOSOWANIE elementy pozycjonowane DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Menu w CSS / Poziome menu
...pomiędzy nimi, a nie wewnątrz nich. Zalety: Prawidłowa interpretacja w większości przeglądarek Możliwość łatwego wyrównania odnośników do lewej lub prawej strony, a także wyśrodkowania Nie wpływa na elementy znajdujące się poniżej Wady: Brak możliwości ustalenia jednakowej szerokości pozycji listy Odstępy między odnośnikami zależą od rodzaju i rozmiaru czcionki, a przy tym nie mogą być mniejsze niż szerokość jednej spacji Ustawiając wyświetlanie w bloku (block) oraz oblewanie...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...całą stronę w ten sam sposób: Wyobraź sobie, że po roku działalności strony zechcesz całkowicie odmienić jej wygląd, np. przenosząc kolumnę menu z lewej na prawą stronę. Dzięki CSS to tylko jedna linijka w arkuszu stylów, zamiast żmudnej modyfikacji być może setek powstałych dotychczas podstron serwisu! Bez trudu wprowadzisz okolicznościowe wersje wyglądu swojej witryny - np. z okazji Nowego Roku. Chcesz przygotować zestaw skórek dla Twojej strony? Z CSS jest to znacznie prostsze i mniej...
- Oprawa graficzna / Zamiennik obrazkowy
...Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać rozmiary grafiki, dodawać obramowanie, ustalać pozycję i marginesy, ale nie da się wyświetlić innego zdjęcia bez modyfikacji kodu HTML. Jednak czy to stanowi jakiś problem? W pewnych sytuacjach tak...
- Dobre praktyki / Przykazania webmastera
...wykorzystasz je do budowy szkieletu strony, mocno ograniczysz sobie możliwości późniejszej zmiany wyglądu serwisu (np. przeniesienie kolumny menu z lewej na prawą stronę itp.). Są lepsze alternatywy: Szablon strony na DIV-ach. Nawigacja musi być intuicyjna i wygodna Linki stanowiące menu nawigacyjne serwisu muszą być odpowiednio wyeksponowane. Niedopuszczalne jest, aby użytkownik szukał ich gdzieś w treści obszernego artykułu. Dobre miejsce na nawigację to nagłówek serwisu (poziome menu)...
Skórki...to bez większego trudu będzie można totalnie odmienić wygląd serwisu tylko za pomocą podmiany arkusza CSS, np. przenosząc kolumnę menu z lewej na prawą stronę czy zmieniając układ menu z pionowego na poziomy (np. w formie zakładek), bez jakiejkolwiek ingerencji w kod źródłowy dokumentów HTML. Zobacz: Menu w CSS oraz Szablon strony na DIV-ach. Aby wprowadzić do swojego serwisu system skórek, najpierw utwórz kolekcję arkuszy stylów - plików *.css - które będą stanowiły kolejne...
- I co dalej... / Wysłanie strony
...opcji Użyj trybu pasywnego... Jeśli wszystko jest gotowe, kliknij OK, a nastąpi powrót do poprzedniego okienka (Połącz z serwerem FTP). W polu po lewej stronie powinna się pojawić nazwa sesji, którą wprowadziłeś w punkcie nr 2. Teraz wystarczy wybrać ją myszką i kliknąć przycisk z numerem 6 (Połącz), a nastąpi połączenie z serwerem WWW. Aby zmodyfikować niepoprawnie wprowadzone dane, można zaznaczyć nazwę sesji i kliknąć przycisk Edycja... Jeżeli masz jeszcze jakieś pytania, kliknij...