podstrony html - Kurs HTML i CSS
HTML dla zielonych / Wstawienie obrazka HTML <img src alt>...wielu działów w serwisie oraz dużej ilości plików. Wtedy w katalogu głównym znajduje się zazwyczaj jedynie strona główna index.html, a wszystkie podstrony oraz pliki są umieszczone w katalogach podrzędnych. Poprawnie: ../../katalog2/katalog2a/plik.gif Niepoprawnie: C:\www\katalog2\katalog2a\plik.gif, katalog2/katalog2a/plik.gif, ../katalog2/katalog2a/plik.gif Ten przykład jest już dość zaawansowany. Jeśli go zrozumiesz, możesz powiedzieć, że ścieżki dostępu "masz w małym palcu" 🙂...
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...
- 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 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ą link do wybranego serwisu (np...
HTML dla zielonych / Ćwiczenia...linki.html (nowy plik HTML w edytorze) i umieść do niej odsyłacz na stronie głównej (czyli w pliku index.html). O tym co to są i jak się tworzy podstrony przeczytasz w podrozdziale: Ramy dokumentu. Na podstronie linki.html wstaw odsyłacze do ciekawych stron w internecie, na których czytelnik będzie mógł znaleźć więcej informacji na opisywany przez Ciebie temat. Jeżeli tworzysz stronę o sobie, możesz tutaj umieścić odnośniki do Twojego profilu w serwisach społecznościowych: Facebook...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarkiSpis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
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...
- Widżety HTML / Ramki lokalne <iframe>
...inline frame), która działa jak niezależne okno przeglądarki wewnątrz strony internetowej. Jak wstawić IFRAME na HTML? Na przykład jeśli plik podstrony nazywa się "podstorna.html" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić ramkę IFRAME, można się posłużyć następującym znacznikiem: <iframe src="podstrona.html"></iframe>. Jaki znacznik HTML służy do wyświetlania w ramce fragmentu innej strony internetowej na własnej stronie...
- Odsyłacze HTML / Do etykiety <a id>
...przejście do innego miejsca (etykiety) na tej samej lub innej stronie. Zasady wpisywania ścieżki dostępu są takie same jak w przypadku odsyłacza do podstrony. Należy jedynie pamiętać, że nazwa etykiety w poleceniu odsyłacza: <a href="#... oraz w definicji etykiety: <a id="... musi być bezwzględnie taka sama (włączając w to wielkość liter), jedynie w odsyłaczu nazwę należy poprzedzić znakiem # (krzyżyk)! Można również zauważyć, że kolejność wpisywania odsyłacza <a href="#... oraz etykiety...
- 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...
- 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...