koniec - Kurs HTML i CSS
I co dalej... / Płatne serwery...ale liczące się płatne hostingi oferują bezpłatnie automatyczne backupy wszystkich stron wykonywane co minimum 24 godziny. Gwarancje — no i na koniec najważniejsza kwestia. Płacąc za coś, stajemy się klientem, który otrzymuje od firmy jakąś usługę gwarantującą np. nieprzerwane działanie przez 99.95% czasu, szybkie reakcje na awarie czy dbanie bezpieczeństwo. Dodatkowo dochodzi do tego kwestia obsługiwanych technologii. Płatne hostingi pozwalają utrzymywać strony napisane w języku PHP...
Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut$="koniec"] { 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="..."). "Koniec" to określony tekst, którym kończy się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez...
- HTML dla zielonych / Edytory HTML
...bowiem kontekstową dokumentację dla wybranego polecenia języka, przeglądanie za pomocą serwera czy funkcję dynamicznego kodu, która uwalnia od konieczności pamiętania poleceń języka. CoreEditor (płatny - dostępna wersja DEMO) Tańszy konkurent Pajączka, następca darmowego EdHTML przepisany zupełnie od nowa. Bardzo dobrze spisuje się jako edytor dla osób programujących w Pascalu, Asemblerze, Delphi, C, Java itd. Niemniej największy nacisk położony został na wsparcie dla takich...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Formaty graficzne <img> Na koniec jeszcze jedna rada: obrazki wstawione na stronę, wydatnie zwiększają jej objętość, a co za tym idzie, wydłużają czas wczytywania strony. Jeśli na Twoim dysku lokalnym strona wczytuje się błyskawicznie, nie myśl, że będzie tak samo po wprowadzeniu jej do Internetu. Oczywiście im większy jest obrazek, tym więcej miejsca zajmuje na dysku. Poza...
- HTML5 / Napisy do filmów <track>
...gdzie: napisy.vtt Lokalizacja pliku tekstowego z napisami (*.vtt) - na dysku lub adres URL do pliku w Internecie. Dodanie atrybutu default jest konieczne. Inaczej napisy mogą nie zostać wyświetlone! lokalizacja pliku w formacie 1, lokalizacja pliku w formacie 2..., format 1, format 2..., Treść alternatywna Opisane w rozdziale: VIDEO, AUDIO, SOURCE. Napisy wyświetlane zwykle na dole ekranu są - obok głosu lektora i dubbingu - jednym ze sposobów na przekład filmu na inny język niż ten...
- HTML5 / Zdarzenia HTML5
...że nie dotrwa do końca bez buforowania. canplaythrough oncanplaythrough audio i video Agent użytkownika szacuje, że odtworzy zasób do końca bez konieczności dalszego buforowania. playing onplaying audio i video Odtwarzanie jest gotowe do rozpoczęcia po wstrzymaniu lub opóźnieniu spowodowanym brakiem danych. waiting onwaiting audio i video Odtwarzanie zostało zatrzymane, ponieważ kolejna klatka nie jest dostępna, ale agent użytkownika oczekuje jej pojawienia się. seeking...
- Ikony (symbole) / Typowe akcje
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 Koło konta account_circle account_circle Informacje info info Widoczność visibility visibility Miesiąc kalendarza calendar_month calendar_month Harmonogram schedule schedule Ostrzeżenie warning warning Pomoc help help Język language...
- Oprawa graficzna / Zamiennik obrazkowy
...na identycznie jak wymiary grafiki - inaczej otrzymalibyśmy element w szerokości całej strony i wysokości zależnej od zawartego w nim tekstu Na koniec po prostu ukrywamy tekst wpisany w środku, poprzez usunięcie wewnętrznego elementu Oczywiście w rzeczywistym zastosowaniu zewnętrzny element blokowy można, a nawet należy, opatrzyć klasą lub identyfikatorem, aby nie naruszyć sposobu wyświetlania innych bloków na tej samej stronie. Wady: Konieczny dodatkowy element (SPAN) Syntezatory...
- Dobre praktyki / CSS Zorientowane Obiektowo
...więcej niż jedną klasę bazową. Może to jednak wywołać trudne do przewidzenia konsekwencje przy zmianach deklaracji w klasach bazowych. Jeśli koniecznie chcesz skorzystać z tej techniki, klasy bazowe powinny być raczej maksymalnie uproszczone. <div class="Information Important Warning">...</div> W powyższym przykładzie klasa pochodna Warning (ostrzeżenie) ma dwie klasy bazowe: Information (informacja) oraz Important (ważne). Jednocześnie Important nie jest pochodną Information ani na...
Aktualizacja / System newsów...Następnie w nagłówku dokumentu (wewnątrz <head>...</head>) wklejamy: <link rel="stylesheet" href="news.css"> <script src="news.js"></script> Na koniec pozostało już tylko wstawić w wybranym miejscu strony treści newsów (nowości): <script> var news = new News(); ///// // Dodawanie newsów w postaci: // news.dodaj(dzień,miesiąc,rok, // 'Tytuł','Treść newsa...', // 'adres','ramka', // 'autor','e-mail', // 'obrazek',szerokość,wysokość); ///// ////////// // Dodawanie...