plik - Kurs HTML i CSS
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...następująco: <script> /* Tutaj umieść kod skryptu. */ </script> Jeżeli ten sam skrypt chcemy osadzić na kilku podstronach, możemy zapisać go w pliku z rozszerzeniem *.js i potem wstawić do niego odwołanie: <script src="plik.js"></script> Dodatkowo w tym przypadku do znacznika SCRIPT można dodać atrybut logiczny async, dzięki któremu przeglądarka wczyta w tle plik z kodem skryptu (który może być czasem sporych rozmiarów), pozwalając w tym czasie użytkownikowi normalnie rozpocząć...
Dobre praktyki / Przykazania webmastera...stosowania deklaracji !important Nie wstawiaj wewnętrznego arkusza stylów, który powtarza się na kilku podstronach Minimalizuj liczbę osobnych plików arkuszy CSS Unikaj importowania arkuszy stylów Wersjonuj pliki *.css i pliki graficzne w nich zawarte Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów Minimalizuj liczbę identyfikatorów i klas CSS Ustalając tło upewnij się, że element ma przypisany (lub odziedziczony) kolor tekstu (i odwrotnie) Ustal w jednym miejscu...
HTML dla zielonych / Ćwiczenia...Otwórz edytor HTML. Jeśli korzystasz z edytora graficznego, przełącz się do trybu bezpośredniej edycji kodu źródłowego HTML. W edytorze utwórz nowy plik HTML i wklej w nim szkielet strony uzupełniając konieczne fragmenty. Zacznij wpisywanie właściwej treści strony. Wyniki swojej pracy możesz na bieżąco oglądać w przeglądarce internetowej. W tym celu zapisz plik pod nazwą index.html, a następnie odszukaj go na dysku za pomocą dowolnego programu do przeglądania plików (w systemie Windows...
Formularze HTML / Selektor plików <input "file">Spis treści <input "file"> Selektor plików <input "file"> Długość pola (tekstowego) <input "file" size> Blokada pola <input "file" disabled> Filtr typu plików <form accept, input "file" accept> Selektor plików <input "file"> <form action="..." enctype="multipart/form-data"> <input type="file" name="nazwa"> </form> gdzie jako "nazwa" należy wpisać krótką nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Polecenie wprowadza selektor plików, składający się z dwóch...
- Oprawa graficzna / "Duszki" CSS
...ich liczbą, bo dużo nie zawsze znaczy lepiej. Tworząc galerię zdjęć zadbaj, aby miniatury były fizycznie pomniejszonymi grafikami, a nie tymi samymi plikami co duże zdjęcia, a jedynie zmniejszone za pomocą atrybutów HTML lub CSS. Weź pod uwagę, że użytkownik niekoniecznie będzie chciał obejrzeć powiększenia wszystkich zdjęć z galerii, a nawet jeśli, raczej nie będzie tak cierpliwy, aby czekać nawet kilka minut, na załadowanie od razu wszystkich pełnowymiarowych zdjęć. Formaty graficzne...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby ten plik posiadał rozszerzenie *.css. W powyższym przykładzie jest to plik pod nazwą "style.css", który znajduje się w tym samym katalogu co dokument *.html. Można go oczywiście zapisać w innej lokalizacji - wtedy zamiast "style.css" trzeba podać pełną ścieżkę dostępu (tworzy się ją w analogiczny sposób, jak przy wstawianiu obrazka). Warto...
- HTML dla zielonych / Edytory HTML
...dowolny edytor tekstu, no i oczywiście dobre chęci. Dokument HTML, czyli Hypertext Markup Language - Hipertekstowy Język Oznaczania, jest po prostu plikiem tekstowym, gdzie wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Lecz pisanie strony w zwykłym edytorze tekstu byłoby bardzo uciążliwe. Dlatego powstało wiele wyspecjalizowanych edytorów, które ułatwią, przyspieszą i uprzyjemnią Twoją pracę. Poniżej znajdziesz listę popularnych edytorów HTML...
- HTML5 / Pobieranie <a download, area download>
(interpretuje: Firefox 20, Opera 15, Chrome 14) Odsyłacz podstawowy - domyślna nazwa pliku: <a href="lokalizacja" download>...</a> Odsyłacz podstawowy - podana nazwa pliku: <a href="lokalizacja" download="nazwa">...</a> Odsyłacz rozszerzony - domyślna nazwa pliku: <area href="lokalizacja" download> Odsyłacz rozszerzony - podana nazwa pliku: <area href="lokalizacja" download="nazwa"> lokalizacja Miejsce, gdzie znajduje się plik do pobrania, podane w postaci ścieżki dostępu (w...
- Formularze HTML / Hasło <input "password">
...zabezpieczyć w ten sposób kilka różnych stron - każdą innym hasłem. Nie można zabezpieczyć jednak dwóch podstron tym samym hasłem, ponieważ każdy plik musi mieć inną nazwę. Aby zaimplementować taki mechanizm - logowanie i ewentualnie rejestrację nowych użytkowników - trzeba się posłużyć bardziej zaawansowanym skryptem obsługiwanym po stronie serwera, np. w języku PHP. UWAGA! Jeśli do komputera z którego korzystają użytkownicy posiadający hasło mają dostęp również inne osoby (np...
- HTML5 / Zmienione elementy i atrybuty HTML5
...(nie zawierać żadnych elementów potomnych). Zmienione atrybuty accept Dla elementów INPUT pozwala użyć ogólnych wartości: "audio/*" (dowolny plik w formacie dźwiękowym), "video/*" (dowolny plik w formacie wideo), "image/*" (dowolny plik graficzny). accesskey Możliwość użycia listy klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać tylko pustą...