Web hosting : HTML vježba 4.1 : Bartol plus

Vježba 4.1

a) Web stranica:
Na radnoj površini načinite mapu Vjezba 4.
U mapi Vjezba 4 načinite podmapu slike.
Preuzmite i raspakirajte .zip datoteku pomoću gornje poveznice.
Slike iz .zip datoteke premjestite u mapu slike.
U html editoru kreirajte dvije nove datoteke: index.html i druga.html.
U svokoj od datoteka umetnite osnovnu strukturu html dokumenta.
Dodajte potrebne <meta> i <title> elemente.
Slika 4.1.1
Slika 4.1.2
Radite po predlošcima sa slike 4.1.1 i slike 4.1.2.
Pomoću svojstva style obojite pozadinu cijele web stranice u boju slonovače (engl. ivory). Koristite css svojstvo background-color.
Element <body> iz prethodnog zadatka izgleda:
```
<body style="background-color: ivory;">
```
Kako relativno adresirati slike, pročitajte u članku:
Html relativno i apsolutno adresiranje [html]
Linux razlikuje mala i velika slova
Linux operacijski sustav kod imena datoteka i mapa (direktorija) razlikuje mala i velika slova (engl. Case Sensitive). Tako su datoteke druga.html i Druga.html dvije različite datoteke. Obratite pozornost na to, kada vam u Windows OS poveznice rade, a na hostingu (najčešće su bazirani na Linuxu) ne rade. Možda je baš u tome problem.
U svakoj od html datoteka umetnite:

Naslov <h1> s odgovarajućim tekstom prema slici.
Dvije slike ispod podnaslova: Jednu s bijelim tekstom, a jednu s crnim tekstom.
Slika s crnim tekstom ima dodatak -off (npr. previous-off.jpg). Ona nije poveznica, nego samo oznaka.
Slika s bijelim tekstom ima dodatak -active.
Slika next-active.jpg služi kao poveznica na datoteku drugi.html).
Slika previous-active.jpg služi kao poveznica na datoteku index.html.
Slikama dodajte odgovarajuću vrijednost alt svojstva: Nema prethodne, Slijedeća stranica, Prethodna stranica, Nema slijedeće.

Spremite datoteke index.html i druga.html u mapu Vjezba 4.
Otvorite ih u web pregledniku i provjerite radi li dobro, tj. je li prikaz isti kao na slikama i rade li poveznice.
b) Hosting:
Prema uputama iz lekcije otvorite račun na web hostingu freewha.com.
Za poddomenu odaberite prvo slovo svojega imena i prezime npr. za Mislav Horvat odaberite mhorvat. Ako je željena poddomena zauzeta odaberite neku drugu poddomenu.
Odaberite server eu5.org.
Adresa poveznice na vaše web sjedište će biti:
http://mhorvat.eu5.org
Upravljačkoj ploči pristupite pomoću poveznice:
http://mhorvat.eu5.org/cpanel
Web stranica on-line ftp klijenta nalazi se na adresi:
https://webftp.dreamhost.com
Za slijedeća tri koraka koristite ftp klijent.
Prebacite html datoteke index.html i druga.html na web hosting.
Na web hostingu načinite mapu slike.
Prebacite slike iz mape slike na računalu u mapu slike na web hostingu.
Ako ste za poddomenu odabrali mhorvat, a za server eu5.org, pristupite vašoj web stranici pomoću poveznice:
http://mhorvat.eu5.org
Provjerite radi li dobro, tj. je li prikaz isti kao na slikama i rade li poveznice.
Umjesto slike ispisan je tekst
Prvi mogući uzrok je da u željenoj mapi nema slike zadanog imena ili je nastavak (engl. extension) slike krivo napisan. Drugi mogući uzrok da je putanja do mape pogrješna.

Usporedite dobiveni kôd s kôdom rješenja Vježbe 4.1

Rješenje vježbe 4.1: Web hosting