informacje - Kurs HTML i CSS
Odsyłacze HTML / Odnośniki hipertekstowe...W porównaniu z wyszukiwarkami internetowymi, linki mają taką zaletę, że autor zwykle starannie je wybrał i dlatego zawierają najczęściej rzetelne informacje, których odszukanie w tradycyjny sposób mogłoby zająć dużo więcej czasu. Gdyby nie odsyłacze, cały ten kurs musiałby składać się z jednej ogromnej strony lub z wielu nie powiązanych ze sobą dokumentów, przez co nawigacja w takim serwisie byłaby niezwykle utrudniona. Aby wejść na dowolną stronę (nawet w tym samym serwisie), za każdym...
Dobre praktyki / CSS Zorientowane Obiektowo...left; margin-right: 1em; } .Menu a { color: blue; text-decoration: none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego imieniem, nazwiskiem i zdjęciem źródle - nazwa, logo i odnośnik Każdy z tych elementów można traktować jako osobny obiekt (zmiana wyglądu informacji o autorze nie powinna wpływać na wygląd samej treści artykułu), z których składa się (ang. composition) główny obiekt artykułu. Myślenie o skomplikowanym...
Przeglądarki...wyświetlany we wszystkich popularnych przeglądarkach. Teraz można to szybko sprawdzić w jednym miejscu - w poniższym zestawieniu. Szczegółowe informacje znajdziesz w odpowiednich sekcjach opisujących działanie tych elementów w przeglądarkach.
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
...do wybranej grupy bezpośrednio poprzez protokół NNTP. Odsyłacz newsrc <a "newsrc"> <a href="newsrc://adres">opis</a> Plik .newsrc zawiera informacje na temat grupy dyskusyjnej: czy została przez użytkownika zasubskrybowana oraz które artykuły zostały przeczytane. Dzięki temu można używać kilku programów odczytujących grupy dyskusyjne bez konieczności ponownego subskrybowania i powtórnego czytania tych samych artykułów. Odsyłacz telnet a "telnet"> <a href="telnet://adres">opis</a>...
- I co dalej... / Darmowe komponenty
...wyświetla jedynie sumaryczną liczbę odwiedzin, statystyka tworzy wykresy na każdy dzień, miesiąc, rok itd. Często podawane są również dodatkowe informacje jak: adresy spod których odwiedzano serwis, najczęściej używane przeglądarki i systemy operacyjne - szczególnie ważne dla webmastera. Statystykę można zwykle zabezpieczyć hasłem, aby nie oglądały jej osoby niepowołane. Oprócz licznika czy statystyki, można pokusić się jeszcze o założenie księgi gości, w której każdy odwiedzający stronę...
Multimedia HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz dokument z licencją zawierającą informacje o prawach autorskich Twojej strony: kto jest jej autorem, jakie są zasady korzystania z niej (czy można kopiować treść i używać ją do celów komercyjnych) itp. W tym celu możesz skorzystać z programów takich jak: WordPad - dostępny w systemie Windows Open Office - darmowy pakiet biurowy Microsoft Office - pakiet aplikacji biurowych dostępny za...
- Ikony (symbole) / Akcje interfejsu użytkownika
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Szukaj search search Strona główna home home Menu menu menu Zamknij close close Ustawienia settings settings Zaznacz kółko check_circle check_circle Ulubione favorite favorite Dodaj add add Usuń delete delete Strzałka wstecz arrow_back...
- Ikony (symbole) / Społecznościowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Osoba person person Grupa group group Udostępnij share share Kciuk w górę thumb_up thumb_up Grupy groups groups Publiczne public public Dodaj osobę person_add person_add Uścisk dłoni handshake handshake Konsultant wsparcia support_agent...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...nastąpi wysłanie formularza. Formularz może posiadać więcej niż jeden przycisk wysyłania danych. Istnieje możliwość, aby każdy z nich przesyłał informacje pod inny adres: HTML5 / Nadpisanie atrybutów formularza. Wygląd pól formularza można zdefiniować bardziej precyzyjnie dzięki możliwościom CSS - np. przy pomocy zamieszczonego generatora.przycisk o ✅ Rozpocznij konfigurację formularza Przykład <input "submit"> value="Kliknij tutaj!" To jest przykład bez podania wartości value...
- Ikony (symbole) / Formatowanie tekstu
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...