Upload
hamdo-karaga
View
229
Download
0
Embed Size (px)
Citation preview
8/17/2019 Praktični CSS i Hosting
1/22
8/17/2019 Praktični CSS i Hosting
2/22
Predavači
Marko
Frane
8/17/2019 Praktični CSS i Hosting
3/22
Štoćemo
danasnapraviti
8/17/2019 Praktični CSS i Hosting
4/22
HTML
H yper Text MarkupLanguage
Jezik pomoću kojeg defniramo sadr aj! tj"e#emente $nas#ove! tekst! povezni%e!s#ike&' na (e) strani%i"
8/17/2019 Praktični CSS i Hosting
5/22
Pisanje tagovva
Ispravnonapisano
Neispravnonapisano
* "
p a
r
+" par
8/17/2019 Praktični CSS i Hosting
6/22
,a-a prva HTML strani%a
Naša pr a tra"i#a
Te$ t "a mo%o% pr o% tra"i#i
,as#ov strani%e
Tagovi se mogu otvoriti i zatvoritiu istom retku jer u HTML.u
razma%i $/(0itespa%e1' nisu )itni"
2id#jivi sadr aj (e)strani%e
3značava da se u ovoj datote%ina#azi HTML
8/17/2019 Praktični CSS i Hosting
7/22
455
Cas%ading S ty#e S 0eets
Jezik pomoću kojeg defniramo raspored$#ayout' i izg#ed e#ementa na (e) strani%i"
8/17/2019 Praktični CSS i Hosting
8/22
,ačini kori-tenja 455.a
1. Inline Stylepisanjem sti#a na HTMLe#ementu
2.
3.
Internal StyleSheetspisanjem sti#a za %ije#u strani%u
External StyleSheetspisanjem sti#a u izdvojenomdokumentu
8/17/2019 Praktični CSS i Hosting
9/22
455 se#ektori
ele$tor
&'
o% t o ( ri%ed"ot )
o% t o ( ri%ed"ot )
6ira na kojiHTML e#ementće se primijenit
sti#
5vojstvo koje e#imopromijeniti i vrijednostkoju e#imo postaviti
7 jednom se#ektoru mo ese mijenjati vi-e svojstava
8zme9u imena i nazivasvojstva o)avezno stavit :
,akon postav#janjavrijednosti za neko svojstvo
o)av ezno staviti ;
8/17/2019 Praktični CSS i Hosting
10/22
455 se#ektori5e#ektiranje se mo e o)aviti prema:
1. Tipu HTML ele enta
2.
3.
sti#ovi se primjenjuju na odre9eni tip HTMLe#ementa
Na!ivu "lase naele entusti#ovi se primjenjuju na e#emente kojiimaju odre9enu k#asu
I# ele entasti#ovi se primjenjuju na e#ement koji imaodre9eni 8d
8/17/2019 Praktični CSS i Hosting
11/22
;adatak5reditistrani%u daizg#eda kao
-to dizajneriosmis#i#i
8/17/2019 Praktični CSS i Hosting
12/22
8/17/2019 Praktični CSS i Hosting
13/22
>e)Hosting
8/17/2019 Praktični CSS i Hosting
14/22
?ako radi internet@
8nternetPreg#ednik
((("dump"0r
((("dump"0r
8/17/2019 Praktični CSS i Hosting
15/22
8P adresa
*AB"*CD"BE"* E
((("goog#e"%om
8/17/2019 Praktični CSS i Hosting
16/22
Što nam je potre)no@
8meG
8/17/2019 Praktični CSS i Hosting
17/22
?oje su nam op%ije@
$upiti %e&'hostin(
Sa svo)a)stor 3pera%ijski sustav 3da)ir 0ardvera
Idministra%ija i postavkeu va-im rukama
,etko drugi odr avaserver
Je tinije Jednostavnost
6esp#atni 0osting@
8/17/2019 Praktični CSS i Hosting
18/22
5vojstva (e).0osting paketa
Prostor na disku
3perativni sustav
6and(idt0
>e)
8/17/2019 Praktični CSS i Hosting
19/22
• *KKK M6 prostora• EK e.mai# adresa• B poddomene• * M55 L )aza• B FTP računa! %Pane#• I5P",=T! PHP! Per#• *+,-,, "n (o#.
4#assi%
• +KKK M6 prostora• *KK e.mai# adresa• E poddomena• E M55 L )aza• E FTP računa! %Pane#• I5P",=T! PHP! Per#• +/+-,, "n (o#.
=xtended
• EKKK M6 prostora• *EK e.mai# adresa• *K poddomena• *K M55 L )aza• *K FTP računa! %Pane#• I5P",=T! PHP! Per#• /,,-,, "n (o#.
Idvan%ed
• *KKK M6 prostora• EK e.mai# adresa• B poddomene• B My5 L )aze• B FTP računa! %Pane#• PHP! Pyt0on! u)y• *+,-,, "n (o#.
4#assi%
• +KKK M6 prostora• *KK e.mai# adresa• E poddomena• E My5 L )aza• E FTP računa! %Pane#• PHP! Pyt0on! u)y• +/+-,, "n (o#.
=xtended
• EKKK M6 prostora• *EK e.mai# adresa• *K poddomena• *K My5 L )aza• *K FTP računa! %Pane#• PHP! Pyt0on! u)y• /,,-,, "n (o#.
Idvan%ed
8/17/2019 Praktični CSS i Hosting
20/22
8/17/2019 Praktični CSS i Hosting
21/22
8/17/2019 Praktični CSS i Hosting
22/22
Hva#aN