Osnove

A)

  1. Kreiraj mapu za novi site (tekst i slike su na mapi \\krserver\radna\web  )
  2. Pokreni Dreamweaver i definiraj postavke site-a ljubimci (svi HTML-ovi i slike moraju biti na istoj mapi, npr.  C:\xampp\htdocs\tvoja_mapa)
  3. Promijeni title za početnu stranicu u ljubimci, a kodnu stranicu (char-set) u UTF-8 (windows-1250, ISO-8859-2)
  4. Pogled postavi na split tako da pratiš promjene u tagovima.
  5. Napiši naslov Ljubimci, a ispod njega u listi napravi popis od barem tri vrste kućnih ljubimaca. Naslovu ljubimci postavi stil Heading 1
  6. Kreiraj linkove, tj. osnovnu navigaciju među stranicama. Linkovi neka budu na dnu teksta.

    Opcija: kad je npr. otvorena stranica psi.htm ukloni link s riječi Psi, a tu riječ istakni tako da ju podebljaš (da korisnik zna na kojoj je stranici) Početna | Psi | Mačke | Papige
  7. Postavi vanjski link na stranicu www.wikipedia.org i tvoju adresu e-pošte (mailto:ime.prezime@gmail.com)
  8. Kopiraj sa mape \\krserver\radna\web\ljubimci mapu slike u svoj site (može direktno u dreamweaver ili pomoću eksplorera) Umetni sliku ispod naslova (Insert image)
  9. Napravi stranice za svaku kategoriju ljubimaca (dovoljno je index.html i psi.html, možeš i macke.html). Napiši naslove i postavi ih kao Heading 2, te napiši kratak tekst na svaku stranicu. Osim teksta na svakoj stranici moraš imati barem jednu sliku.  Kako bi tekst omatao sliku koristi u img tagu align="right" ili align="left"
  10. Za finije oblikovanje HTML-a možeš koristiti prozor Properties (Window - Properties) kojim se podešavaju svojstva za odabrani HTML element.
  11. Pogledaj stranicu u pregledniku (barem jednom, a poželjno više). Smanji stranicu na dio zaslona. Smanji i povećaj razlučivost zaslona. Time testiraš stranicu u raznim okolinama!

Home Up HTML Osnove HTML5 CSS CSSplus Responzivni Predlozak EU web Bootstrap Bootstrap1 web prostor