Scribd Logo
Upload

Welcome to Scribd!

  • Upute Za Kompozer I Filezillu

    Uploaded by

    Petar Surjan
    19 views6 pages

    Original Title

    Upute Za Kompozer i Filezillu

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    19 views6 pages

    Upute Za Kompozer I Filezillu

    Uploaded by

    Petar Surjan

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    Kompozer

    1. Sa Merlina skiniti Kompozer, otvoriti .zip folder i stisniti extract all. U nezipanom folderu
    otvoriti aplikaciju (dupli klik na ikonu i onda Run da bismo pokrenili aplikaciju)

    2. Kad otvorimo Kompozer, u desnom gornjem uglu ugasiti skočni prozor i krećemo sa radom
    😊
    3. Prvo kliknemo na Format -> Page title and properties. U područje title upisemo index (bitno
    je da je index, a ne indeks). Language odabiremo Croatian(hr) i character set izaberemo
    UTF-8. Kliknemo OK i u desnom gornjem uglu odaberemo New kako bismo otvorili novu
    stranicu. Postupak je isti samo u title pišemo Zivotopis (bez kvačice na Ž) -> ok -> new ->
    hobi -> ok -> new -> interesi -> ok.

    4. Najbolje je na desktopu našeg računala napraviti mapu WWW u koju ćemo spremiti svaku
    stranicu kad kliknemo na Save. Bitno je da su sve stranice, kako i slike koje ćemo koristiti
    spremljene u toj istoj mapi.
    5. Kad smo to uspješno napravili, u stranici index nastavljamo sa radom. U njoj ćemo raditi sve
    što je zadano, a druge stranice ćete po uzoru na ovu sami uređivati po želji.
    Na insert -> table umetnuti ćemo tablicu koja ima jedan redak i 4 stupca. U ćelije upisati
    redom Početna, Životopis, Hobi, Interesi. Moj prijedlog da bi bolje izgledalo je da kliknete
    na table -> table properties i postavite ove postavke koje sam zaokružila na slici.

    6. Sljedeći korak je dodavanje veze (linka) na naše stranice. Označimo tekst Početna, desni klik,
    odaberemo create link i onda na žutu ikonu mape i u njoj odaberemo index.html stranicu
    koju smo spremili ranije. Isto radimo za ostale 3 stranice, u mapi odabiremo odgovarajuću
    stranicu ( za životopis odaberemo životopis itd.)

    7. Ispod tablice napišemo svoje ime i prezime, označimo taj tekst, kliknemo na Body text,
    odaberemo Heading 1, centriramo tekst, na ikonu A povećamo tekst i stisnemo enter.

    8. Sad se nalazimo u tijelu stranice gdje ćemo dodavati razne dodatke poput slika, vremenske
    prognoze itd. Kako bismo dodali sliku kliknemo na Image, opet kliknemo na žutu ikonu
    mape, odaberemo sliku koju želimo dodati. Ta slika mora biti u istoj mapi (www) u kojoj su
    spremljene stranice. U polje alternate text upisujemo tekst koji će se pojaviti ukoliko se
    slika ne prikazuje na stranici, moja preporuka je da u dimensions označite custom size,
    width stavite 300, lenght 400 (To mi se čini kao ok veličina slike).

    9. Kao kad smo pisali naslov, u tijelo stranice ručno upišemo citat.
    10. Kako bismo dodali vremensku prognozu idemo na
    https://www.vremenskaprognozahr.com/preuzmi , odaberemo grad i postavimo veličinu
    koju želimo. Kopiramo kod i vratimo se u kompozer. Na dnu stranice vidimo Normal, HTML
    tags, Source i Preview. Uđemo u source i između <body> i </body> zalijepimo kod. Primjer:

    11. Ja nažalost nisam mogla ubaciti snow, ali proslijeđujem vam upute. Sa Merlina skinemo, u
    mapi Skripte -primjeri, datoteku snig.zip i otvorimo je. Odaberemo jedan od gifova koje
    želimo koristiti npr heart.gif. Zatim otvorimo datoteku snow (u mapi snow gdje se nalazi
    mapa pahuljice, dokument „Pročitaj me“ i datoteka snow koju treba otvoriti) U predviđena
    mjesta upisati heart.gif i broj srca koji želimo. Iz dokumenta kopiramo <script
    type="text/javascript" src="snow.js"></script> i zalijepimo u Source najbolje odmah ispod
    prvog <body> ( prvi <body> označava početak tijela tvoje stranice, sa </body> se označava
    kraj tog tijela, što znači da sve što želimo u tijelu stranice lijepimo između <body> i
    </body>)
    12. Pozadinu uređujemo tako da uđemo u Format -> Page colors and background i u prozoru
    koji se otvori odaberemo use custom colors->background i odaberemo boju koja nam
    odgovara.

    Također možete mijenjati boju teksta. Normal text – boja običnog teksta, Link text – boja
    teksta na koji je povezan link (npr. životopis, hobi..), Active link text – boja teksta kad
    kliknemo na link i Visited link text – boja teksta linka koji smo već posjetili.
    13. Zadnje imamo dodati video sa youtubea. Odaberemo video sa youtubea koji želimo
    koristiti, idemo na podijeli -> ugradi -> kopiraj. Kod koji smo kopirali kao i sve prije,
    zalijepimo u tijelo dokumenta točnije u Source, između <body> i </body>.
    FILEZILLA
    Kako bismo našu stranicu mogli objaviti potrebna nam je Filezilla. Ona nam služi za spajanje
    na server, u ovom slučaju ćemo na njega podizati naše stranice ali sa servera možemo i
    spuštati datoteke.
    1. Sa interneta instaliramo Filezillu (download filezilla client, ne server)
    2. U polje poslužitelj (host) upišemo student-web.unizd.hr
    3. U polje korisničko ime (username) upisujemo ono što se nalazi ispred @ u našem mailu ( moj
    mail je sjukic21@unizd.hr pa ja upisujem sjukic21)
    4. U polje lozinka upisujemo svoju lozinku s kojom se prijavljujemo u merlin, mail itd.
    5. Pritisnemo Povezati (Quickconnect), ako vam onda iskoči prozor Nepoznati certifikat samo
    stisnite Uredu.

    6. Na lijevoj strani vidimo sve što se nalazi na našem računalu. Na desnoj strani je naša udaljena adresa na serveru
    (naša web stranica). Na lijevoj strani pronađimo mapu www u koju smo spremili sve stranice i slike. Označimo
    sve iz mape www i povučemo mišem na desnu stranu.

    Tu vidimo na dnu da se datoteke prenose, kad prijenos bude gotov na desnoj strani će se
    vidjeti sve datoteke (fali još fotografija)
    7. Otvorimo svoj pretraživač ( Google Chrome, Mozilla Firefox…) i na mjesto za url upišemo :
    student-web.unizd.hr/~sjukic21/ ( ~ dobijete kad stisnete tipku Alt Gr i 1 u isto vrijeme)

    Ovako sad izgleda moja stranica, nju se svakako može još doraditi, ukrasiti. Na yt ima nekih
    videa dodatnih, ali ako vas nešto točno zanima pitajte me slobodno. U ovom dokumentu
    sam pisala najosnovnije zadatke koje on od nas traži.

    Ovo je stranica koju sam radila za ispit, nije baš znatno bolja od ove sad, ali je malo
    ugodnija oku. ( upišite student-web.unizd.hr/~sjukic21/ ako želite vidjeti životopis, hobi i
    interese, ali ne očekujte previše)

    You might also like