strony - Kurs HTML i CSS
HTML5 / Przeciągnij i upuść <... draggable>...na stronach WWW zwykle konieczna jest znajomość języka JavaScript, to atrybut ten może być przydatny nawet w czystym HTML. Niektóre elementy każdej strony - jak np. odnośniki hipertekstowe - domyślnie mogą być przeciągane przez użytkowników. Jeśli taki link zostanie upuszczony na pasku adresu przeglądarki, nastąpi jego wczytanie. Można je również upuszczać na pola tekstowe formularzy. W niektórych przypadkach możemy jednak nie chcieć takiego zachowania. Aby zablokować przypadkowe...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
...domyślną wolną przestrzeń. Zwykle nie będzie ona dokładnie odpowiadać rzeczywistym rozmiarom grafiki. Dlatego po załadowaniu obrazka, elementy strony w pobliżu i poniżej niego mogą przeskoczyć w dół lub na bok. Jeśli użytkownik dokładnie w tym czasie próbował kliknąć w coś na stronie, może trafić w inny element niż zamierzał.
Drukowanie CSS / Rozmiar papieru @page {size}...niż procent dwie wartości długości - szerokość i wysokość obszaru wydruku rozdzielone od siebie spacją Typowa drukarka najczęściej drukuje strony w orientacji pionowej (tzw. portret). Taki układ zwykle najlepiej sprawdza się przy drukowaniu tekstu. Na stronie możemy mieć jednak także zdjęcia np. krajobrazów, które typowo mają układ poziomy. W takiej sytuacji zdjęcie nie zostanie automatycznie obrócone, a więc zajmie tylko niewielki fragment kartki papieru. Użytkownik może co prawda...
- Drukowanie CSS / Okładka wydruku @page :first
@page :first { cecha: wartość } Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Na pierwszej stronie wydruku często znajduje się okładka, która różni się wizualnie od pozostałych stron. Na przykład może ona zawierać grafikę rozpościerającą się na całej powierzchni kartki bez żadnych marginesów. Taki efekt pozwala uzyskać pseudoklasa :first, dzięki której możemy ustawić marginesy na okładce inne niż na pozostałych stronach wydruku - np...
- Ikony (symbole) / Ikony do pobrania
...Nadają projektom przejrzystość, ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach: Akcje interfejsu użytkownika Społecznościowe Typowe akcje Komunikacja Zdjęcie i obraz Biznes i płatności Mapy Formatowanie tekstu...
Dla nauczycieli / Dla nauczycieli - Kurs HTML i CSS w Twojej klasie...na żywo, aby zobaczyć efekty swoich działań. Brak potrzeby używania zewnętrznych narzędzi! Praktyczne ćwiczenia - uczniowie mogą tworzyć działające strony WWW od samego początku. Każda lekcja zawiera ćwiczenia i quizy do rozwiązywania, co ułatwia ocenę postępów. Testy i quizy online - po zakończeniu lekcji możesz przeprowadzić test, który pozwoli sprawdzić zdobytą wiedzę. Uczniowie mają możliwość zdobycia bezpłatnych certyfikatów ukończenia, co zachęci ich do nauki. Interaktywny edytor kodu...