Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie do HTML Informatyka.

Podobne prezentacje


Prezentacja na temat: "Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie do HTML Informatyka."— Zapis prezentacji:

1 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie do HTML Informatyka

2 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Cele lekcji Podczas tej lekcji nauczysz się: –tworzyć prawidłową strukturę dokumentu HTML; –formatować tekst przy pomocy znaczników; –rozróżniać adresy względne i bezwzględne; –tworzyć hiperłącza.

3 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Przegląd zagadnień HTML – co to takiego? Rodzaje edytorów HTML. Podstawowa struktura dokumentu HTML. Tworzymy pierwszy dokument HTML. Linki, sznurki, łącza, odnośniki – czyli hiperłącza.

4 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja HTML – co to takiego? Internet a pliki. HTML. HTML a przeglądarka. Specyfikacja języka HTML. XHTML. Strony dynamiczne. Flash. CSS. XML.

5 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Rodzaje edytorów HTML Edytor. Pojęcie: edytor tekstowy jest Ci już prawdopodobnie znane. Do edycji dokumentów tekstowych używałeś na lekcjach edytora Microsoft Word. Dokument HTML jest także plikiem tekstowym, do którego tworzenia wymagany jest odpowiedni edytor. Podział edytorów kodu HTML. Tekstowe. Graficzne. –Jedne i drugie mogą być bezpłatne lub komercyjne. Aplikacje często dysponują możliwością pracy w obu trybach, czasami też posiadają rozbudowane możliwości zarządzania tworzoną witryną.

6 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Edytory HTML dostępne w pracowni. Notatnik. Microsoft Word. Microsoft FrontPage. Inne edytory.

7 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Notatnik

8 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Microsoft Word

9 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Microsoft FrontPage

10 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Inne edytory

11 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Znaczniki Znacznik to w kodzie HTML tekst ujęty pomiędzy znaki <>. Np. Zamiast słowa znacznik należy wstawić odpowiednie słowo z kodu HTML. Znaczniki informują jak wyświetlać określony fragment w przeglądarce i w większości występują parami. Oznaczają początek i koniec danego efektu. Np. tekst Znacznik końca różni się tylko dodatkowym znakiem /.Choć w wielu przeglądarkach nie jest to istotne, zaleca się przestrzeganie kolejności znaczników podobnej do zamykania nawiasów w matematyce: Prawidłowo: ([]) – czyli Nieprawidłowo: ([)] – czyli

12 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Podstawowa struktura dokumentu HTML Tytuł strony Tekst na stronę.

13 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzymy pierwszy dokument HTML Przygotowany dokument musi zostać zapisany jako plik z rozszerzeniem htm lub html. W nazwie zakazane są spacje i polskie znaki, dopuszczalny jest znak podkreślenia. nazwapliku.htm nazwa_pliku.htm Ważne: –Plik domyślny. –Polskie znaki w nazwach plików.

14 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Zapisywanie dokumentu HTML w Notatniku Wpisujemy nazwę pliku z rozszerzeniem i klikamy przycisk Zapisz.

15 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Nazwy plików HTML nazwa pliku.htm - (zła); mojastrona.htm - (dobra); mOjAStrona.html - (dobra); moja_strona.html - (dobra); moja_strona1.htm - (dobra); moja_strona_01.html - (dobra); strona_o_edytorze_tekstów.htm - (zła)

16 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wybrane znaczniki HTML Akapit. Załamanie akapitu. Pogrubienie tekstu. Pochylenie tekstu. Podkreślenie tekstu. Linia pozioma.

17 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Akapit

18 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Załamanie akapitu

19 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Pogrubienie tekstu

20 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Pochylenie tekstu

21 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Podkreślenie tekstu

22 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Linia pozioma

23 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Linki, sznurki, łącza, odnośniki – czyli hiperłącza Hiperłącza nazywane są odnośnikami, linkami, łączami czy nawet sznurkami. Najbardziej popularna nazwa to jednak hiperłącza i łącza. Aby oznaczyć w kodzie fragment tekstu jako hiperłącze należy wprowadzić znacznik - znacznik ten może posiadać dodatkowe atrybuty – jednym z nich jest atrybut href – wskazujący adres do jakiego ma prowadzić łącze. kliknij tu Przedstawiony adres jest adresem bezwzględnym – to znaczy że wskazuje na dokładnie jeden dokument w Internecie. W adresie względnym nie wskazuje się adresu pliku w Internecie a tylko położenie jednego dokumentu względem drugiego. Jeśli dokumenty są w tym samym folderze adres łącza pomiędzy nimi może wyglądać tak: kliknij tu To zdanie jest hiperłączem do portalu Onet. – jaki to adres?To zdanie jest hiperłączem do portalu Onet.

24 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Hiperłącza Wskaż adresy względne i bezwzgledne: link1 link2 (ok) link1

25 Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Podsumowanie HTML – co to takiego? Rodzaje edytorów HTML. Podstawowa struktura dokumentu HTML. Tworzymy pierwszy dokument HTML. Linki, sznurki, łącza, odnośniki – czyli hiperłącza.


Pobierz ppt "Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie do HTML Informatyka."

Podobne prezentacje


Reklamy Google