pliki - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...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 globalne style formatowania tekstu Używaj właściwych jednostek...
I co dalej... / Wysłanie strony...połączeń FTP (niestety po angielsku). Jeżeli wszystko przebiegło pomyślnie, to w jednym oknie programu Total Commander powinny widnieć wszystkie pliki (strony WWW), które znajdują się na dysku Twojego komputera, natomiast w drugim zobaczysz zawartość katalogu zdalnego (na serwerze) pod nazwą "-0-": Teraz wystarczy tylko skopiować potrzebne pliki do katalogu serwera. Robi się to zupełnie identycznie, jak przy kopiowaniu plików na tym samym dysku. Można użyć metody zaznacz i upuść (po...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...plik.GIF, plik Jak widać obrazek plik.gif oraz dokument strona.html znajdują się w tym samym katalogu. Nie ma przy tym znaczenia czy oba pliki są w katalogu głównym serwisu czy w jakimś podkatalogu - ścieżka dostępu jest taka sama. W takim przypadku wystarczy podać nazwę pliku bez żadnych dodatków. Jest to najprostsza struktura katalogów (szczególnie pierwsza - wszystko w jednym katalogu). Stosuje się ją szczególnie w serwisach składających się z niewielu podstron. Jeśli masz...
- HTML5 / Filmy i dźwięk <video, audio, source>
...i systemów operacyjnych, konieczne jest konwertowanie plików jednocześnie do wszystkich z niżej wymienionych formatów. Poszczególne skonwertowane pliki w różnych formatach należy wymieć za pomocą kolejnych znaczników SOURCE. Konwersję posiadanego pliku audio/wideo do wymaganych formatów można wykonać np. za pomocą darmowego programu Miro Video Converter. Listę obsługiwanych formatów audio/wideo, a także wiele innych, przydatnych informacji o Twojej przeglądarce możesz sprawdzić w...
- Widżety HTML / Szablon strony bez ramek
...jak największy fragment kodu źródłowego - ten, który powtarza się na wszystkich podstronach serwisu. Aby wykorzystać szablon PHP, wszystkie pliki podstron serwisu muszą mieć rozszerzenie *.php, a nie *.html, czyli np. podstrona.php. Plik strony głównej serwisu musi się nazywać index.php, a nie index.html ani index.htm. Każdy plik podstrony musi mieć następującą postać (np. podstrona.php): <?php include $_SERVER['DOCUMENT_ROOT'].'/head.php'; ?> Właściwa zawartość strony... <?php...
- Multimedia HTML / Osadzenie pliku <embed>
...polecenia, wprost na stronie powinno zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst. Polecenie <embed> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle...
Przeglądarka zdjęć...if (auto) this.przewin(); } var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array( new Array('../../pliki/gallery/mini/beskid-zywiecki.jpg', 'Beskid Żywiecki'), new Array('../../pliki/gallery/mini/mogielica.jpg', 'Mogielica', 'Widok z Polany Stumorgowej pod Mogielicą - najwyższym szczytem Beskidu Wyspowego'), new Array('../../pliki/gallery/mini/szczebel.jpg', 'Szczebel', 'Widok ze szczytu Szczebla w Beskidzie Wyspowym') )); Skrypt...
- Formularze HTML / Selektor plików <input "file">
...nam poprzez formularz konkretny typ pliku - np. obrazek. Możemy oczywiście podać gdzieś w widocznym miejscu informację, że np. przyjmujemy tylko pliki JPG i GIF, jednak taka informacja może zostać łatwo przeoczona. Poza tym skoro spodziewamy się tylko określonych typów plików, nie ma sensu, żeby użytkownik przeglądając swój dysk lokalny musiał się przedzierać przez inne pliki, które akurat znajdują się u niego w tym samym katalogu co pożądane obrazki. Atrybut accept="..." nie jest...
- 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...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany. Oto jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne podobne szablony)...