Historia kodowania i format plików XML Jolanta Bachan
Co to jest format? Format to, w ogólnym znaczeniu, reguły określające strukturę fizyczną, sposób rozmieszczenia, zapisu informacji danego typu. Inaczej: wzorzec, szablon Wikipedia Jolanta Bachan 2
Kod Morse'a Kod Morse a stworzony w 1840 przez Samuela Morse a i Alfreda Vaila sposób reprezentacji alfabetu, cyfr i znaków specjalnych za pomocą dźwięków, błysków światła, impulsów elektrycznych lub znaków popularnie zwanych kreską i kropką. międzynarodowy kod radiowy https://pl.wikipedia.org/wiki/kod_morse%e2%80%99a Jolanta Bachan 3
Alfabet Braille a Alfabet umożliwiający zapisywanie i odczytywanie tekstów osobom niewidomym. Stworzony przez Louisa Braille'a, który w wyniku wypadku oślepł w dzieciństwie. Oparty jest na wojskowym systemie umożliwiającym odczytywanie rozkazów bez użycia światła autorstwa Charlesa Barbiera de la Serre. Jest jednym z pierwszych przykładów technologii asystujących. Wikipedia Jolanta Bachan 4
Alfabet Braille a każdy symbol zakodowany jest jako kilka wypukłych kropek w komórce 2x3 Jolanta Bachan 5
Alfabet Moona alfabet przeznaczony dla niewidomych, którego twórcą jest dr William Moon (1818-1894). https://pl.wikipedia.org/wiki/alfabet_moona Jolanta Bachan 6
Kod Baudot kod Baudot wynaleziony przez Émile Baudot pierwowzór kodów EBCDIC oraz ASCII. najbardziej ekonomiczny kod służący do przedstawiania tekstu kod 5-bitowy 32 kody litery alfabetu, cyfry, znaki przestankowe, interpunkcyjne podobnie jak kod Morse'a nie rozróżnia dużych i małych liter powszechnie wykorzystywany w dalekoopisach Jolanta Bachan 7
Kod Baudot Jolanta Bachan 8
Kod Baudot Jolanta Bachan 9
Czy cyfry arabskie są arabskie? Jolanta Bachan 10
Czy arabskie są arabskie? cyfry arabskie z Indii! cyfry indyjsko-arabskie cyfry wschodnio-indyjsko-arabskie Jolanta Bachan 11
HTML HTML: Hyper Text Markup Language Plik HTML to plik tekstowy zawierający małe znaczniki, tzw. tagi (markup tags) Tagi mówią przeglądarce internetowej, jak strona ma być wyświetlana Każdy plik HTML ma rozszerzenie htm lub html Plik HTML może być utworzony używając prostego edytora tekstu Jolanta Bachan 12
Wskazówki na początek Zawsze używaj małych liter dla znaczników <h1>, nie <H1> Zawsze domykaj znaczniki <h1>to jest nagłówek 1</h1> Używaj cudzysłowów przy podawaniu konkretnych wartości poleceń i atrybutów <a href="http://www.onet.pl">portal Onet.pl</a> Nie mieszaj znaczników <strong><em>witam wszystkich</em></strong> Jolanta Bachan 13
UTF-8 Kodowanie znaków <meta http-equiv="content-type" content="text/html;charset=utf-8" /> j. polski <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> j. japoński <meta http-equiv="content-type" content="text/html; charset=shift_jis"> Znaki specjalne Jolanta Bachan 14
Moja pierwsza strona internetowa <html> <head> <title>tytuł</title> </head> <body> To moja pierwsza strona internetowa. </body> </html> Jolanta Bachan 15
Moja pierwsza strona internetowa <html> <head> <title>tytuł</title> </head> <body> To moja pierwsza strona internetowa. </body> </html> Początek dokumentu HTML Początek nagłówka Tytuł strony Koniec nagłówka Tekst wyświetlany w przeglądarce internetowej Koniec dokumentu HTML Jolanta Bachan 16
Elementy HTML Dokumenty HTML to pliki tekstowe zbudowane z elementów HTML. Elementy HTML są zdefiniowane przy użyciu tagów HTML. Jolanta Bachan 17
Znaczniki HTML Znaczniki HTML są używane do zaznaczenia (mark-up) elementów HTML Znaczniki HTML są otoczone dwoma nawiasami < oraz > Nawiasy < > to nazywane są ostrokątnymi Znaczniki najczęściej występują w parach, np. <b> i </b> Pierwszy tag to tag początkowy (start tag), drugi to tag końcowy (end tag) Tekst pomiędzy tagami to zawartość elementu Jolanta Bachan 18
<b>this text is bold</b> Element HTML Element HTML zaczyna się tagiem początkowym (start tag): <b> Zawartość elementu HTML to: This text is bold Element HTML kończy się tagiem końcowym (end tag): </b> Jolanta Bachan 19
Podstawowe znaczniki Nagłówki <h1>this is a heading</h1> <h2>this is a heading</h2> <h3>this is a heading</h3> <h4>this is a heading</h4> <h5>this is a heading</h5> <h6>this is a heading</h6> Jolanta Bachan 20
Podstawowe znaczniki Paragrafy <p>this is a paragraph</p> <p>this is another paragraph</p> Jolanta Bachan 21
Podstawowe znaczniki Line break przeniesienie tekstu do następnego wiersza <p>this <br>is a para<br>graph with line breaks</p> Rezultat: This is a para graph with line breaks. Jolanta Bachan 22
Podstawowe znaczniki Horizontal rule linia pozioma <hr> Jolanta Bachan 23
XML XML: Extensible Markup Language, w wolnym tłumaczeniu Rozszerzalny Język Znaczników uniwersalny język znaczników przeznaczony do reprezentowania różnych danych w strukturalizowany sposób znaczniki mogą zawierać informację o tym, co znajduje się w elemencie znacznika, np. <autor>jolanta Bachan</autor> https://pl.wikipedia.org/wiki/xml Jolanta Bachan 24
Zadanie Stwórz swój własny plik XML. Jolanta Bachan 25