stronie - Kurs HTML i CSS
Układ wielokolumnowy CSS / Wypełnienie kolumn {column-fill}...ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej...
Prawa autorskieMożesz Zamieścić na stronie WWW, forum dyskusyjnym, serwisie społecznościowym itp. link do strony głównej Kursu HTML. Podawać linki bezpośrednio do określonych podstron (rozdziałów) kursu. Umieścić na stronie WWW bannery lub buttony kursu. Zobacz oficjalne bannery... (online) Zapisywać kurs do przeglądania tylko w wersji offline na dowolnych nośnikach danych (CD, DVD, USB drive, SD, dysk lokalny itp.) i nieodpłatnie przekazywać dowolnej osobie w takiej samej formie. Uwaga: nie dotyczy...
HTML5 / Filmy i dźwięk <video, audio, source>...odmienne lub w ogóle nieobsługiwane w niektórych przeglądarkach. Nie istniało standardowe API, dzięki któremu można by w prosty sposób wstawić na stronie odtwarzacz z własną skórką, realizować dynamiczne listy odtwarzania itp. Wymagały do działania zainstalowanych wtyczek (np. Adobe Flash Player), przez co czasem nadmiernie obciążały procesor, a przy tym nie były w ogóle obsługiwane przez wiele urządzeń mobilnych (smartfony, tablety). Dodatkowo wymagały od webmastera znajomości środowiska...
- Szablon strony na DIV-ach / Responsywny szablon
...strony. Za każdym razem kiedy będziemy chcieli wprowadzić coś nowego, trzeba to robić w dwóch miejscach. Nieco ułatwiają to skrypty wykonywane po stronie serwera - np. PHP. Jednak nawet w takim przypadku nie ustrzeżemy się od pewnych niedogodności: Użytkownik może przypadkowo trafić na wersję strony nieprzeznaczoną dla jego urządzenia. Co prawda dzięki np. wspomnianym już skryptom PHP możemy automatycznie wykryć typ urządzenia użytkownika, który odwiedza naszą stronę i dynamicznie...
- Formularze HTML / Ramy formularza HTML <form>
...w analogiczny sposób, występują prawie w każdym programie komputerowym, dlatego użytkownicy nie powinni mieć problemów z wypełnieniem formularza na stronie WWW. Pomiędzy podanymi wyżej znacznikami (<form> oraz </form>), mieszczą się wszystkie inne polecenia, dotyczące formularza (pola do wprowadzania danych). Każdy taki formularz musi rozpoczynać się od znacznika otwierającego <form>, a kończyć się znacznikiem zamykającym </form>, chyba że nie chcesz z nim nic robić (nigdzie go wysłać), ale...
- Oprawa graficzna / "Duszki" CSS
...adresu dowolnego współczesnego serwisu internetowego, przeglądarka zaczyna ładowanie dokumentu HTML oraz wszystkich elementów osadzonych na takiej stronie: głównie obrazków. Aby skrócić czas, przeglądarka nie ładuje osadzonych na stronie plików jeden po drugim, ale równocześnie po kilka - każdy w oddzielnym żądaniu HTTP (ang. HTTP request). Liczba jednoczesnych żądań jest jednak ograniczona, więc część plików musi poczekać na swoją kolej. Kluczem do skrócenia czasu wyczytywania elementów...
- Multimedia HTML / Osadzenie pliku <embed>
...żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy rozmiarów obrazu wtyczki, może on przyjąć wielkość, która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed> jest przydatne jeśli chcemy wstawić na stronę jeden z plików multimedialnych: *.wav - plik dźwiękowy typu "wav...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...Polecenia multimedialne sprawiają wiele kłopotów. Na przykład <embed> ma tę zaletę, że skojarzony z nim plik będzie odtwarzany bezpośrednio na stronie. Niestety jest to również jego wadą. Pliki multimedialne mają zwykle duże rozmiary, dlatego wczytywanie takiej strony może trwać potwornie długo. Poza tym polecenie <embed> nie zawsze działa poprawnie, szczególnie jeśli chodzi o jego atrybuty dodatkowe. Odsyłacz do pliku <a "jpg, avi, wav, txt, doc, rtf, xls, pdf"> Najbardziej...
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...treść strony </body> Zamiast wyrazów "kolor tła" oraz "kolor tekstu" należy wpisać definicję koloru odpowiednio: tła strony oraz tekstu na całej stronie. Robi się to tak samo jak w przypadku czcionek. Jeśli chcemy ustalić kolor tła oraz tekstu na całej stronie możemy użyć dodatkowych wartości atrybutu dla znacznika <body>. Wartości te ("background-color: ...; color: ...") nie wpisujemy w miejscu właściwej treści strony - tak jak w przypadku znaczników - lecz w atrybucie style...
- Szablon strony na DIV-ach / Stały szablon
...tekstu może wymagać ciągłego przewijania w prawo i z powrotem. W wyższych rozdzielczościach ekranu pojawi się puste miejsce po lewej lub/i po prawej stronie właściwego szablonu - zwykle zagospodarowuje się je poprzez umieszczenie tła graficznego (w najniższej rozdzielczości nie będzie ono widoczne, ale nie jest to takie ważne). Stały szablon jest najczęściej używaną formą rozplanowania serwisów internetowych, ponieważ jest to szablon niezależny od rozdzielczości ekranu. Wszystkie elementy w...