V1 - WD 2011/2012

OVO ĆE BITI WEB

Sadržaj & kontekst

Kreirajte relevantani koristan sadržaj

Naš kapacitet za prihvaćanje smeća se rapidno smanjuje.

http://www.dnevnik.hr

9.10.2011

http://www.dnevnik.hr

9.10.2011

Simplify

Simplify“We need a smarter content,

not smarter containers”





KONTEKST

STARI KONTEKST

STARI KONTEKST

FOKUS

UDOBNAPOZICIJA

QWERTY

VELIKIEKRAN

BRZA VEZA

BRZI CPU

IE

NOVI KONTEKST

Krenimo ispočetka

Uvod i osnoveHTML a

WEBDIZAJN 1 || Jurica Doli || 2008/2009

Uvod i osnove HTML-a

WEBDIZAJN 12011/2012 Bojan Kanižaj

Uvod i osnoveHTML a

WEBDIZAJN 1 || Jurica Doli || 2008/2009WORLD WIDE WEB

WWW W3

¬ Sistem međusobno

povezanih dokumenata

¬ Jedna od usluga interneta

¬ Povezivanje pomoću

hiperveza (linkova)

WEB PREGLEDNICI

¬ Zaduženi su za ekranski prikaz web stranice

¬ Interpretiraju kod

¬ Zbog njihove različite interpretacije koda teško

je standardizirati ekranski prikaz stranice

W3C (World Wide Web Consortium ) – svjetska organizacija za standardizaciju WWW-a

ALATI ZA IZRADU INTERNETSKE (HTML) STRANICE

Notepad

TextEdit

EditPlus

Emacs

Gedit

...

Adobe Dreamweaver

MS Expression

Web KompoZer

Amaya

iWeb

...

Teks

t e

dit

ori

WY

SIW

YG

ed

ito

ri

Uvod i osnoveHTML a


WEB DIZAJN 1 10/11

HTMLHyperText Markup Language

¬ Prezentacijski jezik za kreiranje web stranice

¬ HTML dokument = Web stranica

¬ Ekstenzija .html ili .htm

Uvod i osnoveHTML a


WEB DIZAJN 1 10/11

HTML SINTAKSA

<naredba>Sadržaj</naredba> HTML naredbe nazivamo tagovima

¬ HTML tag dolazi u paru

¬ Prvi tag je početni ili otvoreni,

a drugi završni ili zatvoreni tag

JEDNOSTAVNA HTML STRANICA

<html><head>

<title> Moj WEB </title>

</head><body>

<h1>Naslov</h1>

<p>Paragraph.</p>

</body></html>

HTML TAGOVI

<html> </html> opisuju web stranicu

<head> </head> sadrži head elementenpr. <base>, <link>, <meta>, <script>, <style> i <title>

<body> </body> vidljivi dio stranice

HTML TAGOVIHTML NASLOVI

<h1>Ovo je naslov</h1>



Definirano je 6 nivoa/veličina naslova (h1 - h6)

– h1 je najveći, a h6 najmanjiHTML automatski dodaje prazan red prije i poslije naslova

HTML TAGOVI

<p> Ovdje ide tekst </p> Formira odlomak teksta na stranici. Dva odlomka razmaknuta su jednim praznim redom.

<br> ili <br />

Primjer:

<p> Ovo je tekst<br />novi red</p>Prelazak na novi red unutar odlomka.

Dodavanje komentara unutar koda koji neće biti vidljivi u pregledniku

<hr />

ATRIBUTI

¬ HTML elementi mogu imati definirane dodatne

parametre koje nazivamo atributima

¬ Atribut sa vrijednostima se definira unutar

početnog tag-a HTML naredbe

<naredba atribut=“vrijednost”>Sadržaj</naredba>

<html><head>

<title> Moj WEB </title>

</head><body>

<h1 align=”center”>Naslov</h1>

<p align=”center”>Paragraph.</p>

</body></html>

PRIMJER

Documents

V1 - WD 2011/2012