temat - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">...często dostajemy również konto e-mail. Wtedy można z niego skorzystać. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu odsyłaczy pocztowych na stronach internetowych, zobacz rozdział: Odsyłacze / Odsyłacz pocztowy. Przykład <a "mailto"> Jako przykład użycia takiego odsyłacza możesz wysłać list do mnie. Tylko proszę, jeśli nie masz nic konkretnego do napisania, nie przysyłaj mi pustych listów 😉 Pytania i...
Dobre praktyki / Przykazania webmastera...zakładaj, że każdy posiada tak wydajny komputer jak Twój Unikaj stosowania technologii Flash, a zwłaszcza appletów Java Wstęp Choć wiedza na temat konstrukcji samochodów czy komputerów jest powszechnie znana, niektóre firmy robią to lepiej niż inne. Najczęściej wynika to z ich innowacyjności (również umiejętności uczenia się od innych) oraz doświadczenia. Podobnie w dziedzinie tworzenia stron internetowych, można to wykonywać lepiej lub gorzej. Osoby początkujące często poruszają się...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...HTML Podcast HTML: #1 HTML dla zielonych Podcast HTML: #3 Tekst HTML Podcast HTML: #4 Odsyłacze HTML Przebieg 5 min - Wprowadzenie do tematu i celów lekcji (możesz się posłużyć podcastem) Wyjaśnienie czym jest HTML, dlaczego jest kluczowy w tworzeniu stron internetowych, oraz jakie są jego podstawowe elementy. Krótkie wprowadzenie do struktury dokumentu HTML5. 10 min - Omówienie struktury dokumentu HTML i podstawowych znaczników (możesz się posłużyć podcastem) Wyjaśnienie...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu odsyłaczy obrazkowych na stronach internetowych, zobacz rozdział: Odsyłacze / Odsyłacz obrazkowy. Przykład <a href, img src alt "border"> Kliknij na tym przycisku: Pytania i odpowiedzi <a href, img src alt "border"> Jak zrobić, aby obrazek był linkiem? Najłatwiejszym sposobem umieszczenia...
- Nagłówek i treść HTML / Struktura dokumentu HTML
Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...stworzyć dobry serwis, który będzie często odwiedzany i którym będzie się można naprawdę pochwalić, trzeba czegoś więcej: Zastanów się dobrze nad tematyką swojej strony. Oczywiście nikt nie zabroni Ci publikacji informacji o tym, że np. Twój pies wabi się Azor, a kot - Mruczek, ale czy coś takiego naprawdę może przyciągnąć czytelników? Nie zapominaj, że część osób łączy się z Internetem ze smartfonu czy tabletu, płacąc za ilość danych pobranych z sieci, więc czy ktoś będzie tracił czas na...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...</head> Polecenie jest deklaracją strony kodowej, czyli sposobu w jaki będą zapisane w formie cyfrowej znaki na naszej stronie WWW. Więcej na ten temat możesz dowiedzieć się w rozdziale pt.: Strony kodowe. UWAGA! Absolutnie nie należy pomijać tego wpisu i powinna to być koniecznie deklaracja kodowania UTF, a nie WINDOWS, gdyż wtedy mogą wystąpić problemy z wyświetlaniem polskich znaków (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Pytania i odpowiedzi <meta charset> Jak...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...i odpowiedzi <meta "keywords"> Jak wpisać słowa kluczowe? Słowa kluczowe to lista wyrazów rozdzielonych przecinkami, które wskazują, o jakiej tematyce jest strona. Można je wpisać w nagłówku dokumentu - tzn. w dowolnym miejscu wewnątrz elementu <head>...</head> - używając następującego znacznika: <meta name="keywords" content="wyraz1, wyraz2, wyraz3...">. Jednak ponieważ tak wstawione słowa kluczowe nie wyświetlają się normalnie na stronie, w przeszłości twórcy witryn internetowych...
- Widżety HTML / Ostrzeżenie przed ramką
...możemy czasem natrafić na stronę, która wygląda jakoś dziwnie: nie posiada żadnego menu ani spisu treści, w którym można wybrać interesujący nas temat i swobodnie nawigować w całym serwisie. Strona taka jest jakby wyrwana z szerszej całości, ponieważ prawdopodobnie wchodzi w skład struktury ramek, lecz użytkownik wczytał ją bezpośrednio, a nie przez stronę startową. Dzieje się tak dlatego, ponieważ wyszukiwarki sieciowe indeksują wszystkie strony, bez względu czy wchodzą one w skład ramek...
- I co dalej... / Darmowe komponenty
...można pokusić się jeszcze o założenie księgi gości, w której każdy odwiedzający stronę może wpisać krótką notkę, zawierającą np. opinie na temat strony, życzenia, krytyki itp. Wszystkie wpisy są zapisywane i każdy może je później oglądać. Jest to tak jakby księga pamiątkowa serwisu. Bardzo podobne do księgi gości jest forum dyskusyjne. Różnica polega na tym, że użytkownicy mogą rozpoczynać nowe tematy dyskusji oraz odpowiadać na pytania innych. Aby wstawić na swoją stronę licznik...