pliki - Kurs HTML i CSS
Promocja strony WWW / Bannery i buttony...(468x60 lub 400x50 pikseli - ten drugi rozmiar przyjął się szczególnie w polskim Internecie) oraz buttonów (88x31 pikseli). Pilnuj również, aby pliki bannerów i buttonów nie miały zbyt dużej objętości, ponieważ wydłuża to wczytywanie strony i zmniejsza prawdopodobieństwo kliknięcia. Zmniejszenie objętości można uzyskać przez kompresję graficzną obrazków, którą obsługuje praktycznie każdy bardziej zaawansowany program graficzny. Nie bój się przesadnie konkurencji - wymiana linków może...
- Języki / Strony kodowe
...kodowej większość alfabetów świata, co sprawia, że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty zapisane w powszechnie używanej stronie kodowej UTF-8, implementującej standard Unicode, powiększenie pliku nie jest duże. Dodatkowo znaki Unicode nie zawsze są poprawnie wyświetlane (jeśli np. użytkownik nie posiada odpowiedniej...
- HTML5 / Responsywny obrazek <picture, source>
...tego problemu mogłoby być używanie nowoczesnych formatów zdjęć - np. WEBP lub JXR - które zapewniają lepszy stopień kompresji danych. Dzięki temu pliki w nich zapisane mogą być nawet kilkukrotnie lżejsze niż np. w tradycyjnym formacie JPG. Niestety starsze przeglądarki nie obsługują takich formatów, a wtedy na stronie zamiast pożądanej ilustracji użytkownik zobaczy zapewne ikonę zastępczą informującą o uszkodzonym pliku graficznym. Możemy jednak przygotować wiele formatów zdjęcia i dać...
- HTML5 / Wstępne ładowanie <link "preload" as>
...używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki CSS, JavaScript lub obrazy, zanim zostaną one potrzebne przez stronę. Używa się do tego tagu <link rel="preload" href="resource.css" as="style"> lub innych mechanizmów, aby przeglądarka mogła załadować zasoby w tle, co zmniejsza czas ładowania strony, gdy zasoby stają się aktywne. Pozwala to na uniknięcie opóźnień w ładowaniu strony...
Polityka prywatności...w tym serwisie jest: Sławomir Kokłowski (kontakt). Cele przetwarzania danych osobowych Cookies - zwane również ciasteczkami - to niewielkie pliki przechowywane przez przeglądarkę internetową na komputerze użytkownika. Korzystanie z cookie jest całkowicie bezpieczne. Nie mogą one zainfekować komputera wirusem. Nie dają dostępu do prywatnych dokumentów czy zdjęć użytkownika. Nie wykradają haseł dostępu ani żadnych danych osobowych zapisanych na komputerze. Inni użytkownicy serwisu nie...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...pozwolenia Należy podać dowolną liczbę poniższych wartości rozdzielając je spacjami: allow-downloads - zezwala pobierać pliki - zarówno standardową metodą jak i poprzez atrybut download. allow-forms - pozwala wysyłać formularze. allow-modals - pozwala otwierać okna modalne, tzn. takie które blokują stronę dopóki użytkownik ich nie zamknie. W języku JavaScript są to funkcje: alert, confirm, print, prompt, a także zdarzenie onbeforeunload. allow-orientation-lock...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...a na podstronach kategorii tematycznych - po dwa. A teraz kilka słów o tym, jak napisać taki zewnętrzny arkusz stylów. Jest on po prostu zwykłym plikiem tekstowym. Aby go utworzyć, wystarczy zwykły edytor tekstu, w którym piszemy takie same deklaracje stylów selektor { cecha: wartość }, jak w przypadku wewnętrznego arkusza stylów. Oczywiście można się posłużyć specjalnym edytorem CSS. Należy jedynie pamiętać, że plik będący zewnętrznym arkuszem stylów musi mieć rozszerzenie *.css...