stronie - Kurs HTML i CSS
Tabele CSS / Rozplanowanie tabeli {table-layout}...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 jest minimalna i...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...prawy margines, ponieważ posiada wartość auto. Czwarty blok w Quirks będzie wyświetlony tak samo jak drugi i trzeci - z zerowym marginesem po lewej stronie. Natomiast w trybie zgodności ze standardami lewy margines zostanie dopasowany, a prawy otrzyma wartość zero. Piąty blok w Quirks wyświetli się identycznie jak poprzedni, a w trybie zgodności zostanie wyśrodkowany - lewy i prawy margines otrzymają równe wartości. Tryb Quirks w MSIE skutkuje nieprawidłowym sposobem obliczania szerokości...
- Media CSS / Zapytania mediów
...przykład dawne monitory nie potrafiły wyświetlić dowolnego koloru, a tylko barwy z tzw. palety bezpiecznej. Oznaczało to, że nawet jeśli podany na stronie kolor był bardzo zbliżony do barwy umieszczonej w palecie takiego monitora, nie został on wcale wyświetlony. Tym właśnie różnią się urządzenia ze stałą paletą kolorów od typowej dzisiaj głębi koloru. Ekran z 4-bitową głębią koloru wyświetla barwy poza jego zasięgiem jako ich przybliżenie, a nie zupełny brak koloru. Zastosowanie cechy...
- Menu w CSS / Poziome menu
...pomiędzy pozycjami listy Wady: Trudności przy ustawieniu odnośników centralnie Konieczność przypisania własności clear następnemu elementowi na stronie Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { float: left; } ul a:link, ul a:visited { text-decoration: none; display: block; width: 80px; text-align: center; background-color: #ccc; color: #000; border: 2px outset #ccc; padding: 5px; }...
- Dobre praktyki / CSS Zorientowane Obiektowo
...obiekty na mniejsze i stylizować je oddzielnie. Korzyścią takiego podejścia będzie możliwość osadzenia np. informacji o autorze na osobnej stronie albo na liście wszystkich autorów piszących w serwisie. Obiekty składowe są szczególnym przypadkiem złożonych atrybutów. Przykład <div class="Article"> <div class="Source">...</div> ... <div class="Author">...</div> </div> Rozszerzanie W programowaniu zorientowanych obiektowo termin ten tłumaczy się częściej jako...
Aktualizacja / Data aktualizacji strony...src="date.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku date.js. Teraz wystarczy wkleić na stronie w wybranym miejscu przykładowy kod: <script> document.write(new Date(document.lastModified).date('d.m.Y')); </script> Sposób wyświetlania daty można zmienić, podając w wyróżnionym miejscu inny szablon formatujący datę. Pojedyncze litery w tym tekście odpowiadają specjalnym kodom formatującym. Przykładowo: litera d zostanie zastąpiona...
HTML dla zielonych / Gotowiec HTML...konfigurację szablonu Jednak nawet jeśli zdecydujesz się skorzystać z gotowego szablonu WWW, nadal zapewne będziesz chcieć wstawić na swojej stronie zdjęcia, odnośniki czy choćby pogrubić tekst albo poukładać go w osobne akapity bądź po prostu przenieść do nowej linii (w języku HTML klawisz Enter "nie działa"). Informacje jak to zrobić i wiele więcej są oczywiście zawarte w tym rozdziale. Darmowe szablony WWW (gotowce) do pobrania Gotowce w postaci darmowych szablonów WWW możesz...
- Aktualizacja / System newsów
...ostatnio nowości w całym serwisie wraz z ich opisami. Najczęściej tego typu skrypty nazywa się systemem newsów. Umieszcza się ją zwykle na stronie głównej. Maja taką zaletę w stosunku do daty aktualizacji, że nie trzeba przeglądać wszystkich stron, aby znaleźć te, które były ostatnio modyfikowane (co w przypadku słabego transferu i obszernej witryny może dość długo trwać). Natomiast w odróżnieniu od sygnalizowania nowości, system newsów zbiera w jednym miejscu wszystkie informacje...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...miejscu strony, trzeba jeszcze wstawić: <script src="indeks_hasla.js"></script> ...i już można cieszyć się indeksem/wyszukiwarką na swojej stronie 🙂 Wieloznacznik (wildcard) Wieloznacznik (ang. wildcard) to symbol stosowany przy wyszukiwaniu tekstu, który zastępuje pewną grupę znaków. Wyszukiwarka w indeksie obsługuje dwa takie symbole: * zastępuje dowolny fragment wyrazu (również pusty) ? zastępuję dokładnie jedną literę Wieloznaczniki są przydatne, jeśli znamy tylko pewną...
- HTML dla zielonych / Tekst przekreślony HTML <s>
...Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby przekreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <s>...</s>. W ten sposób często oznacza się treść, która nie jest dłużej trafna lub istotna z punktu widzenia pozostałej zawartości dokumentu.