Technologie Internetu HTML. Aleksander Denisiuk.

Wielkość: px
Rozpocząć pokaz od strony:

Download "Technologie Internetu HTML. Aleksander Denisiuk. denisjuk@pja.edu.pl"

Transkrypt

1 Technologie Internetu HTML Aleksander Denisiuk Polsko-Japońska Akademia Technik Komputerowych Wydział Informatyki w Gdańsku ul. Brzegi Gdańsk Technologie Internetu p. 1

2 HTML Najnowsza wersja tego dokumentu dostępna jest pod adresemhttp://users.pja.edu.pl/~denisjuk/ Technologie Internetu p. 2

3 Hipertekst Vannevar Bush, As We May Think, 1945 Memex Ted Nelson 1960 Xanadu 1965 Hipertekst, hipermedia Milorad Pavić, 1984 Słownik chazarski Technologie Internetu p. 3

4 Języki znaczników. SGML 1969, IMB (Charles Goldfarb, Edward Mosher, Raymond Lorie) GML Dokument deklaratywny: opisanie struktury i atrybutów dokumentu, nie sposobu jego przetwarzania (prezentacji) Opisanie powinno być precyzyjne: powtarzalny wynik Standard Generalized Markup Language ISO 8879 (1986 rok) Technologie Internetu p. 4

5 SGML. Przykład <!DOCTYPE BOOK PUBLIC "-//OASIS//DTD DocBook V3.1//EN" [<!ENTITY % fulltext SYSTEM "fulltext.ent"> %fulltext; ]> <BOOK ID="DOCBOOK"> <BOOKINFO> <TITLE>Document HTML</TITLE> </BOOKINFO> <BODY> <PARA>Hello & World! </BODY> </BOOK> Technologie Internetu p. 5

6 Poprawność SGML poprawny strukturalnie (tag-valid, dobrze ułożony) zgodny z DTD (poprawny) Technologie Internetu p. 6

7 Document Type Definition <!ELEMENT UL - - (LI)+> <!ELEMENT TBODY <!ELEMENT COL O O (TR)+> - O EMPTY> (O optional) <!ENTITY % coreattrs "id ID #IMPLIED class CDATA #IMPLIED"> <!ATTLIST BR %coreattrs; > Technologie Internetu p. 7

8 HTML 1989/90, CERN (Tim Berners-Lee, Robert Cailliau) Poczatkowe wersje były inspirowane SGML 1992, HTML 1.0 pierwsza nieoficjalna wersja 1995, HTML 2.0 pierwsze oficjalne SGML-owe DTD Wojna przegladarek Styczeń 1997 HTML 3.2 Grudzień 1997 HTML HTML ISO HTML 28 października 2014 HTML 5 Technologie Internetu p. 8

9 HTML 4.01 transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Technologie Internetu p. 9

10 HTML Przykład <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html><head> <title> A HTML 1.0 Strict standard template </title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> </head> <body> <p>your HTML content here</p> </body> </html> Technologie Internetu p. 10

11 XML extensible Markup Language uproszczona wersja SGML każdy element powinien być domknięty case-sensitive elementy powinny być poprawnie zagnieżdżone powinien być jeden element korzeniowy wszystkie atrybuty powinny być w cudzysłowie (apostrofie) przestrzenie nazw Technologie Internetu p. 11

12 XML. Przykład <?xml version="1.0"?> <html> <head> <title> TINY </title> </head> <body> Technologie internetu. <ol> <li>html</li> <li>css</li> </ol> </body> </html> Technologie Internetu p. 12

13 Drzewo XML to title TINY note Technologie internetu li body ol li HTML CSS Technologie Internetu p. 13

14 XML. Przykład DTD <!ENTITY % coreattrs "id ID #IMPLIED class CDATA #IMPLIED style %StyleSheet; #IMPLIED title %Text; #IMPLIED" > <!ELEMENT ul (li)+> <!ATTLIST ul %coreattrs; > Technologie Internetu p. 14

15 Aplikacje XML Docbook RSS OpenDocument SVG XHTML Technologie Internetu p. 15

16 XHTML 2000 XHTML 1.0 transitional frameset strict 2001 XHTML października 2014 HTML 5 Technologie Internetu p. 16

17 HTML 5 Wide Web Consortium (W3C) XHTML 2.0 Web Hypertext Application Technology Working Group (WHATWG) Web Applications and Web Forms 2006, decyzja połaczyć wysiłki HTML5. Technologie Internetu p. 17

18 Zadania HTML 5 nowe możliwości będa oparte o HTML, CSS, DOM oraz JavaScript zmniejszyć (eliminować) potrzebę we wtyczkach (Flash) ulepszyć możłiwości debugowania nowe elementy maja zastapić skrypty sprzętowo niezależny otwarty standard Technologie Internetu p. 18

19 HTML5 nowe znaczniki (section,article,header, footer,nav,video,audio, etc) nowe pola formularzytel,search,url, , datetime,date,number, etc nowe atrybuty elementów formularzy:autofocus, required,autocomplete,min,max etc możliwość osadzenia MathML i SVG nie zawiera żadnych elementów prezentacyjnych (np. font) canvas dynamiczne, skryptowe renderowanie grafiki (2D, 3D) Technologie Internetu p. 19

20 HTML5 wsparcie przez wszystkie przegladarki już przed 2014 rokiem brak końcowej specyfikacji 2016 rok: 5.1 Technologie Internetu p. 20

21 XHTML 1.1. Przykład <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title> A XHTML 1.1 Strict standard template </title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <p>your HTML <br />content here</p> </body> </html> Technologie Internetu p. 21

22 HTML 5. Przykład <!DOCTYPE html> <html> <head> <title> A XHTML 1.1 Strict standard template </title> <meta charset="utf-8" /> </head> <body> <p>your HTML <br />content here</p> </body> </html> Technologie Internetu p. 22

23 Znaczniki HTML Każdy znacznik HTML (ang. tag) odpowiada logicznemu elementowi dokumentu Znacznik (element) pusty <hr /> Znacznik (element) prosty <h1>technologie Internetu</h1> Pusty element majacy atrybuty <img width="100" height="75" src="images/domek.png" /> Element złożony, który ma treść oraz atrybuty <a href=" PJWSTK</a> Technologie Internetu p. 23

24 Atrybuty standardowe Atrybuty uniwersalne. Nie dotyczy elementówbase, head,html,meta,param,script,style ititle. class,id,style,title Atrybuty językowe. Nie dotyczy elementówbase,br, frame,frameset,hr,iframe,param, orazscript. dir (ltr,rtl),lang (polski pl),xml:lang Atrybuty klawiatury. accesskey,tabindex Technologie Internetu p. 24

25 Ogólna struktura pliku HTML5 <!DOCTYPE html> <html> <head> </head> <body> </body> </html> Technologie Internetu p. 25

26 Ogólna struktura pliku HTML domyślna przestrzeń nazw Elementhead zawiera meta-informację o dokumencie. Meta-informacji nie wyświetla się w przegladarce. Może ona być użyta przy przetwarzaniu dokumentu. Elementbody zawiera logiczne elementy dokumentu, które maja się pojawić w przegladarce. Technologie Internetu p. 26

27 Meta informacja o dokumencie HTML <title>podstawy HTML</title> <meta name="description" content="wyklad z podstaw HTML" /> <meta name="keywords" content="html XHTML" /> <meta charset="utf-8" /> <meta name="author" content="aleksander Denisiuk" /a> Technologie Internetu p. 27

28 Mikrodane Technologie Internetu p. 28

29 Logiczne elementy dokumentu HTML. Akapit Treść akapitu powinna być poświęcona jednej spójnej myśli lub pojęciu Cały akapit należy umieszczać wewnatrz elementup <p>pierwszy akapit</p> Technologie Internetu p. 29

30 Rozdziały dokumentu podzielenie dokumentu na rozdziały, podrozdziały, punkty itd. pomaga czytelnikom lepiej orientować się w tekście HTML5 ma semantyczne znaczniki dla rozdziałów dokumentu: <article> artykuł (rozdział) <section> podrozdział <header> nagłówek dokumentu <footer> stopka <figure> wstawka <aside> wstawka, logicznie mniej zwiazana z dokumentem (na marginesie) <nav> blok nawigacyjny Technologie Internetu p. 30

31 Rozdziały dokumentu. Nagłówki h1 nagłówek całości dokumentu h2 h6 nagłówki rozdziałów i podrozdziałów dokumentu zarys dokumentu, Outliner Technologie Internetu p. 31

32 Przykład sematycznego dokumentu <header> <h1>aleksander Denisiuk. PJWSTK</h1> </header> <article> <h2>technologie Internetowe</h2> Technologie Internetu p. 32

33 Przykład, cd <section> <h3>wyklady</h3> <p>zaliczenie na egzaminie</p> </section> </article> <footer> <p>strona utworzona: <time datetime=" ">23 lutego 2009 roku</time></p> </footer> Technologie Internetu p. 33

34 Rozdziały dokumentu,div bloki dokumentu, które graja pewna rolę, umieszcza się wewnatrzdiv <div id= menu > </div> <div id= main > </div> <div id= right > </div> Technologie Internetu p. 34

35 Wyróżnienia logicznie wyróżniony fragment tekstu umieszcza się wewnatrz elementuem <p>element <em>pusty</em> nie ma ani tresci ani atrybutow</p> mark łagodniejsze wyróżnienie (na przykład, wyniki wyszukiwania) <p>i also have some <mark>kitten</mark>s who are visiting me these days. Maybe I should adopt a <mark>kitten</mark>.</p> Technologie Internetu p. 35

36 Wyróżnienia.span fragmenty tekstu, które graja pewna rolę umieszcza się wewnatrz elementuspan <p class= bibliography > <span class= author >Aleksander Denisiuk</span> <span class= title >Inversion of the X-ray transform</span> <span class= journal >Inverse Problems</span>, <span class= pages > </span> <span class= year >2007</span> </p> Technologie Internetu p. 36

37 Wyszczególnienia i wyliczenia Do wyszczególnień i wyliczeń używa się odpowiednio znacznikówul (unordered list) iol (ordered list) Każdy element listy zostaje umieszczony wewnatrz znacznikali (list item): <ul> <li>wprowadzenie</li> <li>znaczniki HTML</li> <li>struktura pliku HTML</li> </ul> Technologie Internetu p. 37

38 Wyszczególnienia i wyliczenia. Zagnieżdżenie <ol> <li>meta informacja o dokumencie HTML <ol> <li>kodowanie</li> <li>inne elementy body</li> </ol> </li> <li>logiczne elementy <ol> <li>akapit</li> <li>listy</li> <li>tabele</li> </ol> </li> </ol> Technologie Internetu p. 38

39 Tabele <table> <th> <td>nazwa waluty</td> <td>kurs</td> </th> <tr> <td>dolar USA</td> <td>3,0828</td> </tr> <tr> <td>euro</td> <td>3,9390</td> </tr> </table> Technologie Internetu p. 39

40 Obrazki <img width="100" height="75" src="images/domek.png" alt="gmach uczelni" title="gmach uczelni" /> Technologie Internetu p. 40

41 Odnośniki inny dokument <a href=" PJWSTK</a> ten sam dokument <h3 id="rysunki">obrazki</h3> w <a href="#rysunki">obrazkach</a> Technologie Internetu p. 41

42 Komentarze <!-- To jest komentarz --> Technologie Internetu p. 42

43 Znaki Specjalne. Meta Symbole < < > > & & Technologie Internetu p. 43

44 Znaki Specjalne. Cudzysłowy Press the x key. Press the x key. tylko po «zebrach» tylko po «zebrach» HTML zawiera znacznikq, specjalnie przeznaczony do krótkich cytatów. Przegladarka powinna(?) otoczyć cytat właściwym dla zadeklarowanego języka cudzysłowem. <q>tylko po «zebrach»</q> Technologie Internetu p. 44

45 Pauzy i myślniki Łacznik niebiesko-czarny Myślnik ( ) Półpauza ( ) str czerwca 13 lipca Znak minusa ( 2) 2 Technologie Internetu p. 45

46 Wielokropek Nie tak..., tylko raczej tak: Nowy Jork, Tokio, Budapeszt,... Nie tak..., tylko raczej tak: Nowy Jork, Tokio, Budapeszt, Technologie Internetu p. 46

47 Niełamliwe odstępy Polskie zasady nie pozwalaja przy łamaniu linii pozostawiać na końcu jednoliterowych spójników lub przyimków. nie dbaj o bilet Inne przykłady: godz ; od 15 do 40 minut; na str. 2 napisano; rozdz. 2; 2 kule; p. Jan Nowak; p. J. Nowak; I takt IX Symfonii. Technologie Internetu p. 47

48 Poprawnie ułożony dokument HTML zostanie poprawnie wyświetlony w każdej przegladarce internetowej (o ile ona nie ma błędów). nadaje się do automatycznego opracowania. Na przykład, przy indeksacji strony zostanie poprawnie wyświetlony w alternatywnych niż przegladarka środkach, zarówno istniejacych jak i tych, co maja się pojawić w przyszłości. zostanie poprawnie skonwertowany w inny format. Na przykład, w PDF lub Open Document. zostanie poprawnie połaczony z innym dokumentem. Technologie Internetu p. 48

49 Validator W3C Validator W3C Technologie Internetu p. 49

50 Formularze HTML <form action= index.php method= post name= DaneOsobowe id= FDO > <p>login: <input type= text name= login id= FDO_L /> </p> <p>password: <input type= password size= 1 name= password id= FDO_P /> </p> </form> dwie metody:post,get Technologie Internetu p. 50

51 Pole tekstowe <input type= text size= 4 maxlength= 8 value= Jan /> <input type= password size= 4 maxlength= 8 /> Technologie Internetu p. 51

52 Pole wyboru <form> <input type="checkbox" name="czerwony" /> czerwony<br /> <input type="checkbox" name="zielony" /> zielony<br /> <input type="checkbox" name="niebieski" checked="checked" /> niebieski<br /> </form> Technologie Internetu p. 52

53 znaczniklabel <form> <input type="checkbox" name="czerwony" id= r /> <label for= r >czerwony</label> <br /> <input type="checkbox" name="zielony" id= g /> <label for= g >zielony</label><br /> <input type="checkbox" name="niebieski" checked="checked" id= b /> <label for= r >niebieski</label> </form> Technologie Internetu p. 53

54 Pole wyboru radio <form> <p>select size:<br /> <input type="radio" name="rozmiar" value="s" id= S /> <label for= S >small</label> <br /> <input type="radio" name="rozmiar" value="m" id= M /> <label for= M >medium</label> <br /> <input type="radio" name="rozmiar" value="l" id= L checked="checked" /> <label for= L >big</label><br /> </p> </form> Technologie Internetu p. 54

55 Ukryte pole <input type="hidden" name="id" value="de1fb04019f95d9ac3aad2eb " /> Technologie Internetu p. 55

56 Przycisksubmit <input type="submit" /> <input type="submit" value= Wyslij Dane /> <input type="submit" name= platnosc value= Karta /> <input type="submit" name= platnosc value= Gotowka /> Technologie Internetu p. 56

57 Przycisksubmit <input type="submit" /> <input type="submit" value= Wyslij Dane /> <input type="submit" name= platnosc value= Karta /> <input type="submit" name= platnosc value= Gotowka /> Technologie Internetu p. 57

58 Przyciskreset <input type="submit" /> <input type="reset" /> <input type="submit" value= Wyslij Dane /> <input type="reset" value= Zresetuj /> Technologie Internetu p. 58

59 Przyciskbutton <input type="button" value= Oblicz Pole onclick="funkcjajavascript()" /> Technologie Internetu p. 59

60 Przyciskimage <input type="image" src="pliks/world.png" align="absmiddle" height="150" width="200" alt="send it in!" /> Technologie Internetu p. 60

61 Wysyłka plików <form method="post" enctype="multipart/form-data" action="costam.php"> Zaznacz plik: <input type="file" name="upfile" /> <br /> <input type="submit" /> </form> Technologie Internetu p. 61

62 Pole edycji tekstu <textarea name="comments" cols="40" rows="6"></textarea> Technologie Internetu p. 62

63 Lista wyboru <select name="pizzasize"> <option value="s">small</option> <option value="m">medium</option> <option value="l">big</option> <option value="xxl">xxl</option> </select> Technologie Internetu p. 63

64 Atrybutplaceholder <input name="q" placeholder="search Bookmarks and History"> Technologie Internetu p. 64

65 Atrybutautofocus <input name="q" autofocus> Technologie Internetu p. 65

66 Pole <input type=" "> Technologie Internetu p. 66

67 Poleurl <input type="url"> Technologie Internetu p. 67

68 Polenumber <input type="number" min="0" max="10" step="2" value="6"> Technologie Internetu p. 68

69 Polerange <input type="range" min="0" max="10" step="2" value="6"> Technologie Internetu p. 69

70 Pole dat <input type="date"> <input type="month"> <input type="week"> <input type="time"> <input type="datetime"> <input type="datetime-local"> Technologie Internetu p. 70

71 Polesearch <input type="search" /> Technologie Internetu p. 71

72 Polecolor <input type="date"> <input type="month"> <input type="week"> <input type="time"> <input type="datetime"> <input type="datetime-local"> Technologie Internetu p. 72

73 Walidacja form i atrybutreqired <input id="q" required> <input id="q" required="required"> Technologie Internetu p. 73

74 Wsparcie nowych elementów przez przegladarki wufoo Technologie Internetu p. 74

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>. Dokumenty HTML5 Każda przeglądarka dostępna na rynku obsługuje HTML5 w różnym stopniu. Możesz sprawdzić swoją testerem dostępnym pod adresem (http://html5test.com). HTML5 wprowadza cały zestaw zupełnie

Bardziej szczegółowo

Programowanie w Internecie

Programowanie w Internecie Programowanie w Internecie Paweł Kasprowski pawel@kasprowski.pl Aplikacja internetowa Definicja: Aplikacja uruchamiana na serwerze WWW komunikująca się z użytkownikiem za pomocą przeglądarki internetowej

Bardziej szczegółowo

Programowanie internetowe

Programowanie internetowe Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML

Bardziej szczegółowo

Dokument hipertekstowy

Dokument hipertekstowy Dokument hipertekstowy Laboratorium 2 Podstawy HTML mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie podstawowych elementów HTML stworzenie strony ćwiczenie zadanie domowe Konstrukcja

Bardziej szczegółowo

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).

Bardziej szczegółowo

Plan dzisiejszego wykładu. Narzędzia informatyczne w językoznawstwie. XML - Definicja. Zalety XML

Plan dzisiejszego wykładu. Narzędzia informatyczne w językoznawstwie. XML - Definicja. Zalety XML Plan dzisiejszego wykładu Narzędzia informatyczne w językoznawstwie Perl - Wprowadzenie do XML Marcin Junczys-Dowmunt junczys@amu.edu.pl Zakład Logiki Stosowanej http://www.logic.amu.edu.pl 16. kwietnia

Bardziej szczegółowo

extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl

extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl Plan wykładu Wprowadzenie: historia rozwoju technik znakowania tekstu Motywacje dla prac nad XML-em Podstawowe koncepcje XML-a XML jako metajęzyk

Bardziej szczegółowo

Rola języka XML narzędziem

Rola języka XML narzędziem Wprowadzenie do XML dr inż. Adam Iwaniak Szkolenie w Luboradzy, ZCPWZ, 12-13.02.2009r. Rola języka XML narzędziem Pierwszą rewolucją internetową było dostarczenie ludziom informacji. Znajdujemy się teraz

Bardziej szczegółowo

Narzędzia informatyczne w językoznawstwie

Narzędzia informatyczne w językoznawstwie Narzędzia informatyczne w językoznawstwie HTML i XHTML Marcin Junczys-Dowmunt junczys@amu.edu.pl Zakład Logiki Stosowanej http://www.logic.amu.edu.pl 17. października 2007 Marcin Junczys-Dowmunt Narzędzia

Bardziej szczegółowo

Wstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy

Wstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów

Bardziej szczegółowo

O HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl

O HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl O HTML R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl HTML! HTML jest skrótem od Hyper Text Markup Language. Jest to kolejny język opisu strony dotyczący

Bardziej szczegółowo

Rys.2.1. Drzewo modelu DOM [1]

Rys.2.1. Drzewo modelu DOM [1] 1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model

Bardziej szczegółowo

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language

Bardziej szczegółowo

Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej

Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP)

Bardziej szczegółowo

Język HTML. Elementy projektowania stron WWW. Część 2. Idea języków znakowania. Znakowanie znaczeniowe i typograficzne. dr inŝ.

Język HTML. Elementy projektowania stron WWW. Część 2. Idea języków znakowania. Znakowanie znaczeniowe i typograficzne. dr inŝ. Język HTML Elementy projektowania stron WWW Część 2 dr inŝ. Tomasz Traczyk Języki znakowania Znakowanie znaczeniowe i typograficzne Budowa dokumentu HTML Przegląd znaczników HTML Arkusze stylistyczne Narzędzia

Bardziej szczegółowo

Języki programowania wysokiego poziomu WWW

Języki programowania wysokiego poziomu WWW Języki programowania wysokiego poziomu WWW Zawartość Protokół HTTP Języki HTML i XHTML Struktura dokumentu html: DTD i rodzaje html; xhtml Nagłówek html - kodowanie znaków, język Ciało html Sposób formatowania

Bardziej szczegółowo

2 Podstawy tworzenia stron internetowych

2 Podstawy tworzenia stron internetowych 2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument

Bardziej szczegółowo

Technologie internetowe

Technologie internetowe Technologie internetowe Język HTML/XHTML Paweł Rajba pawel@ii.uni.wroc.pl http://kursy24.eu/ Spis treści 1 Wprowadzenie 2 Podstawy 3 Nagłówek Podstawy składni Struktura dokumentu, typy dokumentów 4 Formatowanie

Bardziej szczegółowo

Podstawy (X)HTML i CSS

Podstawy (X)HTML i CSS Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z

Bardziej szczegółowo

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385. Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/

Bardziej szczegółowo

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Przedmiot: Grafika komputerowa i projektowanie stron WWW KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup

Bardziej szczegółowo

Aplikacje internetowe

Aplikacje internetowe Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.

Bardziej szczegółowo

Podstawy XML-a. Zaawansowane techniki programowania

Podstawy XML-a. Zaawansowane techniki programowania Podstawy XML-a Zaawansowane techniki programowania Dokumenty XML XML = ang. Extensible Markup Language rozszerzalny język znaczników

Bardziej szczegółowo

Elementarz HTML i CSS

Elementarz HTML i CSS Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna

Bardziej szczegółowo

O stronach www, html itp..

O stronach www, html itp.. O stronach www, html itp.. Prosty wstęp do podstawowych technik spotykanych w internecie 09.01.2015 M. Rad Plan wykładu Html Przykład Strona www Xhtml Css Php Js HTML HTML - (ang. HyperText Markup Language)

Bardziej szczegółowo

Formularze i ramki w HTML

Formularze i ramki w HTML Jolanta Bachan jbachan@amu.edu.pl http://www.bachan.speechlabs.pl/ Informatyka Formularz HTML Formularze HTLM, które są umieszczane bezpośrednio na stronie WWW, służą do uzyskiwania informacji o użytkownikach

Bardziej szczegółowo

WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1

WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1 WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1 SGML (Standard Generalized Markup Language) Standardowy uogólniony język znaczników służący do ujednolicania struktury i formatu różnego typu informacji (danych). Twórcy

Bardziej szczegółowo

HTML 5 język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest

HTML 5 język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest rozwinięciem języka HTML 4 i jego XML-owej odmiany (XHTMl 1), opracowywane w ramach prac grupy roboczej WHATWG (Web Hypertext

Bardziej szczegółowo

Budowa aplikacji wielowarstwowych zastosowanie szablonów. Laboratorium 2 Programowanie komponentowe Zofia Kruczkiewicz

Budowa aplikacji wielowarstwowych zastosowanie szablonów. Laboratorium 2 Programowanie komponentowe Zofia Kruczkiewicz Budowa aplikacji wielowarstwowych zastosowanie szablonów Laboratorium 2 Programowanie komponentowe Zofia Kruczkiewicz Przykład 1 Zastosowanie szablonów Tworzenie kopii projektu typu Web Application o nazwie

Bardziej szczegółowo

Wprowadzenie do języka HTML

Wprowadzenie do języka HTML Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system

Bardziej szczegółowo

W z W a z leż e n ż ości c od s topnia z a z awa w nsowa w nia zb z uduj: Otwórz EdHTMLa lub Pajączka

W z W a z leż e n ż ości c od s topnia z a z awa w nsowa w nia zb z uduj: Otwórz EdHTMLa lub Pajączka INTERNET i PROJEKTOWANIE STRON WWW LABORATORIUM 1. z tworzenia stron WWW w XHTML 1.0 Transitional i CSS 1.0 prowadzący dr ADRIAN HORZYK http://home.agh.edu.pl/~horzyk e-mail: horzyk@agh.edu.pl tel.: 012-617

Bardziej szczegółowo

XML extensible Markup Language. Paweł Chodkiewicz

XML extensible Markup Language. Paweł Chodkiewicz XML extensible Markup Language Paweł Chodkiewicz XML - extensible Markup Language Uniwersalny język znaczników przeznaczony do reprezentowania różnych danych w strukturalizowany sposób. Historia GML Projekt

Bardziej szczegółowo

Test z przedmiotu. Witryny i aplikacje internetowe

Test z przedmiotu. Witryny i aplikacje internetowe Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch

Bardziej szczegółowo

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

I.Wojnicki, PHP. Smarty. Igor Wojnicki. Katedra Informatyki Stosowanej Akademia Górniczo-Hutnicza w Krakowie. 28 marca 2014

I.Wojnicki, PHP. Smarty. Igor Wojnicki. Katedra Informatyki Stosowanej Akademia Górniczo-Hutnicza w Krakowie. 28 marca 2014 Igor Wojnicki (AGH, KIS) Smarty 28 marca 2014 1 / 33 Smarty Igor Wojnicki Katedra Informatyki Stosowanej Akademia Górniczo-Hutnicza w Krakowie 28 marca 2014 $Id: smarty.tex,v 1.2 2013/06/22 22:09:45 wojnicki

Bardziej szczegółowo

Wykład 1: HTML (XHTML) Michał Drabik

Wykład 1: HTML (XHTML) Michał Drabik Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający

Bardziej szczegółowo

29. Poprawność składniowa i strukturalna dokumentu XML

29. Poprawność składniowa i strukturalna dokumentu XML 29. i strukturalna dokumentu XML 13 października 2015 1 2 Poprawny składniowo dokument XML powinien być tworzony zgodnie z poniżej przedstawionymi zasadami. Deklaracja XML Powinien zawierać deklarację

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 1

Tworzenie Stron Internetowych. odcinek 1 Tworzenie Stron Internetowych odcinek 1 plan zajęć (X)HTML (extensible) HyperText Markup Language, czyli (Rozszerzalny) Hipertekstowy Język Znaczników; obecny standard w tworzeniu stron www; opisuje strukturę

Bardziej szczegółowo

XML extensible Markup Language 7

XML extensible Markup Language 7 XML extensible Markup Language 7 XQuery Co to jest XQuery? XQuery to język zapytań dla XML. XQuery jest dla XML tym czym SQL dla baz danych, a SPARQL dla RDF. XQuery wykorzystuje wyrażenia XPath. XQuery

Bardziej szczegółowo

Wprowadzenie do technologii XML

Wprowadzenie do technologii XML Katedra Mikroelektroniki i Technik Informatycznych Łódź, 6 października 2005 roku 1 Informacje organizacyjne Omówienie przedmiotu 2 vs HTML Struktura 3 Struktura Informacje o przedmiocie Informacje organizacyjne

Bardziej szczegółowo

Wstęp do HTML. Najstarszym i najprostszym pierwowzorem hipertekstu są powszechnie znane odnośniki encyklopedyczne:

Wstęp do HTML. Najstarszym i najprostszym pierwowzorem hipertekstu są powszechnie znane odnośniki encyklopedyczne: Wstęp do HTML Internet - sieć sieci, ogólnoświatowa intersieć, która łączy komputery z innymi komputerami poprzez protokoły z rodziny TCP/IP. Sieć WWW - zbiór serwerów WWW, który stanowi podzbiór całego

Bardziej szczegółowo

[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski

[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski I. Znaczniki Jeśli wyświetlisz kod źródłowy strony WWW, zobaczysz, że zawiera on szereg poleceń języka HTML umieszczonych w nawiasach kątowych. Twory te noszą nazwę znaczników. Znaczniki informują przeglądarkę,

Bardziej szczegółowo

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa

Bardziej szczegółowo

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik Zaawansowana Pracownia Komputerowa - Ćwiczenia Krzysztof Miernik HTML - Podstawowe Informacje HTML to hipertekstowy język znaczników (ang. HyperText Markup Language) służacy do tworzenia stron internetowych

Bardziej szczegółowo

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

Bardziej szczegółowo

Kurs HTML 4.01 TI 312[01]

Kurs HTML 4.01 TI 312[01] TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów

Bardziej szczegółowo

Dokumenty SEDU składają się z dwóch części: Opisu sprawy Formularza elektronicznego

Dokumenty SEDU składają się z dwóch części: Opisu sprawy Formularza elektronicznego Opis dokumentów SEDU Standard Elektronicznych Dokumentów Urzędowych są to dokumenty zapisane w standardzie XML, opisujące różnorakie procedury urzędowe, możliwe do częściowej lub całkowitej realizacji

Bardziej szczegółowo

Extensible Markup Language (XML) Wrocław, Java - technologie zaawansowane

Extensible Markup Language (XML) Wrocław, Java - technologie zaawansowane Extensible Markup Language (XML) Wrocław, 15.03.2019 - Java - technologie zaawansowane Wprowadzenie XML jest językiem znaczników (ang. markup language) używanym do definiowania zbioru zasad rozmieszczenia

Bardziej szczegółowo

LAB 7. XML EXtensible Markup Language - Rozszerzalny Język Znaczników XSD XML Schema Definition Definicja Schematu XML

LAB 7. XML EXtensible Markup Language - Rozszerzalny Język Znaczników XSD XML Schema Definition Definicja Schematu XML Informatyka sem. III studia inżynierskie Transport 2018/19 LAB 7 XML EXtensible Markup Language - Rozszerzalny Język Znaczników XSD XML Schema Definition Definicja Schematu XML 1. Prosty dokument XML lab7_1.xml

Bardziej szczegółowo

LABORATORIUM 5 WSTĘP DO SIECI TELEINFORMATYCZNYCH WPROWADZENIE DO XML I XSLT

LABORATORIUM 5 WSTĘP DO SIECI TELEINFORMATYCZNYCH WPROWADZENIE DO XML I XSLT LABORATORIUM 5 WSTĘP DO SIECI TELEINFORMATYCZNYCH WPROWADZENIE DO XML I XSLT 1. Wstęp XML (Extensible Markup Language Rozszerzalny Język Znaczników) to język formalny przeznaczony do reprezentowania danych

Bardziej szczegółowo

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML. Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 23 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Pierwsze kroki w języku

Bardziej szczegółowo

Podstawowe znaczniki języka HTML.

Podstawowe znaczniki języka HTML. Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe

Bardziej szczegółowo

Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl

Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl Projekt i wykonanie Dominika Marzec dominika.marzec@poczta.fm Spis treści 1. Charakterystyka ogólna... 3 2. Domena i hosting... 3

Bardziej szczegółowo

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Akademia Techniczno-Humanistyczna w Bielsku-Białej Akademia Techniczno-Humanistyczna w Bielsku-Białej Wydział Budowy Maszyn i Informatyki Laboratorium z sieci komputerowych Ćwiczenie numer: 8 Temat ćwiczenia: Tworzenie stron WWW (HTML, skrypty CSS). 1.

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 1

Tworzenie Stron Internetowych. odcinek 1 Tworzenie Stron Internetowych odcinek 1 informacje Zajęcia odpowiedzialny: dr Sylwester Kołomaoski pracownia: wtorki 15:00 (30 godzin, 1 semestr) konsultacje: wtorki 16:30-17:30 lub inne terminy po uzgodnieniu

Bardziej szczegółowo

Prezentacja dokumentów XML

Prezentacja dokumentów XML Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarządzania treścią 2011/12 Arkusze stylu Rozdzielenie treści i wyglądu Przypisanie stylu do dokumentu CSS

Bardziej szczegółowo

Narzędzia informatyczne. Wprowadzenie do systemu L A T E X

Narzędzia informatyczne. Wprowadzenie do systemu L A T E X Narzędzia informatyczne. Wprowadzenie do systemu L A T E X Aleksander Denisiuk Uniwersytet Warmińsko-Mazurski Olsztyn, ul. Słoneczna 54 denisjuk@matman.uwm.edu.pl 1 / 49 Wprowadzenie do systemu L A T E

Bardziej szczegółowo

Bazy Danych i Usługi Sieciowe

Bazy Danych i Usługi Sieciowe Bazy Danych i Usługi Sieciowe Ćwiczenia VII Paweł Daniluk Wydział Fizyki Jesień 2012 P. Daniluk (Wydział Fizyki) BDiUS ćw. VII Jesień 2012 1 / 14 Strona wykładu http://bioexploratorium.pl/wiki/ Bazy_Danych_i_Usługi_Sieciowe_-_2012z

Bardziej szczegółowo

I.Wojnicki, Tech.Inter.

I.Wojnicki, Tech.Inter. Igor Wojnicki (AGH, KA) Frameworks 28 maja 2012 1 / 31 Frameworks oraz Serwery Aplikacji Igor Wojnicki Katedra Automatyki Akademia Górniczo-Hutnicza w Krakowie 28 maja 2012 Igor Wojnicki (AGH, KA) Frameworks

Bardziej szczegółowo

Bazy danych i strony WWW

Bazy danych i strony WWW Bazy danych i strony WWW Obsługa baz danych poprzez strony WWW Niezbędne narzędzia: serwer baz danych np. MySQL serwer stron WWW np. Apache przeglądarka stron WWW interpretująca język HTML język skryptowy

Bardziej szczegółowo

mgr inż. Jacek Staniec Język XML staniec@wit.edu.pl

mgr inż. Jacek Staniec Język XML staniec@wit.edu.pl mgr inż. Jacek Staniec Język XML staniec@wit.edu.pl Zaliczenie przedmiotu (3 punkty ECTS) Obecność na 7 pierwszych zajęciach 15 punktów Sprawozdania z 7 pierwszych zajęć 15 punktów Projekt podstawowy 50

Bardziej szczegółowo

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo

Bardziej szczegółowo

TIN Techniki Internetowe zima 2015-2016

TIN Techniki Internetowe zima 2015-2016 TIN Techniki Internetowe zima 2015-2016 Grzegorz Blinowski Instytut Informatyki Politechniki Warszawskiej Plan wykładów 2 Intersieć, ISO/OSI, protokoły sieciowe, IP 3 Protokoły transportowe: UDP, TCP 4

Bardziej szczegółowo

CSS. Kaskadowe Arkusze Stylów

CSS. Kaskadowe Arkusze Stylów CSS Kaskadowe Arkusze Stylów CSS CSS = Cascading Style Sheets Style określają sposób wyświetlania zawartości elementów HTML Arkusz stylów jest zbiorem takich reguł Pojawiły się w HTML 4.0 by rozwiązać

Bardziej szczegółowo

Dostosowywanie wyglądu aplikacji czytelnika w oparciu o oprogramowanie dlibra 5.0

Dostosowywanie wyglądu aplikacji czytelnika w oparciu o oprogramowanie dlibra 5.0 Dostosowywanie wyglądu aplikacji czytelnika w oparciu o oprogramowanie dlibra 5.0 Mariusz Stanisławczyk VII Warsztaty Biblioteki Cyfrowe Plan prezentacji Przykłady istniejących bibliotek cyfrowych Pojęcia

Bardziej szczegółowo

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r.

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r. Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r. 1 Dostępność Informacji Dostępność informacji oznacza możliwość korzystania z treści

Bardziej szczegółowo

Rozdział 1. Informacje podstawowe

Rozdział 1. Informacje podstawowe Rozdział 1. Informacje podstawowe Książka poświęcona jest podstawom języka HTML HyperText Mark-up Language. Utworzą one solidny fundament, który pozwoli Ci budować nawet skomplikowane strony WWW. Jeśli

Bardziej szczegółowo

Programowanie CGI. Jolanta Bachan 2008-06-05 Informatyka

Programowanie CGI. Jolanta Bachan 2008-06-05 Informatyka Jolanta Bachan Informatyka Sprawy organizacyjne Zaliczenie otrzymają osoby, które do 9. czerwca do godziny 0:00, czyli do 8. czerwca do godziny 24:00 prześlą mi: adres do strony internetowej z wbudowanym

Bardziej szczegółowo

HTML ciąg dalszy. Listy, formularze

HTML ciąg dalszy. Listy, formularze HTML ciąg dalszy Listy, formularze Listy Służą do prezentacji treści w postaci wypunktowania: numerowanego nienumerowanego definicji Możliwe jest zagnieżdżanie list zarówno tego samego, jak i różnych typów

Bardziej szczegółowo

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki

Bardziej szczegółowo

Zajęcia 10 obsługa formularzy w PHP

Zajęcia 10 obsługa formularzy w PHP Zajęcia 10 obsługa formularzy w PHP Przekazywanie danych ze strony do skryptu PHP Dane ze strony WWW do skryptu PHP przekazujemy za pomocą formularzy. W tym celu musimy stworzyć formularz (znacznik ),

Bardziej szczegółowo

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz

Bardziej szczegółowo

Politechnika Gdańska Wydział Elektrotechniki i Automatyki Kierunek: Automatyka i Robotyka Studia stacjonarne I stopnia: rok I, semestr II

Politechnika Gdańska Wydział Elektrotechniki i Automatyki Kierunek: Automatyka i Robotyka Studia stacjonarne I stopnia: rok I, semestr II SIECI KOPMPUTEROWE I TECHNOLOGIE INTERNETOWE (SKiTI) Wykład 11 Wprowadzenie do (X)HTML Politechnika Gdańska Wydział Elektrotechniki i Automatyki Kierunek: Automatyka i Robotyka Studia stacjonarne I stopnia:

Bardziej szczegółowo

Języki programowania wysokiego poziomu. HTML cz.2.

Języki programowania wysokiego poziomu. HTML cz.2. Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)

Bardziej szczegółowo

Przedmiot: Projektowanie dokumentów WWW. Laboratorium 3: Strona domowa cz. III Formularze. Opracował: Maciej Chyliński

Przedmiot: Projektowanie dokumentów WWW. Laboratorium 3: Strona domowa cz. III Formularze. Opracował: Maciej Chyliński Przedmiot: Projektowanie dokumentów WWW Laboratorium 3: Strona domowa cz. III Formularze Opracował: Maciej Chyliński Wstęp W naszym Ŝyciu wypełniamy dziesiątki, a nawet tysiące formularzy. Wynika to z

Bardziej szczegółowo

rk HTML 4 a 5 różnice

rk HTML 4 a 5 różnice rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się

Bardziej szczegółowo

Systemy internetowe HTML

Systemy internetowe HTML Systemy internetowe HTML West Pomeranian University of Technology, Szczecin; Faculty of Computer Science Kwestie organizacyjne Obecność na wykładach nieobowiązkowa Obecność na laboratoriach obowiązkowa

Bardziej szczegółowo

Entropy.htm 1 / 6

Bardziej szczegółowo

ZNACZNIKI META. Znacznik META

ZNACZNIKI META. Znacznik META ZNACZNIKI META Znacznik META element dokumentu HTML dostarczający informacji niewidocznych dla użytkowników, lecz istotnych z punktu widzenia odbiorców dokumentu przeglądarek i serwisów wyszukiwawczych

Bardziej szczegółowo

Pierwsza strona internetowa

Pierwsza strona internetowa HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania

Bardziej szczegółowo

TIN Techniki Internetowe zima 2015-2016

TIN Techniki Internetowe zima 2015-2016 TIN Techniki Internetowe zima 2015-2016 Grzegorz Blinowski Instytut Informatyki Politechniki Warszawskiej Plan wykładów 2 Intersieć, ISO/OSI, protokoły sieciowe, IP 3 Protokół IP i prot. transportowe:

Bardziej szczegółowo

XML extensible Markup Language. część 1

XML extensible Markup Language. część 1 XML extensible Markup Language część 1 Historia Czym jest język XML? Język XML to uniwersalny język formalny przeznaczony do reprezentowania różnych danych w ustrukturalizowany sposób. XML jest metajęzykiem

Bardziej szczegółowo

Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp

Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp Najprostszym sposobem utworzenia strony internetowej jest użycie języka HTML.

Bardziej szczegółowo

WITRYNY I APLIKACJE INTERNETOWE

WITRYNY I APLIKACJE INTERNETOWE WITRYNY I APLIKACJE INTERNETOWE TECHNIKUM INFORMATYCZNE wg programu 351203 KLASA II 3 godz. tygodniowo 90 godziny Liczba godzin w cyklu kształcenia 180 rok szkolny 2013/2014 Sylwia Płonka 2. W 1980 fizyk

Bardziej szczegółowo

Tomasz Grześ. Systemy zarządzania treścią, cz. II

Tomasz Grześ. Systemy zarządzania treścią, cz. II Tomasz Grześ Systemy zarządzania treścią, cz. II Panel administracyjny Panel administracyjny pozwala na zarządzanie wszystkimi elementami pakietu, m.in. zarządzanie użytkownikami, edycję stron, instalowanie

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 6

Tworzenie Stron Internetowych. odcinek 6 Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą

Bardziej szczegółowo

Projektowanie aplikacji internetowych - ćwiczenie nr 1 I

Projektowanie aplikacji internetowych - ćwiczenie nr 1 I ET stopień - semestr 1. CEL ĆWCZENA Celem ćwiczenia jest zapoznanie się ze składnią języka HTML i w oparciu o te wiadomości wykonanie prostej witryny internetowej składającej się z zestawu stron w języku

Bardziej szczegółowo

HTML. Jolanta Bachan. Oprogramowanie użytkowe 2008-02-26

HTML. Jolanta Bachan. Oprogramowanie użytkowe 2008-02-26 HTML Oprogramowanie użytkowe 2008-02-26 Organisation My email address: jolabachan@gmail.com My website: bachan.speechlabs.pl Student list A student is allowed to miss two classes Classes on Tuesdays, 18.40-20.10

Bardziej szczegółowo

3 Tworzenie dokumentu HTML

3 Tworzenie dokumentu HTML Podstawy HTML 1 1 HTML HTML - inaczej hipertekstowy j zyk znaczników, obecnie szeroko wykorzystywany do tworzenia stron internetowych. Pozwala on opisa struktur informacji zawartych wewn trz strony internetowej,

Bardziej szczegółowo

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008 Wprowadzenie do HTML, CSS, JavaScript, PHP Kurs 18.11 2008 22 12. 2008 Narzędzia do tworzenia i utrzymania dokumentów web owych Edytory HTML Server WWW i baz danych Przeglądarka internetowa kompilator

Bardziej szczegółowo

I. Wstawianie rysunków

I. Wstawianie rysunków I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka

Bardziej szczegółowo

Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem

Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem HTML (ang. Hyper Text Markup Language) jest to język znaczników używany do tworzenia stron internetowych. Obecnie stosowane są dwie wersje tego języka: HTML 4.01, która obowiązuje już od dawna, oraz HTML5,

Bardziej szczegółowo

XHTML Budowa strony WWW

XHTML Budowa strony WWW XHTML Budowa strony WWW Wydział Fizyki Politechnika Warszawska 2019 dr inż. Marzena Sala-Tefelska Założenie strony www na serwerze student 1. Tworzymy główny plik o nazwie index.html (plik tekstowy). UWAGA!:

Bardziej szczegółowo

Słowem wstępu. Część rodziny języków XSL. Standard: W3C XSLT razem XPath 1.0 XSLT Trwają prace nad XSLT 3.0

Słowem wstępu. Część rodziny języków XSL. Standard: W3C XSLT razem XPath 1.0 XSLT Trwają prace nad XSLT 3.0 Słowem wstępu Część rodziny języków XSL Standard: W3C XSLT 1.0-1999 razem XPath 1.0 XSLT 2.0-2007 Trwają prace nad XSLT 3.0 Problem Zakładane przez XML usunięcie danych dotyczących prezentacji pociąga

Bardziej szczegółowo

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5 PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium JavaServer Pages Standard Tag Library Celem ćwiczenia jest zapoznanie ze standardową biblioteką znaczników JSTL. W ramach ćwiczenia zostanie skonstruowany prosty sklep internetowy

Bardziej szczegółowo

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML.

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML. Prezentacja Danych i Multimedia II r Socjologia Ćwiczenia laboratoryjne nr 8 Podstawy języka XML. Celem ćwiczeń jest poznanie zasad tworzenia dokumentów w oparciu o język XML oraz metod modyfikacji ich

Bardziej szczegółowo

c TP: anything: 13 listopada 2004 roku 1

c TP: anything: 13 listopada 2004 roku 1 SGML/XML SGML: International Standard (ISO 8879). Information Processing Text and Office Systems Standardized Generalized Markup Language. Znakowanie powinno opisywać strukturę dokumentu (...) a nie określać

Bardziej szczegółowo

URL: http://www.ecdl.pl

URL: http://www.ecdl.pl Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo

Bardziej szczegółowo