dostępu - Kurs HTML i CSS
Nagłówek i treść HTML / Ikona strony <link "shortcut icon">(interpretuje: Internet Explorer, Firefox, Opera 7, Chrome) <head> <link rel="shortcut icon" href="ścieżka dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o...
- Odsyłacze HTML / Odsyłacz FTP <a "ftp">
...Protokół Transmisji Plików) służy do pobierania i wysyłania plików z/do specjalnych serwerów. Możliwe jest zabezpieczenie połączenia hasłem dostępu lub udostępnienie plików wszystkim użytkownikom - tzw. logowanie anonymous (adres e-mail jako nazwa użytkownika). Aby zrealizować na stronie dział "download" - tzn. możliwość pobierania plików przez czytelników - należy się posłużyć odsyłaczem do podstrony. Przykład <a "ftp"> ftp://sunsite.icm.edu.pl/pub/ Z podaniem użytkownika (login)...
- Multimedia HTML / Osadzenie pliku <embed>
...<embed> W przypadku materiałów dźwiękowych (muzyka) i wideo (filmy) korzystniej jest użyć odpowiednio elementów: AUDIO, VIDEO. <embed src="ścieżka dostępu do pliku" width="x" height="y"> gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację na dysku, gdzie znajduje się żą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...
- Formularze HTML / Ramy formularza HTML <form>
...atrybutu action="..." można również podać adres skryptu PHP lub CGI (jeśli znajduje się on na tym samym serwerze, wystarczy podać względną ścieżkę dostępu). Skrypt taki stanowi specjalny program, wykonywany wprost na stronie WWW (na serwerze). Potrafi on, zgodnie z poleceniami programisty, przetworzyć wszystkie dane i np. zapisać je w oddzielnym pliku. W ten sposób oszczędzamy sobie wiele pracy, a wyniki mogą zostać natychmiastowo wyświetlone na ekranie - nie trzeba tego wykonywać ręcznie...
- Formularze HTML / Hasło <input "password">
...Można również stosować dokładnie te same atrybuty, chociaż podanie hasła domyślnego, może nie być dobrym pomysłem 🙂. Przesyłanie ważnych haseł dostępu w zwykłym formularzu pocztowym nie jest bezpieczne, ponieważ formularz taki nie jest szyfrowany. Niesie to ze sobą niebezpieczeństwo, że wiadomość w drodze do adresata może zostać przechwycona i odczytana przez osoby niepowołane. Dla zaawansowanych Można natomiast zaszyfrować cały formularz, podczas przesyłania go do skryptu, pracującego...
- Formularze HTML / Selektor plików <input "file">
...wysłana wraz z formularzem. Polecenie wprowadza selektor plików, składający się z dwóch pól: pola tekstowego, w którym wpisuje się ścieżkę dostępu do pliku, przycisku, po naciśnięciu którego, można przeszukać dysk, aby odnaleźć plik. Selektor plików został wprowadzony teoretycznie po to, aby można było przesłać wybrany plik w załączniku do listu (formularza). Wtedy dla znacznika <form>...</form> należałoby dodatkowo użyć atrybut enctype="multipart/form-data". Niestety nowe...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...submit" disabled> To pole jest zablokowane (disabled). Przycisk obrazkowy <input "image"> <form action="..."> <input type="image" src="ścieżka dostępu do obrazka" alt="informacja alternatywna"> </form> gdzie jako "ścieżka dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się obrazek, który ma zostać wyświetlony jako przycisk wysłania formularza. Natomiast zamiast "informacja alternatywna" można podać treść informacji, która powinna pojawić się w przypadku, gdy...
- I co dalej... / Darmowe serwery
...serwera FTP, swojego login oraz hasła (chyba nie muszę dodawać, że udostępnianie hasła osobom trzecim, nie jest zbyt dobrym pomysłem). Czasami hasło dostępu otrzymujemy dopiero pocztą e-mail, wtedy należy je zmienić natychmiast po pierwszym zalogowaniu (na stronie serwera gdzie zakładaliśmy konto). Wszystkie te dane będą Ci potrzebne później przy wprowadzaniu Twojej strony na serwer, dlatego nie zapomnij ich zanotować (hasło dostępu znacznie bezpieczniej jest zapamiętać niż zapisywać na...
Wstawianie stylów CSS / Import arkusza stylów @import...arkuszu stylów. Pozwala wczytać zewnętrzny arkusz stylów, przy czym może się on znajdować na tym samym serwerze (wtedy można podać względną ścieżkę dostępu) lub w dowolnym miejscu w obrębie całego Internetu (wtedy podajemy adres internetowy). Po wczytaniu, zostanie on automatycznie dołączony do strony. Oprócz importu arkusza, możesz umieścić pomiędzy znacznikami <style> a </style> dodatkowo własne reguły stylów, a nawet polecenie importu drugiego arkusza (ich działania zostaną połączone, a w...
- Selektory pseudoelementów CSS / Przed... :before
...url} Zamiast tekstu generowanego przed wybranym elementem, w analogiczny sposób można tam dodać grafikę: selektor:before { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :before {content: url} To jest akapit, rozpoczynający się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji: p:before { content: url(obrazek.gif) " POCZĄTEK "; color: red...