Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Izdelajte spletne menije

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Dreamweaver ima vgrajeno funkcijo za ustvarjanje spletnih menijev, ki se velikokrat izkažejo za uporabno orodje.
 
 
1
 
 
Odprite Macromedia Dreamweaver in prepišite tekst iz moje slike.

Znak | se napiše tako, da pritisnite tipki ALT GR in W skupaj.
 
 
2
 
 
Z miško označite tekst ponudba.
 
 
3
 
 
V oknu Properties vpišite v polje Link znak # (glej sliko).

Znak # napišete tako, da pritisnite tipko SHIFT in 3 skupaj.
 
 
4
 
 
Shranite spletno stran. Pritisnite tipki CTRL + S.

Stran morate shraniti, preden nadaljujete.

V oknu Behaviors kliknite na znak + (glej sliko)...

Če okna Behaviors ne vidite, pritisnite tipki SHIFT + F4.
 
 
 
 
 
5
 
 
... in izberite Show Pop-Up Menu.

Tekst ponudba mora biti označen, drugače tega ukaza ne boste mogli odpreti.
 
 
6
 
 
Dreamweaver nas obvesti, da lahko izdelujete še bolj napredne menije s programom Fireworks.

Kliknite na gumb Continue.
 
 
7
 
 
Prikaže se okno za ustvarjanje spletnih menijev.

V polje tekst vpišite akcijske cene.
 
 
8
 
 
V polje Link pa spletno povezavo.

Kliknite na ikono za določanje povezave, ki se nahaja desno od polja Link.
 
 
9
 
 
Dodali bomo novo povezavo v meni.

Kliknite na gumb Add item (glej sliko).
 
 
10
 
 
V polje Text vpišite razvijanje fotografij in spodaj v polje Link določite drugo povezavo.
 
 
11
 
 
Spleni meni bomo sedaj še malce oblikovali.

Kliknite na zavihek Appearance.
 
 
12
 
 
Določajte barve za ustvarjen spletni meni (glej sliko).

Dreamweaver vam sproti v istem oknu prikazuje spremembe.
 
 
13
 
 
Kliknite na zavihek Advanced.
 
 
14
 
 
V polje Cell padding vpišite 5 in Cell spacing 1.

Tukaj smo določili razmake med ustvarjenimi povezavami v meniju.
 
 
15
 
 
Kliknite na zavihek Position.
 
 
16
 
 
Kliknite na gumb Below and at left edge of trigger (glej sliko).

Tukaj smo nastavili pozicijo prikazovanja spletnega menija.
 
 
17
 
 
Potrdite spremembe s klikom na gumb OK.
 
 
18
 
 
Poleg teksta ponudba se je prikazalo sidro.

Shranite spletno stran in pritisnite tipko F12, da si jo ogledate v brskalniku.
 
 
19
 
 
V brskalniku se z miško premaknite nad tekst ponudba in ustvarjen meni se vam bo prikazal.

Končali smo. Ponovite vajo in oblikujte spletni meni po svojih željah.
 
 
Komentiraj
 
 
 
 
 
18.11.2007, 20:52
Kako lahko naredim, da ob textu(v tem primeru ponudba) ne bi kazalo tistega rumenega(puščica ali nekaj takega)?...to me zelo moti...tnx
 
 
 
 
18.11.2007, 20:57
zakaj mi, ko grem z miško čez text(ponudba), kaže puščico za urejanje texta(podobno znaku "I" ...rad bi, da mi takrat kaže drugačno puščico)
 
 
 
 
18.11.2007, 21:01
ne vem, zakaj mi je kazalo puščico tudi v firefoxu...zdaj je več ne kaže...za tisto puščico pa prosim odgovor
 
 
 
 
18.11.2007, 23:57
Ta puščica je na žalost privzeta in vem o čem govoriš. Bom poiskal malo na netu za rešitev.

Drugače pa si poglej super programček Sothink DHTMl menu builder. Odlična zadeva za odlične menije. Pa še enostaven je.

http://www.sothink.com/product/dhtmlmenu/index.htm
 
 
 
 
19.11.2007, 19:44
Pozdravljeni!
Jaz sem probal narediti ta menu v dreamweaver CS3, pa mi nekako ne gre. Delal sem točno po navodilih, probal je tudi en kolega in mu ravno tako ni šlo. V čem bi lahko bil problem.

lp
 
 
 
 
19.11.2007, 22:05
Tale Sothink dhtml menu je sicer odličen in enostaven program, a ga na nekaterih free hostingih ne moremo uporabljati, ker moramo za uporabo na server naložiti tudi neko java datoteko, ki je v mojem primeru na bravenet.com takrat niso bili pripravljeni sprejeti.
 
 
 
 
20.11.2007, 20:26
http://livedocs.adobe.com/dreamweaver/mx2004/using/wwhelp/wwhimpl/common/html/ww
help.htm?context=Using_Dreamweaver&file=41_for16.htm
jaz bi prosil, da kdo naredi slovenski tutorial iz te strani...jaz ne vem dobro prevesti in ne razumem dobro, kako se naredi...tnx
 
 
 
 
21.11.2007, 23:57
Aja, pozabil sem povedat v prejšnjem vprašanju da v CS2 gre naredit ta menu v CS3 pa ne. Bi mogoče kdo vedel zakaj?
 
 
 
 
22.11.2007, 20:38
meni tudi ni šlo v CS3...nato sem ga naredil v CS2 in odprl z CS3...zdaj mi tudi v CS3 gre delati menuje
 
 
 
 
24.11.2007, 19:11
Ali lahko takšne menije naredim tudi v Flashu?
 
 
 
 
26.11.2007, 19:39
sem naredil
 
 
 
 
26.9.2008, 17:34
Mene pa zanima kje lahko premenim barvo "ponudba" in da ne bo podčrtana?

Hvala za odgovor.
 
 
 
 
26.9.2008, 18:39
Podčrtana je ker je povezava. Poskusi jo še enkrat podčrtati nato pa odčrtati. Ali pa poglej lastnosti povezave.
 
 
 
 
2.8.2009, 19:35
a tole v adobe dreamweaver cs3 ne dela? ker jaz nemorem izbrati tistega show pop up menu oz. sploh ni napisano.
 
 
 
 
5.1.2011, 16:13
Jazt imam isti problem uporabljam CS3 in nemorem izbrati show popup menu. Ima kdo idejo kako resiti ta problem?
 
 
 
 
5.1.2011, 16:25
Novi Dreamweaver je to izklopil zaradi razlogov, ki so obrazloženi na strani http://losingfight.com/blog/2006/08/11/t....

Obstoječe menije še vedno lahko urejate tako, da namesto Pop-up message izberete ~Deprecated menu in tam omogočite Pop up menu. Če pa želite dodatni novi menu, pa bo ta funkcija sive barve in ne bo možna.

Seveda pa obstaja alternativa. Kliknite na Insert > Spry > Spry Menu in si nato izbrite tip menija.

Več informacij najdete na naslovu http://livedocs.adobe.com/en_US/Dreamwea....

 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!