Slide 1

Slide 1 text

I I I PA S K A I TA HTML: turinys su struktūra Tinklapių dizainas Jonas Lekevičius, 2014

Slide 2

Slide 2 text

Šiandien matysite!

Slide 3

Slide 3 text

Šiandien matysite! • Puslapio sudedamosios dalys

Slide 4

Slide 4 text

Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML

Slide 5

Slide 5 text

Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML • Tekstiniai failai

Slide 6

Slide 6 text

Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML • Tekstiniai failai • Pagrindiniai HTML žymenys

Slide 7

Slide 7 text

Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML • Tekstiniai failai • Pagrindiniai HTML žymenys • Kur ieškoti daugiau informacijos

Slide 8

Slide 8 text

Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML • Tekstiniai failai • Pagrindiniai HTML žymenys • Kur ieškoti daugiau informacijos • Savaitės užduotis

Slide 9

Slide 9 text

Puslapio sudedamosios dalys

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

HTML

Slide 12

Slide 12 text

CSS HTML

Slide 13

Slide 13 text

CSS HTML JS

Slide 14

Slide 14 text

CSS HTML JS

Slide 15

Slide 15 text

CSS HTML JS

Slide 16

Slide 16 text

CSS HTML JS JPG

Slide 17

Slide 17 text

CSS HTML JS JPG PNG

Slide 18

Slide 18 text

CSS HTML JS JPG PNG MP3

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

HTML

Slide 21

Slide 21 text

CSS HTML

Slide 22

Slide 22 text

CSS HTML JS

Slide 23

Slide 23 text

HTML: Word be mygtukų

Slide 24

Slide 24 text

HyperText Markup Language HTML

Slide 25

Slide 25 text

HyperText Markup Language HTML

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Turinys + stilius Meta-informacija

Slide 28

Slide 28 text

HTML yra tekstinis failas

Slide 29

Slide 29 text

Iš ko susideda HTML?

Slide 30

Slide 30 text

Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius, aprašymas…

Slide 31

Slide 31 text

Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius, aprašymas… • Nuorodų į susijusius resursus (CSS - stiliaus aprašymą, paveiksliukus…)

Slide 32

Slide 32 text

Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius, aprašymas… • Nuorodų į susijusius resursus (CSS - stiliaus aprašymą, paveiksliukus…) • Turinio su struktūros žymenimis

Slide 33

Slide 33 text

Laikas pradėti!

Slide 34

Slide 34 text

Markdown

Slide 35

Slide 35 text

http://dillinger.io

Slide 36

Slide 36 text

Coda

Slide 37

Slide 37 text

Windows alternatyva

Slide 38

Slide 38 text

Kur ieškoti informacijos?

Slide 39

Slide 39 text

https://developer.mozilla.org/en-US/docs/Web/HTML

Slide 40

Slide 40 text

Coda Books

Slide 41

Slide 41 text

Užduotys

Slide 42

Slide 42 text

SAVAITĖS UŽDUOTIS Susikurti savo puslapio HTML pamatus

Slide 43

Slide 43 text

CodeKit

Slide 44

Slide 44 text

Iki!

Slide 45

Slide 45 text

No content