punkt - Kurs HTML i CSS
Promocja strony WWW / Projekt graficznyTen punkt jest również niezwykle ważny. W dzisiejszym Internecie jest taki natłok informacji, że bardzo trudno się w nim przebić. Właśnie przyjazny projekt serwisu może być czynnikiem decydującym, że ktoś zacznie czytać Twoją stronę a nie konkurencji. Z drugiej strony rażąco zły projekt może odstraszać potencjalnych czytelników i wtedy nic nie pomoże odpowiedni dobór treści. Internauci stali się bardziej wymagający. Niełatwo zaspokoić ich gusta. Nie chodzi o to, żeby Twoja strona była...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
Menu w CSS / Poziome menu...ona wartość wynikającą z rozmiaru zawartości [zobacz: Szerokość i marginesy automatyczne - "Elementy z oblewaniem (float) nie-zastępowane" - punkt nr 5]. Zalety: Możliwość ustalenia jednakowej szerokości pozycji Dokładne ustalenie marginesu 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...
- Szablon strony na DIV-ach / Stały szablon
...ile mieszczą się w dostępnej szerokości ich rodzica [zobacz: Szerokość i marginesy automatycznie - "Elementy z oblewaniem (float) nie-zastępowane" - punkt nr 5]. Suma szerokość wszystkich kolumn nie może przekroczyć 780px, ponieważ jako najmniejszą dopuszczalną rozdzielczość ekranu założyliśmy 800x600 (od wartości 800 odejmujemy szerokość pionowego suwaka). Oblewane bloki kolumn posiadają również własność przepełnienia overflow: hidden. Jest to zabezpieczenie na wypadek, gdyby w ich...
- Dobre praktyki / CSS Zorientowane Obiektowo
...również na stronę, którą właśnie czytasz 🙂). Zwykle zawiera ona m.in.: nagłówek menu artykuł stopkę Każdy z tych elementów z naszego punktu widzenia jest właśnie obiektem. Obiekt CSS to wizualnie samodzielny element strony. Artykuł potrafi wyświetlić się poprawnie bez nagłówka ani stopki serwisu. Taki sposób przedstawiania elementów strony jest dla człowieka bardziej intuicyjny niż pojmowanie jej jako zbiór wielu DIV-ów, SPAN-ów i innych znaczników. Obiektowość CSS sprowadza...
- Ikony (symbole) / Społecznościowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Osoba person person Grupa group group Udostępnij share share Kciuk w górę thumb_up thumb_up Grupy groups groups Publiczne public public Dodaj osobę person_add person_add Uścisk dłoni handshake handshake Konsultant wsparcia support_agent...
- Ikony (symbole) / Sprzęt
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Telefon iPhone phone_iphone phone_iphone Zapisz save save Smartfon smartphone smartphone Klawiatura strzałka w dół keyboard_arrow_down keyboard_arrow_down Drukuj print print Komputer computer computer Urządzenia devices devices Komputer...
- Komendy HTML 4.01 / LI
...angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy VALUE="liczba" Numer aktualnego punktu (zdeprecjonowane) Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: opcjonalny
- Rozmiary CSS / Wysokość i marginesy automatyczne
...wysokości (height) oraz pionowych marginesów elementów (margin-top, margin-bottom), po przypisaniu im wartości auto. Przedstawione poniżej punkty 1-3 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Własność height nie ma zastosowania (nie można jej przypisać), ale zależy od wysokości linii (line-height). 2. Elementy...
- Selektory pseudoklas CSS / Korzeń :root
...Co to jest "root" w CSS? W CSS termin root odnosi się do głównego elementu struktury dokumentu, czyli do korzenia drzewa dokumentu. Jest to punkt wyjścia dla stylów CSS, które mogą być zastosowane do całej strony. Jaki znacznik jest elementem głównym "root" strony HTML? W HTML elementem głównym, który stanowi korzeń drzewa dokumentu, jest znacznik <html>. To wewnątrz tego znacznika umieszczane są wszystkie inne elementy strony.