2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
282 napja
700 néző

WordPress themes

WordPress themes
283 napja
198 néző

G-Portál themes

G-Portál themes
283 napja
112 néző

Tumblr themes

Tumblr themes
283 napja
162 néző

Készítés Dreamweaver-rel

A legelső lépés természetesen az, hogy el kell készítened egy képszerkesztő programban a fejlécedet. Már fullra készítsd el. Ha lehet ne kelljen rajta változtatni semmit. Mentsd el valamilyen képformátumba. Én minden képemet általában .png formátumban mentek el. Szóval, ha elmentetted a képedet, akkor nyisd meg a Macromedia Dreamweaver 8-at. Gondolom más verzióval sem lesz a leírás nagyon eltérő. Ha nincs ilyen programod szerezd be. Már, ha szeretnéd.

 

Tehát, a Dreamweaver megnyitása után felugrik egy ablak. Lehet választani, hogy milyen lapot nyisson neked a továbbiakban. Én a CSS kódokat is ebben a programban szoktam elkészíteni. De mi most fejlécre akarunk menüt így a HTML-t válaszd ki. A legfelsőt.

 

 

Ezek után egy tök üres lap fogad mindet. Eredetileg ez a program honlapszerkesztő. Én csak kiragadtam belőle egy kis részletet :)

 

 

Most be kell hozni ide a képet. A fenti menüben Insert – Image

 

 

Válaszd ki a képedet, amin lesznek a linkek

 

 

Okézd le és már nem is üres a lap :)

 

 

Kattints egyet a képre. Most a program alsó részében bejöttek a képhez a beállítások

 

 

Nekünk ezekre a kijelölő alakzatokra lesz szükségünk. Valamelyiket válaszd ki.

 

 

Ha kiválasztottad melyikkel jelölöd ki a menüket kattints rá és a képen keretezd be az egyik menüd helyét.

 

 

Most ugyan úgy alul a beállításokban máris más látható. Itt fogjuk megadni a linket a bekeretezett résznek.

 

 

A Link rubrikába a kettőskereszt helyére írd be a menüd linkjét. A Target rubrikában pedig válaszd ki a _self-et, ami azt jelenti, hogy a linked majd ugyanabban az ablakban fog megjelenni, mint amiben jelenleg vagy. Vagyis nem új ablakban.

 

 

Ha ezzel meg vagy semmi más dolgod nincs, mint hogy jelöld ki a következő menüd helyét, írd be a linket, target-et, stb. Addig csináld amíg minden menüdet be nem linkelted.

 

 

 

Ha pl. galériát linkelsz, az jobb ha új ablakban nyílik meg. Ekkor a Target-ben a _self helyett a _blank-ot válaszd ki.

 

 

 

Ha teljesen végeztél minden menüvel, akkor ahol a kép van a lap tetején válaszd ki a kód nézetet.

 

 

A kijelölt kódrész az a kód, amit majd be kell illesztened a portálod szerkeszthető fejlécébe!

 

 

Itt pedig a kódban a kijelölt rész az a rész, ahova a képed url címét kell írnod, amit fel kell töltened a képtárba!

 

 

Összefoglalva:
1. készítsd el a képedet egy képszerkesztőben
2. nyisd meg a Macromedia Dreamweaver-ben
3. linkeld be a menüket
4. a fejlécedet töltsd fel egy képtárba
5. kódnézetben másold ki a kódot és illeszd be oldalad szerkeszthető fejlécébe
6. a kódban írd át a kép elérhetőségi helyét a képtárba feltöltött képr url címére
7. okézd le a szerkeszthető fejléc modulodat és voilá :) Működik :)

 

Demo
Én lekicsinyítettem a fejlécemet, hogy beférjen ide a modulba.

 


714 megtekintés

Hozzászólások