abc Tutorials:
   Operativni sistemi
   abc Windows 7
   abc Windows XP
   abc Operativni sistemi
   Microsoft Office
   abc Word 2010
   abc Word 2007
   abc Word 2003
   abc Excel 2010
   abc Excel 2007
   abc Excel 2003
   abc Power Point 2010
   abc Power Point 2003
   abc Access 2010
   abc Access 2007
   abc Expression Web
   abc Front Page 2003
   Računari i Internet
   abc Osnove računara
   abc Internet osnove
   abc HTML5 i CSS3
   abc HTML
   abc Jasc Animation Shop
   abc Flash
   abc Movie Maker
   Algoritmi i programski jezici
   abc Algoritmi
   abc BASIC
   abc Pascal
   abc C
   abc C++
   abc Java
   Provjera znanja
   abc Quiz-Test

Priručnici:
   MatchCAD
   MatchCAD 2001
   Corel Draw X6
   CSS

Tutorials in English
   abc Word 2010
   abc Excel 2003
   abc Excel 2010
   abc PowerPoint 2010

Učenjenje kroz igru /LEARNING THROUGH GAMES/

abc HTML5 i CSS3 TUTORIAL - elektronski priručnik
Autor: Željko B. Grbić, Bojan Stojković i saradnici

HTML5 je jezik koji se koristi za kreiranje dokumenta na World Wide Web-u. Priručnik je namjenjen za jednostavnije učenje.

  1. 1. DIO Opšti pojmovi
  2.    Minimalan HTML5 dokument /MINIMUM HTML5 DOCUMENT/
  3.    Naslov dokumenta /PAGE TITLE/
  4.    Naredbe u dijelu BODY
  5.    Zaglavlje teksta /HEADING/ <h1> ... <h6>
  6.    Paragraf /PARAGRAPH/
  7.    Paragraf /PARAGRAPH/ <p>
  8.    Nova linija /LINE BREAK/ <br>
  9.    Prethodno formatiran tekst /PREFORMATTED/ <pre>
  10.    Odnos paragrafa, nove linije, prethodno formatirani /PARAGRAPH, LINE BREAK, PRE/ p, br, pre
  11.    FONT stil /FONT STYLE - b = strong, i, em/
  12.    Eksponent i indeks /SUPERSCRIPT, SUBSCRIPT/ <sup>, <sub>


  13. 2. DIO
  14.    Linijski CSS /INLINE CSS/ - Atributi /ATTRIBUTE/
  15.    1.1. Poravnanje /ALIGN/ STYLE="text-align
  16.    1.2.0. Boja i kod boje /CODE COLOR/ STYLE="BACKGROUND-COLOR: i STYLE="COLOR:
  17.    1.2. Boja pozadine /BACKGROUND COLOR/ STYLE="BACKGROUND-COLOR
  18.    1.3. Boja teksta /TEXT COLOR/ STYLE="COLOR
  19.    1.4. Izgled fonta /FONT FAMILY/ STYLE="FONT-FAMILY
  20.    1.5. Veličina fonta /FONT SIZE/ STYLE="FONT-SIZE
  21.    1.6. Margine /MARGINS/  style="margin
  22.    1.7. Promjena parametara u paragrafu /SPAN/ SPAN STYLE="
  23.    1.8. Promjena parametara unutar grupe naredbi /DIV/ DIV STYLE="
  24.    1.9. Tekst i linija /TEXT DECORATION - UNDERLINE/ STYLE="text-decoration
  25.    1.10. Uvlačenje teksta /INDENT/ STYLE="text-indent
  26.    1.11. Horizontalna linija /HORIZONTAL LINE - HR/ atributi
  27.    1.12. Zaglavlje i podnožje /HEADER & FOOTER/

  28.    Primjeri II dio Greške


  29. 3. DIO
  30. LISTE /LISTS/ I UVLAČENJE TEKSTA
  31.    Numerisana lista /ORDERED LIST - OL & LI/
  32.    Nenumerisana lista - buliti /UNORDERED LIST - UL & LI/
  33.    Definisana lista /DEFINITION LIST/ <DL><DT><DD>


  34.    Linijski CSS /INLINE CSS/ - Atributi lista /LISTS ATTRIBUTES/
  35.      Numerisana lista - Atributi /ORDERED LIST - OL - ATTRIBUTE VALUES/ <OL style="list-style-type: Vrijednost>
  36.      Nenumerisana lista - Atributi /UNORDERED LIST - OL - ATTRIBUTE VALUES/ <OL style="list-style-type: Vrijednost>
  37.    Boja pozadine /BACKGROUND COLOR/ STYLE="BACKGROUND-COLOR/ i boja teksta /TEXT COLOR/ STYLE="color
  38.      Boja teksta i pozadine numerisana lista - Atributi /ORDERED LIST COLOR & BACKGROUND COLOR/ style="background-color & style="color
  39.      Boja teksta i pozadine nenumerisana lista - Atributi /UNORDERED LIST COLOR & BACKGROUND COLOR/ style="background-color & style="color
  40.      Boja teksta i pozadine definisane liste /DEFINITION LIST COLOR & BACKGROUND COLOR/ style="background-color & style="color
  41.    Izgled i veličina fonta u listi /LIST FONT FAMILY & FONT SIZE/ style="font-family & style="font-size
  42.      Izgled i veličina fonta numerisana lista /ORDERED LIST FONT FAMILY & FONT SIZE/ style="font-family & style="font-size
  43.      Izgled i veličina fonta nenumerisana lista /UNORDERED LIST FONT FAMILY & FONT SIZE/ style="font-family & style="font-size
  44.      Izgled i veličina fonta definisane liste /DEFINITION LIST FONT FAMILY & FONT SIZE/ style="font-family & style="font-size



  45. ODREDIŠTE I HIPERLINK /BOOKMARK & HYPERLINK/
  46.    O odredištu /BOOKMARK/
  47.    Kreiranje odredišta /CREATE BOOKMARK/
  48.    Različiti hiperlinkovi /DIFFERENT HYPERLINKS/
  49.    Hiperlink na oderdište u istom fajlu /HYPERLINK TO BOOKMARK IN THE SAME FILE/
  50.    Hiperlink na fajl u istom direktoriju /HYPERLINK TO FILE/
  51.    Hiperlink na fajl u prethodnom direktoriju /HYPERLINK TO FILE IN PARENT DIRECTORY/
  52.    Hiperlink na fajl u poddirektoriju /HYPERLINK TO FILE IN SUBDIRECTORY/
  53.    Hiperlink na odredište drugom fajlu /HYPERLINK TO BOOKMARK IN ANOTHER FILE/
  54.    Hiperlink na BOOKMARK u fajlu iz poddirektorija /HYPERLINK TO THE BOOKMARK IN FILE IN SUBDIRECTORY/
  55.    Hiperlink na Web adresu (domen) /HYPERLINK TO WEB ADDRESS/
  56.    Hiperlink na fajl na Web serveru /HYPERLINK TO FILE AT WEB SERVER/
  57.    Hiperlink na fajl index.htm(l) /HYPERLINK TO FILE index.htm(l)/
  58.    Hiperlink na e-mail /HYPERLINK TO E-MAIL/

  59.              Provjera znanja 3. dio (Quiz - priprema - test)
  60.              Provjera znanja 3. dio - quiz
  61.              Provjera znanja 3. dio - test sa slikama
  62.              Provjera znanja 3. dio - test bez slika
  63.              Provjera znanja 1, 2. i 3. dio - test bez slika
  64.              Provjera znanja - abc HTML5 i CSS3 - Test 3. dio
  65.              Provjera znanja - abc HTML5 i CSS3 - Test 1, 2. i 3. dio


  66. 4. DIO
  67. SLIKE /IMAGES/
  68.    Dodavanje slike /IMAGE/
  69.    Dimenzije slike širina /WIDTH/ visina /HEIGHT/
  70.    Okvir oko slike /BORDER/
  71.    Slika kao pozadina dokumenta /BACKGROUND IMAGE/
  72.    Poravnanje teksta oko slike /ALIGN IMAGE/ STYLE="FLOAT:
  73.    Slika kao hiperlink /IMAGE AS HYPERLINK/


  74. 5. TABELA /TABLE/
  75.    Tabela /TABLE / <table>
  76.    Dodavanje tabele /INSERT TABLE / <table>
  77.    Debljina linija tabele /TABLE BORDERS/ <border>
  78.    Boja pozadine tabele /TABLE BACKGROUND COLOR/ <background-color>
  79.    Zaglavlje reda i zaglavlja kolone /COLUMN AND R0W HEADERS/ <th>
  80.    Povezivanje ćelija /TABLE - CELL SPANS/ <colspan> i <rawspan>
  81.    Boja pozadine ćelije /CELL BACKGROUND/ STYLE="BACKGROUND-COLOR


  82. 6. AUDIO I VIDEO /AUDIO & VIDEO/
  83.    Dodavanje zvuka /INSERT AUDIO/ <audio>
  84.    Dodavanje videa /INSERT VIDEO/ <video>
  85.    Dimenzija videa /VIDEO SIZE/ width="height="
  86.    Ponavljanje videa /LOOP VIDEO/ loop="
  87.    Poster za video /VIDEO POSTER/ poster="


  88. 7. Pokretna poruka /MARQUEE/
  89.    Pokretna poruka /MARQUEE/ <marquee>


    90. .... CSS3 .....

  90. Interni CSS /INTERNAL CSS/ (u HEAD-u)
  91.    Kreiranje internog iz linijskog css-a /INTERNAL CSS FROM LINE CSS/ u BODY TAG-u
  92.    Kreiranje internog iz linijskog css-a /INTERNAL CSS FROM LINE CSS/ u paragrafu
  93.    Poravnanje /ALIGN/ STYLE="text-align
  94.    Poravnanje /ALIGN/ {text-align:}
  95.    Poravnanje sadržaja tabele /TABLE ALIGN CONTENT/ {text-align:}
  96.    Boja pozadine /BACKGROUND COLOR/ STYLE="BACKGROUND-COLOR/ i boja teksta /TEXT COLOR/ STYLE="color
  97.    Boja pozadine dokumenta /BODY BACKGROUND COLOR/ {background-color:}
  98.    Boja teksta /COLOR/ i boja pozadine dokumenta /BACKGROUND COLOR/ {background-color: color:}
  99.    Boja teksta i pozadine numerisana lista - /ORDERED LIST COLOR & BACKGROUND COLOR/ { background-color } & { color }
  100.    Boja teksta i pozadine nenumerisane liste /UNORDERED LIST COLOR & BACKGROUND COLOR/ { background-color } & { color }
  101.    Boja teksta i pozadine definisane liste /DEFINITION LIST - DL & DT DD COLOR & BACKGROUND COLOR/ {background-color:}
  102.    Boja pozadine tabele /TABLE BACKGROUND COLOR/ {background-color:}
  103.    Izgled i veličina fonta u dokumenttu /BODY FONT FAMILY & FONT SIZE/ {font-family: } & { font-size: }
  104.    Izgled fonta u dokumentu /BODY FONT FAMILY/ {font-family:}
  105.    Veličina fonta u dokumentu /BODY FONT SIZE/ {font-size:}
  106.    Izgled i veličina fonta u listi /LIST FONT FAMILY & FONT SIZE/ {font-family: } & { font-size: }
  107.    Izgled i veličina fonta numerisana lista /ORDERED LIST FONT FAMILY & FONT SIZE/ { font-family: } & { font-size: }
  108.    Izgled i veličina fonta nenumerisana lista /UNORDERED LIST FONT FAMILY & FONT SIZE/ { font-family: } & { font-size: }
  109.    Izgled i veličina fonta definisane liste /DEFINITION LIST FONT FAMILY & FONT SIZE/ { font-family: } & { font-size: }
  110.    Margine /MARGINS/
  111.    Margine /MARGINS/ {margin:}
  112.    Uvlačenje teksta /INDENT/
  113.    Uvlačenje teksta /INDENT/ {text-indent:}
  114.    Promjena parametara unutar grupe naredbi /DIV/ <STYLE> div {} </STYLE>
  115.    Boja pozadine i teksta unutar grupe naredbi /DIV/ <STYLE> div {} </STYLE>
  116.    Izgled i veličina fonta u grupi naredbi /DIV/ <STYLE> div {} </STYLE>
  117.    Liste /LISTS/ - Atributi /ATTRIBUTES/
  118.    Numerisana lista - Atributi /ORDERED LIST - OL - ATTRIBUTE VALUES/ {list-style-type:}
  119.    Nenumerisana lista - buliti - Atributi /UNORDERED LIST - UL & LI- ATTRIBUTE VALUES/ {list-style-type:}
  120.    Selektori /SELECTORS/
  121.    ID selektor /ID SELECTOR/ id="
  122.    Selektor klase /CLASS SELECTOR/ class="
  123.    Selektor klase - kombinovanje selektora /CLASS SELECTOR - COMBINING MULTIPLE TWO CLASS SELECTORS/ class="

  124.        Primjeri i zadaci - Tabela /EXAMPLES - TABLE/
  125.        Tabela - prema uzorku .CSS-a
  126.        Gotove tabele

  127. Eksterni CSS /EXTERNAL CSS/ (u CSS fajlu)
  128.    Poravnanje /ALIGN/ text-align
  129.    Poravnanje teksta dokumenta /ALIGN BODY/ .css
  130.    Poravnanje zaglavlja teksta /ALIGN HEADINGS/ .css
  131.    Boja pozadine /BACKGROUND COLOR/ STYLE="BACKGROUND-COLOR/ i boja teksta /TEXT COLOR/ STYLE="color
  132.    Boja pozadine dokumenta /PAGE BACKGROUND COLOR/ .css
  133.    Boja teksta dokumenta /PAGE TEXT COLOR/ .css
  134.    Boja teksta dokumenta /PAGE TEXT COLOR/ i boja pozadine dokumenta /BACKGROUND COLOR/ .css
  135.    Izgled i veličina fonta u dokumentu /BODY FONT FAMILY & FONT SIZE/ {font-family: } & { font-size: }
  136.    Izgled fonta /FONT FAMILY/ {font-family:} .css
  137.    Veličina fonta /FONT SIZE/ {font-size:} .css
  138.    Margine /MARGINS/ {margin:}
  139.    Margine /MARGINS/ {margin:}
  140.    Uvlačenje teksta /INDENT/
  141.    Uvlačenje teksta /INDENT/ {text-indent:}
  142.    Promjena parametara unutar grupe naredbi /DIV/ div {} .css
  143.    Boja pozadine i teksta unutar grupe naredbi /DIV/ div {} .css
  144.    Izgled i veličina fonta u grupi naredbi /DIV/ div {} .css
  145.    Liste /LISTS/ - Atributi /ATTRIBUTES/
  146.    Numerisana lista - Atributi - .css /ORDERED LIST - OL - ATTRIBUTE VALUES/ .css
  147.    Nenumerisana lista - Atributi /UNORDERED LIST - UL - ATTRIBUTE VALUES/ .css


    148. Dodaci
  148.    Dodatak: boje /APPENDIX COLORS/
  149.    Dodatak: Font i tekst /FONT & TEXT/
  150.    Dodatak: veličina fonta - parametri /FONT SIZE/
  151.    HTML kodovi u priručniku
  152.    Heksadicimalni brojevi /APPENDIX HEXADECIMAL/
  153.    Lista naredbi BOOKMARK and HYPERLINK 1
  154.    Lista naredbi: BOOKMARK AND HYPERLINK /URL/
  155.    Spisak .css fajlova /CSS FILES LIST/
  156.    Spisak selektora /SELECTORS LIST/
  157.    Popis termina u priručniku


    158. Zabilješke sa predavanja
  158.    Primjeri I dio
  159.    Primjeri II dio


    160. Zabilješke sa predavanja
  160.    Lekcija 1. Sadržaj stranice - HEADER, MAIN, FOOTER i ATTRIBUTES
  161.    Lekcija 2. - HTML -CSS
  162.    Lekcija 3. - img
  163.    Lekcija 4_2
  164.    Lekcija 5. BOOKMARK
  165.    Lekcija 6. TAGOVI

  166.  Izrada sajta
  167.    Izrada sajta - Korak 1 (.rar)

  168. QUIZ - PRIPREMA - TEST
  169.    Quiz - priprema - test