podstrony - Kurs HTML i CSS
Podcast HTML / #1 HTML dla zielonych...alt="Tu wpisz krótki opis obrazka"></div> Tworzenie odsyłaczy (linków) Odsyłacz (hiperłącze, link) jest tworzony za pomocą znacznika <a>. Do podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz...
CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">...na wygląd od razu wszystkich podstron Twojego serwisu. Czyż to nie jest piękne? Już nigdy więcej nie będzie Cię czekać żmudne przerabianie każdej podstrony tylko po to, aby zmienić na niej np. kolor albo rozmiar tekstu 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości wstawiania stylów CSS na stronach internetowych, zobacz rozdział: Wstawianie stylów. Pytania i odpowiedzi <link "stylesheet"> Jak dodać styl CSS? Najbardziej zalecanym sposobem...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...linijkę. Deklaracje stylów zawarte w zewnętrznym arkuszu, zostaną automatycznie przeniesione do podanej strony (podczas jej wyświetlania). Wszystkie podstrony serwisu z osadzonym w swoim nagłówku takim poleceniem, uzyskają wygląd, określony w załączonym arkuszu stylów. W pojedynczym dokumencie HTML można dołączyć dowolną liczbę zewnętrznych arkuszy stylów - każdy jako osobny element <link rel="stylesheet">. W przypadku konfliktów, ważniejsze będą deklaracje z arkusza dołączonego później...
Wykaz skryptów / Skrypty w kursie...użytkownika. Strona na hasło Jeżeli nie chcesz, aby wszystkie informacje na Twojej stronie były publicznie dostępne, możesz zabezpieczyć wybrane podstrony hasłem. Prezentowany skrypt jest niezwykle prosty do wprowadzenia, ale jednocześnie bardzo skuteczny. Dynamiczne blokowanie pól formularza Blokowanie/odblokowywanie albo ukrywanie/wyświetlanie jednego lub kilku pól formularza dopiero po wcześniejszym wybraniu przez użytkownika określonej opcji. Funkcja niezwykle przydatna przy bardziej...
- Nowe okno / Jedno okno
...odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego dokumentu, można tutaj wpisać: 'about:blank'. nazwa Nazwa nowego okna, która może być później wykorzystywana do wczytywania nowych stron do tego okna, bez konieczności otwierania następnych. Można otworzyć nowe okno, a później wczytywać do niego dokumenty...
- Wyszukiwarka / Wyszukiwanie w podanym serwisie
...stronę w wyszukiwarce - w tym przypadku Google - a potem należy odczekać pewien czas, aby robot wyszukiwarki zdążył zaindeksować wszystkie podstrony serwisu. Przykład
Wyróżnienia...Hity"): (...) można dowiedzieć się, jak wygląda typowy dokument HTML, w jaki sposób zachęcić internautów, aby odwiedzili daną stronę, co to są podstrony. Jak również w jaki sposób wpisuje się tekst na stronach WWW, jakie są zasady poprawnego wpisywania znaków interpunkcyjnych w tekście komputerowym. Z kursu można wynieść też wiedzę na temat znaczników i atrybutów oraz w jaki sposób układać tekst na ekranie, w jaki sposób zmienić wygląd tekstu, jak zmienić tło strony czy też w jaki sposób...
- Prawa autorskie
...kontakt. Uwaga! Dotyczy to również cytowania obszerniejszych fragmentów na forach dyskusyjnych! Zamiast cytować, lepiej podaj link do konkretnej podstrony kursu, co jest zawsze dozwolone. W przypadku chęci umieszczenia kursu w wersji offline w postaci plików *.html, umożliwiającej normalną nawigację w rozdziałach, na nośniku innym niż strony WWW (np. CD magazynu komputerowego czy dokumentacja dołączona do programu komputerowego), proszę bezwzględnie o wcześniejszy kontakt. Nie ma problemu...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...odsyłacz. Rozumie znaczenie atrybutów src="...", href="...", alt="...". Materiały Wstawienie obrazka HTML Wyśrodkowanie obrazka Odsyłacz do podstrony Odsyłacz do adresu internetowego Odsyłacz obrazkowy Odsyłacz pocztowy Podcast HTML: #1 HTML dla zielonych Przebieg 5 min - Powtórzenie z poprzednich zajęć: budowa dokumentu HTML. 10 min - Pokaz na rzutniku: jak dodać obrazek + opis atrybutów. 15 min - Uczniowie wstawiają obrazek do swojej strony z poprzedniej lekcji + tworzą...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...na wybrany przez siebie temat (np. hobby, sport, gry komputerowe, poradnik). Strona powinna zawierać: poprawną strukturę HTML5, co najmniej 2 podstrony połączone odsyłaczami, nagłówki, akapity, stylowanie za pomocą CSS (kolory, tło, czcionki), prostą interakcję JavaScript (np. sprawdzanie formularza, potwierdzenie operacji), Podsumowanie Cykl lekcji spełnia wymagania podstawy programowej dla branżowej szkoły I stopnia w zakresie opracowywania informacji za pomocą komputera...