Professional Documents
Culture Documents
Ime web sajta – važno jer će se koristiti u imenu domena, logou, naslovu stranice a možda i u dizajnu
web sajta. Od imena zavisi kako će ljudi nalaziti naš web sajt,
kako će se odnositi prema njemu, kako će ga pamtiti kad odu sa njega... Ime
domena i web sajta mora da bude kratko, da se lako pamti i lako otkucava u web
izbegavati crtice. Dobro je ako za ime domena upotrebite termin koji se koristi u
sajtu iz celog sveta. Treba izabrati odgovarajuću kompaniju (hosta) koji će se dobro
brinuti o našem sajtu da on bude što je više vremena dostupan svim posetiocima
3. Planiranje web sajta – nije neophodno ali je dobro kako bi se izbegli neki problemi koji se inače
javljaju ako bi sajt radili bez plana i u letu resavali probleme. Ovo ne treba prepuštati drugima jer mi
najbolje znamo šta nam je potrebno.
➔ popularizacija kompanije/brenda
➔ popularizacija proizvoda/servisa
➔ prodaja proizvoda/servisa
➔ zabava
dugoročne
➔ funkcionalne karakteristike
➔ sadržaj
➔ izgled i osećaj
odrediti u kojim elementima naš sajt treba da bude bolji ili isti, a šta treba
analizu.
6. Sadržaj – odrediti koje funkcionalne mogućnosti naš web sajt treba da ima:
➔ E-komerc/korpa za kupovinu
➔ pretraga sajta
➔ servis/podrška za klijente
➔ tehnička podrška
➔ diskusioni forumi
➔ Newsletter
➔ katalog/informacije
➔ obrazac za naručivanje
➔ SSL-kodirana područja
besplatan pa samim tim i dostupan svima, i Microsoft FrontPage koji takođe nije
razvoj web stranica. Bez potrebe da napišete ijednu liniju HTML koda, pomoću FP
lako mogu da se prave lepe i zanimljive web lokacije koje se sastoje od složenih
elemenata, ali postoji i lak pristup HTML kodu kako bi se stvari stavile pod još veću
kontrolu. FP sam generiše kod u pozadini ali vi mu možete lako pristupiti i menjati
ga.
9. Kako da definišemo Title – title predstavlja naziv koji će se pojaviti u gornjoj plavoj
željeni naziv.
HTML Encoding saving this page izaberite Central European ili Central European
ISO 88559-2 a u polju HTML Encoding for loading this page izaberite Automatic
encoding.
kolonama, razne popise i preglede. Svaka tabela se sastoji od ćelija od kojih svaka
može imati posebnu boju ili biti posebno oblikovana. Osovno treba proračunati
Osnovne opcije:
12. Formatiranje tabela – Kada se formira tabela, sve se može naknadno menjati tako
što se klikne desnim dugmetom miša na tabelu i izabere opcija Table Properties.
13. Formatiranje slika – kada je slika učitana, možete na njoj kliknuti desnim
U General možemo podesiti Image Source, Browse (izbor druge slike umesto
postojeće), Text (propratni tekst uz sliku), Default Hyuperlink, Target Frame (način
otvaranja linka). Još neke opcije su Border Thickness, Horizontal Spacing, Vertical
14. Kako da promenimo veličinu slikeb - Slika bi uvek trebala da bude snimljena u
onoj veličini u kojoj se koristi. Može joj se menjati veličina i nakon postavljanja, ali
Properties>Appearance.
16. Kaskadne liste stilova – Cascading Style Sheets su dokumenti koji definišu
formate i stilove različitih elemenata stranice. Liste stilova mogu biti ugrađene
unutar web stranice ili spoljašnje. Spoljašnje kaskadne liste stilova mogu da se
CSS.
nazvati po želji i onda u polje File upišemo index.htm a preko tastera Chagne title
18. Kreiranje Web stranice -Водите рачуна да ваша основна (почетна) wеb страница увек мора
имати
назив index.html, јер ако је тако не назовете, по поставци страница на wеb сервер
извршите проверу и то тако што ћете је снимити у онај горе наведени фолдер
19. Šta je Dreamweaver i njegova osnovna namena – program za izradu web strana
5. Sada biramo gde želimo da smestimo datoteke sajta. Folder koji izaberemo ili
21. Upisivanje i formatiranje teksta – tekst se upisuje direktno u dokument, ali treba poštovati određena
pravila. Sam naslov je moguće formatirati jednim od 6
obostrano).
22. Rad sa fontom – font web strane se može menjati na više načina, direktno na
panou Properties u padajućoj listi Font ili desnim klikom izabirajući opciju Font>Edit
Font List. Ali treba imati u vidu da korisnici i sami mogu da menjaju veličinu prozora
23. Davanje imena i HTML oznaka <alt> slikama - imena i oznake <alt< su važne
iako se uglavnom ne vide na web stranama. Polje za ime slike na panelu Properties
nema posebnu oznaku a nalazi se u gornjem levom uglu, ispod podatka o veličini
slike. Ime koje se prifruži slici je interno i služi da pomognete sebi i posetiocima
sajta. Tekst iz polja alt prikazuje se umesto slike ako je posetilac onemogućio prikaz
slika u svom browseru, ako njegov browser uopšte ne može da prikazuje slike ili
ako učitavanje određene slike niej uspelo. Svim grafičkim objektima neophodnim za
Insert se izabere kartica Layout i pritisne opcija Layout View. Alatka Draw Layout
Cell služi za crtanje ćelija bilo gde na strani. Sadržaj tabele je podeljen na njene
ćelije. Sadržaj tabele je podeljen na njene ćelije jer sve tabele imaju jednu ili više
ćelija u preseku kolona i redova. Standardni prikaz izaberite na kartici Layout
strani na koje dovodi hiperveza. Postavi se kursor na neki deo strane, pritisne se
dugme Named Anchor na kartici Common panela Insert i onda se otvara prozor gde
treba uneti ime sidra. Onda se na strani izabere tekst koji će odvesti posetioca na
Properties u polje Link upiše #imesidra i klikne Enter. (# govori browseru da je ovaj
26. Rollover image – slike sa prelazom, tj slika koja se menja kada posetilac dovede
otvara prozor Insert Rollover Image. Prvo se unosi slika original, koja će biti na
strani pre nego što posetilac dovede pokazivač na nju (Original Image), a onda se
bira slika koja će se pojaviti kada posetilac pređe pokazivačem preko originalne
slike (Rollover Image). Obe slike treba da imaju iste dimenzije. Moguće je dodati i
elemente i da potom jednom naredbom ažurirate sve strane koje sadrže taj
element. Elementi biblioteke se prave tako što se izabere jedan ili više elemenata
strane i uključi se u biblioteku. Da bi došli do biblioteke na panelu Assets grupe
28. Pravljenje template – ako nam trebaju strane identičnog izgleda koristimo šablone.
pritisne dugme New Template, na dnu tog panoa, spisku šablona će biti dodat nov
29. Održavanje sajta u Site prikazu – Prikaz Site se koristi i za održavanje lokalnih i
udaljenih lokacija. Tu je sajt prikazan kao spisak datoteka ali i kao mapa koja
ispravne putanje hiperveza, slika i ostalih elemenata sajta. Do prikaza Site se dolazi
u grupi panela Files pritiskom na karticu Site izborom željenog sajta u padajućoj listi
alatki Site.
30. Mapa sajta – Vizuelno predstavlja izabrani deo sajta. Na njoj se ne prikazuju svi
dokumenti sajta, beć ona počinje od strane koja je definisana kao početna strana
koja ne sadrži linkove. Da bi formirali mapu sajta, pritisnemo dugme Site map na
1. Domen web sajta – je ime, koje treba da bude isto ko i ime web sajta. ime svakog
sajtu. Primeri za domen su: .co.rs, .com .biz .org .net .ws
pretraživač kada nešto traže, takođe to je jedan od najstarijih domena što sugeriše
da vaš sajt dugo već postoji. Net domen se koristi ako je u pitanju sajt nekog
što sendmail koji je neophodan za pokretanje nekih Perl skriptova može da bude
lozinke.
3. FTP pristup – ako vam je omogućen FTP pristup kod vašeg hosta, moguće je
mnogo brže i bolje rešenje od korišćenja web interfejsa za obavljanje ovih funkcija.
Na *nix sistemima možete čak i da menjate dozvole fajlova! Takođe možete kreirati i
• Postojeći klijenti
• potencijalni klijenti
• snabdevači
• profesionalne/trgovačke organizacije
• investitori
• konkurencija
• deca
• škole/ljudi u prosveti i obrazovanju
• Svi zaposleni
• uprava
• marketing/prodaja
• ljudi u operativi
zatim treba:
• Utvrdite koje tehničke veštine i veštine upravljanja sadržajem poseduje svaki član tima.
6. Informacija – treba utvrditi koje web stranice treba da sadrži vaša prezentacija. Na primer:
• O nama
• Kontakt
• Proizvodi
• Obaveštenja o autorskim pravima
• dodatne sadržaje
Jezik namenjen opisu web stranica. Svaki dokument koji vidimo na Webu napisan
je u HTML jeziku. Unjemu se nalazi opis svih tabela, slika, slojeva, napredno
opisuju sam dokument kao što su kratak opis dokumenta, ključne reči, podaci o
često koristite isplivavaju na vrh menija, a one koje ređe koristite prestaju da se
vide, ali im se lako može pristupiti pritiskom na strelicu na samom dnu menija.
Komande menija iza kojih se nalaze tri tacke otvaraju nove okvire za dijalog. Bećina
alatki je ista kao ona identične komande u meniju. Opcije iz menija i paleti alatki
nisu dostupne kada opcija ne može da se primeni na okruženje u kojem radite ili na
izabrani objekat.
željena boja podloge, a u polju Text se izabere željena boja teksta. Moguće je
podesiti i boje linkova. Takođe je moguće umesto samo boje, postaviti neku sliku za
11.Upis i obrada teksta – Vrši se slično kao i kod drugih programa za obradu teksta.
U novi red sa novim paragrafom se ide kada se pritisne Enter na tastaturi, a ako
12.Formatiranje ćelija tabele – Svaka ćelija unutar tabele ima određena svojstva pa
je moguće svaku ćeliju zasebno formatirati tako što se klikne desnim klikom miša
Aligment (center, left, righ), Vertical Aligment (top, bottom, middle), Header Cell
(označava zaglavlje prvog reda tabele), No Wrap (da se tekst u ćeliji ne prelama),
unosi hiperveze između stranica lokacije, ali mi možemo i sami da dodamo naše
hiperveze. Ako kreiramo link na dokument koji se nalazi u istom folderu kao i
dokumenta, već samo njegov naziv. Ako kreiramo link na dokument koji se nalazi u
nekom od nižih foldera, tada moramo navesti naziv subfoldera, staviti „/“ i navesti
tačan naziv dokumenta. Ako se navodi link na dokument koji se nalazi na nekoj
drugoj web adresi, tada moramo navesti pun naziv te web adrese, staviti kosu crtu i
navesti tačan naziv dokumenta. Kada kreiramo link na e-mail adresi, onda
imamo polje URL koje popunjavamo samo ako pravimo link ka dokumentu na nekoj
drugoj web lokaciji. Ako radimo link na dokument koji se nalazi u istom ili nižem
folderu, onda kliknemo na prvu ikonu i izaberemo željeni dokument. Ako radimo link
na e-mail adresu, kliknemo na drugu ikonu i upišemo tačnu mejl adresu. Target
neki deo tekućeg dokumenta. Link takođe možemo usmeriti i na bilo koju datoteku,
ali klikom na taj link u browseru one neće biti automatski pokretane, već će se
16.Naslov stranice – nakon otvaranja stranice u novom prozoru, desnim klikom miša
• Insert Bar – sadrži tastere za unos različitih tipova objekata (slike, tabele,
layeri...)
• Document Toolbar – sadrži tastere i pop-up menije za podešavanje prozora
dokumenta. Inače u DW postoje tri načina prikazivanja (design view, code view i
split designe and code). Document Toolbar sadrži i još neke osnovne operacije
Dokument window priazuje tekući dokument i rad na njemu. Dole levo u njemu se
teksta.
• Panel Group je grupa panela sa desne strane i sadrži: Designe, Code Aplication,
Files i Answers
• Site Panel omogućava upravljanje fajlovima i fodlerima koji čine vaš sajt.
20. Kreiranje nove Web strane – izaberite New iz opcije File. Otvara se okvir za
dijalog New Document sa dve kategorije: General i Templates. Birate General i nudi
preporučujemo Basic Page, opcija HTML. Kreiranu novu stranu možete sačuvati
izborom opcije Save iz menija File kad ajoj možete zadati i ime.
Common sa Insert panela pritisnite dugme Horizontal Rule. Dok je još označena
linija, u panelu Properties možete odrediti koliki deo strane će horizontalna linija
Datum pokazuje kada ste poslednji put ažurirali sadržaj strane. Pritisnite dugme
23. Panel Assets i Flash dugme – Assets se nalazi na grupi panela File. Tu se može
raditi uz izabranu opciju Site što daje celokupan spisak svih slika na sajtu, ili uz
izabranu opciju Favorites kad imate spisak u koji dodajete slike po izboru. Kada se
slika doda naknadno, ona se ne pojavljuje odmah u Assets, nego se mora kliknuti
sa panela Assets i kliknite Insert. Kada sliku želite da smestite u Favorites, izaberite
položaja kursora miša. Jedno je izgled dugmeta kad pointer nije na njemu, drugo je
ikonica Flash i otvara se prozor Insert Flash Button. Tu se može izabrati stil (Style)
dugmeta, font, veličina. U Button text se upisuje ime pod kojim će biti zapamćeno u
Save As.
24. Promena svojstava i elemenata tabele – da bi dodali novi red pritisne se taster
Tab ako je pokazivač u poslednjoj ćeliji tabele. Kada označite više susednih ćelija
istog reda ili kolone, možete da ih pretvorite u jednu izborom Merge Cells opcije.
Isto tako možete i obrnuto od jedne da napravite više manjih ćelija izborom opcije
Split Cells. U panelu Properties je moguće menjanje boje pozadine, ćelije, više
ćelija ili cele tabele. Može se menjati horizontalno poravnanje (left, middle, right). U
ćelije kao:
Commands>Sort Table.
25. Mapirane slike – sliku na strani je moguće podeliti na nekoliko hiperveza pomoću
mapirane slike, što je u suštini slika sa više aktivnih područja raznih oblika. Izaberite
sliku na strani koju želite da mapirate, u polje Map na panelu Properties se upiše
željeno ime slike inače će DW to da uradi sam. Onda se izabere jedna od alatki za
polje Link na panelu Properties uneti adresu na koji treba uputiti posetioca kada
klikne na taj deo slike. Ako se mapirana slike kopira na drugu neku stranu, DW će i
26. Iskačući (Pop-Up) meni – možemo ga pridružiti slikama ili aktivnim područjima
mapiranih slika. Prvo treba označiti taj aktivni deo, onda se pritisne znak + na
poravnanje teksta, boja ćelije... Na kartici Advanced se bira širina i visina ćelije,
udaljenost sadržaja ćelije od njenih ivica, razmak ćelija... Na kartici Position se bira
biblioteci, dva puta kliknemo na ikonicu elementa u panelu Library, ili se samo
označi i pritisne dugme Edit. Onda DW otvara novu stranu koja sadrži samo taj
ih, otvara se prozor Update Library Items kojim vas DW pita da li želite da ažurirate
njega. Ovo se postiže na sledeći način, dva puta se klikne na željeni šablon u
Template Files koji pokazuje spisak svih strana napravljenih pomoću tog šablona.
prozoru Site Definition (Sites>Edit Sites). U prozoru Site Definition se bira kartica
izabere FTP, pojavljuju se parametri koje treba popuniti kao što su FTP Host, Host
Directory, Login and Password, Use Passive FTP, Use Firewall. Pritisne se ikonica
desno od polja Remote Folder i u prozoru Choose Remote Folder se izabere folder
koji će biti korenski direktorijum vašeg sajta i koji će služiti kao zamenaza server.
Moguće je menjati samo one datoteke koje su novije na lokalnom sajtu nego na
30. Mapa sajta – Vizuelno predstavlja izabrani deo sajta. Na njoj se ne prikazuju svi
dokumenti sajta, beć ona počinje od strane koja je definisana kao početna strana
koja ne sadrži linkove. Da bi formirali mapu sajta, pritisnemo dugme Site map na
18. Kreiranje Web stranice -Водите рачуна да ваша основна (почетна) wеb страница увек мора
имати
назив index.html, јер ако је тако не назовете, по поставци страница на wеb сервер
извршите проверу и то тако што ћете је снимити у онај горе наведени фолдер