początek - Kurs HTML i CSS
Selektory atrybutów CSS / Selektor atrybutu zawierającego łącznikiselektor[atrybut|="początek"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut lang="..."), którego wartość składa się z wyrazów rozdzielonych łącznikami (myślnikami). "Początek" to określony wyraz, od którego rozpoczyna się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane...
- Selektory atrybutów CSS / Selektor atrybutu o wartości rozpoczynającej się od...
(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut^="początek"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Początek" to określony tekst, którym rozpoczyna się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane...
- Układ wielokolumnowy CSS / Multi-column layout
...wąskich, sąsiadujących ze sobą kolumnach. Dzięki temu zwykle staje się on łatwiejszy w czytaniu, gdyż przenosząc wzrok z końca jednej linijki na początek kolejnej, oko nie musi pokonywać długiej drogi. Wiele nowoczesnych serwisów internetowych również składa się z kilku kolumn, ale najczęściej inaczej niż w gazecie właściwa treść artykułu znajduje się w pojedynczej kolumnie, a pozostałe kolumny są przeznaczone na menu lub inne elementy kontekstowe (popularne odnośniki, inne podobne...
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...razem, gdy tworzysz nową stronę, przepisywać całego tekstu powyższego szablonu. Wystarczy w przeglądarce internetowej naprowadzić wskaźnik myszki na początek tekstu (wskaźnik powinien zmienić kształt) i wcisnąć lewy przycisk myszki. Trzymając cały czas wciśnięty lewy przycisk, przeciągnij myszką do końca tekstu szablonu, po czym zwolnij przycisk - tekst zostanie zaznaczony. Teraz wciśnij na klawiaturze jednocześnie klawisze: Ctrl+C, co wywoła skopiowanie zaznaczonego tekstu do schowka...
- Odsyłacze HTML / Do etykiety <a id>
...staje się dużo łatwiejsza. Po kliknięciu odsyłacza do etykiety, przeglądarka internetowa przenosi użytkownika bezpośrednio do podrozdziału, a nie na początek strony, przez co nie jest on zmuszony do samodzielnego odszukania wybranego tematu (co w przypadku obszernych dokumentów mogłoby długo potrwać). Etykietę można zdefiniować w dowolnym miejscu strony - również wewnątrz zwykłego tekstu. Jeśli chcemy używać etykietę, najpierw należy ją zdefiniować w wybranym miejscu strony za pomocą...
- I co dalej... / Płatne serwery
...płatne usługi hostingowe. Czy (i kiedy) warto z nich skorzystać? Czym się różnią od darmowych? Jak je wybrać? Ile kosztują? Rodzaje hostingu Na początek absolutna podstawa: jest kilka rodzajów usług serwerowych/hostingowych. Do najpopularniejszych z nich należą: Hosting współdzielony — to usługa, w której w ramach jednego fizycznego serwera (maszyny) firma udostępnia usługi wielu różnym klientom. Niektóre z udostępnianych zasobów w takiej usłudze są gwarantowane (jak np. miejsce na...
- Szablon strony na DIV-ach / Płynny szablon
...ułożenie elementów treści. Poza tym tekst w zbyt długich linijkach zwykle gorzej się czyta, ponieważ trudniej przenieść wzrok z końca wiersza na początek następnego. Czasami jednak może być wygodny, np. kiedy zawiera jakieś szerokie elementy, które mogą nie zmieścić się w ustalonej szerokości dla stałego szablonu (czyli zwykle 780px minus szerokość kolumny menu i ewentualnie dodatkowych informacji). W płynnych szablonach najczęściej tylko blok treści strony dopasowuje się do rozmiarów...
- Szablon strony na DIV-ach / Responsywny szablon
...tego typu zabiegów można zaliczyć: Usunięcie elementów strony, które mogą być mało przydatne użytkownikom mobilnym Przesunięcie kolumny menu na początek lub koniec treści bądź umieszczenie jej w otwieranym menu Dopasowanie rozmiaru czcionki Przygotowanie fizycznie pomniejszonych zdjęć i innych multimediów Zapewnienie większej przestrzeni wokół klikalnych elementów menu, tak aby łatwiej je było wskazać palcem na ekranie dotykowym urządzenia bez przypadkowej aktywacji sąsiednich...
- Dobre praktyki / Przykazania webmastera
...Staraj się nie wstawiać tekstu w zbyt szeroką kolumnę, gdyż jest to niewygodne w czytaniu. Przy przenoszeniu wzroku z końca jednej linijki na początek następnej, można wtedy łatwo się pogubić. Pamiętaj, że coraz popularniejsze są monitory panoramiczne, na których Twoja strona może być bardzo szeroka, a więc pomyśl o ustaleniu jakiejś stałej lub przynajmniej maksymalnej szerokości układu strony w przeglądarce. Rozważ zwiększenie wysokości linii, ponieważ standardowa wartość może być...
Przeglądarka zdjęćSpis treści Wymagana wiedza Przykład przeglądarki zdjęć Skrypt przeglądarki zdjęć Inicjalizacja Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Podstawy stylów CSS (m.in. arkusze stylów) Odsyłacze do podstrony Przykład przeglądarki zdjęć /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function PrzegladarkaZdjec(id, zdjecia) { this.czas = 5; // czas przejścia w...