Ez a legjobb webszerkesztő program, amit a piacon kapni lehet. Bár a Dreamweaver 8.0-ás verzióra készült ezen oktatóvideó, de a CS3-ra, és a CS4-re is 90%-ig használható az itt bemutatott tudás.

Sokan azt hiszik, hogy tudják használni ezt a kiváló programot. Oktatóvideónk megmutatja, hogy ez a szemlélet korántsem annyira igaz. Te is azt hiszed, hogy jól használod ezt az alkalmazást, és annak a több ezernyi funkcióját?

Azoktatóvideókból nem csak a Dreamweaver remek használatát fogod elsajátítani, de még a weblapkészítés fortélyaiba is beavatunk. Olvasd el a lentebb található listát, és látni fogod, hogy igazunk van.

PÉLDA OKTATÓVIDEÓK:

PÉLDA OKTATÓVIDEÓK:

OKTATÓVIDEÓLISTA

A Dreamweaver oktatóvideók 1.része: szoftver letöltése és telepítése
Letöltés
Telepítés

A Dreamweaver oktatóvideók 2.része: A kezdetek: hogyan és mit is csináljak?
Dreamweaver kezelőfelülete
Honlapkészítés bemutatása
Mappák létrehozása
Site készítése varázslóval
Site készítése haladó

A Dreamweaver oktatóvideók 3.része: Szerkesztési alapok
Coder vagy Designer
Index.html alapjai
Dokumentum ablak egyéb tulajdonságai
Insert paletta
Karakterkombinációk beállítása

A Dreamweaver oktatóvideók 4.része: Tényleges weblapszerkesztés előkészítése
Abszolút és relatív link
Relatív link változása
Külső relatív hivatkozás
Képek másolása a file mappa segítségével
Site térkép

A Dreamweaver oktatóvideók 5.része: Szöveg szerkesztése
Index.html létrehozása
Kép és az Asserts panel
Szöveg beszúrása
Kép-szöveg elrendezése
Oldal tulajdonságai
Színfelvevés

A Dreamweaver oktatóvideók 6.része: Linkek az oldalon
Linkek
Fájlra mutatás
E-mail
Meta tag
Horgonyok
Képtérkép
Filére mutató link

A Dreamweaver oktatóvideók 7.része: Szöveg egyéb tulajdonságai és a szövegelemek
Szöveg
Lista
Flash szöveg

A Dreamweaver oktatóvideók 8.része: Táblázatok
Táblázatok
Táblázat elemei és kitöltése
Táblázat rendezése
Táblázatsémák
Szöveg rendezése és celpading
Táblázat szélessége százalékban
Táblázat importálása

A Dreamweaver oktatóvideók 9.része: Rétegek
Rétegek
Layer kódja és a paletta
Layerek táblázattá konvertálása

A Dreamweaver oktatóvideók 10.része: CSS
CSS
CSS panelcsoport
CSS panel
CSS exportálása fileba
CSS előnye
CSS gyors létrehozása
CSS osztályok
CSS panel ismét
Navigációs bár készítése CSS-el

A Dreamweaver oktatóvideók 11.része: Keretek
Keretek létrehozása
Keretek létrehozása második módszer
Alapváltoztatások egy kereten
Külső hivatkozás egy frame-ben
Belső hivatkozás
Keretek háttérképének beállítása
Több keret a lapon
Frame beszúrása az insert palettával
Frameket nem támogató böngészők
Rollover image

A Dreamweaver oktatóvideók 12.része: Események
Események a swap képeken
Események paletta használata
Bonyolultabb eseménykezelés
Multiesemény
Flash gombok

A Dreamweaver oktatóvideók 13.része: Code részleg
Code ablak beállításai
Code design frissítés
Code inspector és gyors tag editor
Tag csoportosítása és beszúrása
Snippets kis apró kódrészletek
Tagek eltávolítása a kódomból
Word szemetek eltávolítása

A Dreamweaver oktatóvideók 14.része: Egyéb apróságok
Hibaellenőrzés
Formelemek
Levélküldő form
Űrlapellenőrzés
Ugrómenü
Események az állapotsor
Szövegdobozba írt szöveg
Előugró ablakok
Extensions - kiterjesztések

A Dreamweaver oktatóvideók 15.része: Alapvető képszerkesztés
Dreamweaver alapvető képszerkesztési funkciói
History paletta
Fireworks letöltése
Fireworks telepítése
Kép szerkesztése Fireworksban
Legördülő-menü készítése és exportálása
Albumkészítése

A Dreamweaver oktatóvideók 16.része: Templates
Templates - Sablonok alapjai
Template készítése
Template változtatása
Könyvtárelemek alapjai
Library elemek

A Dreamweaver oktatóvideók 17.része: További fontos elemek
Hang beszúrása
Flash beszúrása
Keresés és csere
IngyenWebtárhely foglalás
Siteunk feltöltése a szerverre

OKTATÓVIDEÓK LEÍRÁSA

A Dreamweaver oktatóvideók 1.része: A szoftver letöltése és telepítése
Letöltés
Telepítés
Letöltök egy demóváltozatot a dreamweaver 8.0-ás változatából, majd utána megmutatom, hogy hogyan kell feltelepíteni azt a számítógépre.

A Dreamweaver oktatóvideók 2.része: A kezdetek: hogyan és mit is csináljak?
Dreamweaver kezelőfelülete
Egy kicsit hosszúra nyúlik a kezelőfelület bemutatása, de a későbbi használat során ez majd hasznosnak bizonyul. Itt csak az ablak részeivel foglalkozok, mélyebben a témába nem megyek bele, az a későbbi videóknál úgyis előjön majd.
Honlapkészítés bemutatása
Egy kis ízelítőt láthatunk a mai modern honlapkészítési stratégiákból. Az általam elkészített honlapok által felgyülemlett fontosabb tapasztalatokat osztom meg mindenkivel a videóban. A Paint program segítségével mutatom be a honlapok kinézetét.
Mappák létrehozása
Azt nézzük meg, hogy milyen mappákat és állományokat kell létrehozni ahhoz a winchesteren, hogy egy site-ot beállíthassunk a dreamweaverben.
Site készítése varázslóval
Elkészítjük az első site-ot, de ezt még csak a varázsló segítségével.
Site készítése haladó
Egy site-ot készítünk el újra, mely után még megnézzük, hogy a files palettán milyen ikonok találhatók, és azt is, hogy magát a palettát mire is lehet használni.

A Dreamweaver oktatóvideók 3.része: Szerkesztési alapok
Coder vagy Designer
Gyorsan megnézzük, hogy hogyan lehet magában a programban is beállítani a két nézetet.
Index.html alapjai
Index.html oldal létrehozása, és megnézése Internet Explorerben.
Dokumentum ablak egyéb tulajdonságai
Néhány fontos, eddig még el nem mondott tulajdonságait láthatjuk.
Insert paletta
Érdekes és fontos beállítások találhatóak ebben a videóban
Karakterkombinációk beállítása
A dreamweaver "finomhangolása". Mindenki saját konfigurációt készíthet.

A Dreamweaver oktatóvideók 4.része: Tényleges weblapszerkesztés előkészítése
Abszolút és relatív link
Megtudhatjuk, hogy mi a különbség a két linkfajta között.
Relatív link változása
Mi történik, ha változtatjuk a relatív elérési útvonalat...
Külső relatív hivatkozás
Mi történik akkor, ha a mappaszerkezetet változtatom meg...
Képek másolása a file mappa segítségével
Megnézzük, hogy a File palettán hogyan lehet képeket (file-okat másolni)
Site térkép
A hivatkozásaink megjelenítésére tökéletesen jó eszköz.

A Dreamweaver oktatóvideók 5.része: Szöveg szerkesztése
Index.html létrehozása
Miért is annyira fontos az index.html?
Kép és az Asserts panel
Foglalkozzunk kicsit a képek beszúrásával és az Asserts panellel
Szöveg beszúrása
Hogyan lehet a szövegeket új sorba, új paragrafusba írni, és mit jelent az a nem törhető szóköz.
Kép-szöveg elrendezése
Megnézzük, hogy hogyan lehet elrendezni a képet és a szöveget a lapon; ezt a kódnézetben is követjük.
Oldal tulajdonságai
Az oldal tulajdonságain kívül a szöveg és az oldal háttérszínét is beállítom ezen a videón. Látható még, hogy hogyan kell eltüntetni a CSS stílust az oldal fejlécéből.
Színfelvevés
Egy nagyon hasznos eszközt láthatunk a videón. Ez sokaknak lehet ismerős a különböző képszerkesztő szoftverekből.

A Dreamweaver oktatóvideók 6.része: Linkek az oldalon
Linkek
Linkeket tehetünk az oldalunkra. A linkek mutathatnak a saját szerverünkön belülre is és kívülre is. Szövegnek is és képnek is adunk linket, majd megváltoztatjuk az alapértelmezett link színét is.
Fájlra mutatás
Van egy gyorsabb módja a linkek elkészítésének. Ebben a videóban ezt nézzük meg.
E-mail
E-mail címének hozzárendelése szöveghez, képhez vagy mozgó animációhoz.
Meta tag
Itt beállítjuk pl., hogy egy képet nem lehet letölteni, majd a webes keresők munkáját könnyítjük meg. A legvégén pedig beállítjuk, hogy 10 másodpercenként az oldalunk automatikusan ugorjon egy távoli weblapra.
Horgonyok
Mire is valóak?
Képtérkép
Egy képet felbonthatunk elemeire, melyekről külön ugrálhatunk el más-más lapokra.
Filére mutató link
Filére is lehet mutatót elhelyezni az oldalainkon.

A Dreamweaver oktatóvideók 7.része: Szöveg egyéb tulajdonságai és a szövegelemek
Szöveg
Itt először a betű színét, majd típusát állítom át.
Lista
Sok hasznos beállítást lehet a listával kapcsolatban megtanulni ebből a videóból.
Flash szöveg
A beépített animációkészítővel dolgozunk.

A Dreamweaver oktatóvideók 8.része: Táblázatok
Táblázatok
Főleg a táblázat beszúrása és méretezése kap nagy hangsúlyt ebben a részben. Megmutatom még hogyan lehet kijelölni a táblázat egyes elemeit.
Táblázat elemei és kitöltése
Táblázat elemeinek és adatainak formázása. Színek beállításával is foglalkozik a videó.
Táblázat rendezése
Táblázat feltöltése látható, majd valamilyen fajta rendezéssel alakítjuk táblázatunkat.
Táblázatsémák
Dreamweaverbe beépített táblázat-sémák is találhatóak.
Szöveg rendezése és celpading
Szöveg rendezése a táblázatba és a celpading. Nagyon hasznos lehet...
Táblázat szélessége százalékban
Mi történik akkor, ha nem pixelben, hanem százalékban adom meg a táblázat szélességét.
Táblázat importálása
Excelből importálhatunk be táblázatot a dreamweaverbe. Itt hallhatunk a tabulátorral tagolt szövegről is.

A Dreamweaver oktatóvideók 9.része: Rétegek
Rétegek
A táblázatokhoz is kötődnek. Elkészítek egy olyan oldalt,mely a rétegeken alapszik, és meglátjuk, hogy milyen tulajdonságai vannak a rétegeknek.
Layer kódja és a paletta
A láthatóság is előjön ebben a videóban.
Layerek táblázattá konvertálása

A Dreamweaver oktatóvideók 10.része: CSS
CSS
Mi is az a css? Mire lehet használni? Miért jó nekünk.
CSS panelcsoport
Mire is lehet használni ezt a beépített panelcsoportot? Hogyan könnyíti ez meg a mi munkánk?
CSS panel
Magáról a panelről kapunk hasznos információkat.
CSS exportálása fileba
A stílusokat külön fileba is lehet menteni, manapság ezt használják a weblapkészítők is.
CSS előnye
A stílusok tényleges előnye ezen a videón lett tökéletesen megmutatva több dokumentum elkészítésén keresztül.
CSS gyors létrehozása
Olyan különböző stílusokat hozok létre, melyek mindig hasznosak lehetnek.
CSS osztályok
Meglátjuk, hogyan lehet a CSS-osztályokat a szövegekre "ráhúzni".
CSS panel ismét
Utoljára a CSS panel eddig el nem mondott részét láthatjuk.
Navigációs bár készítése CSS-el
Ez már profiknak való CSS munka. Manapság a legtöbb navigációs bár ezzel a módszerrel készül.

A Dreamweaver oktatóvideók 11.része: Keretek
Keretek létrehozása
Keretek egy fontos fejezet a weblapfejlesztők zsebkönyvében.
Keretek létrehozása második módszer
Kereteket menüből is létre lehet hozni, ez a nehezebb módszer ezért ezt megnézzük külön is.
Alapváltoztatások egy kereten
Hogyan lehet különböző fajtájú kereteket létrehozni?
Külső hivatkozás egy frame-ben
Ez csak egy kis érdekesség, aki akarja, használja nyugodtan.
Belső hivatkozás
Hogy mit is jelent? Azt a videóból megtudhatjuk.
Keretek háttérképének beállítása
Több keret a lapon
Megnézzük, hogyan lehet kézzel annyi keretet megadni egy lapon, amennyit csak akarsz.
Frame beszúrása az insert palettával
Az insert palettával a frameket mégjobban, mégkönnyebben be lehet szúrni egy weblapra.
Frameket nem támogató böngészők
Mi történik akkor, ha nem támogatja a felhasználó böngészője a frameket? Nem tud belépni az oldalunkra. Ezt lehet a videó alapján kikerülni
Rollover image
Hogyan lehet egyszerű képi animációt létrehozni? Hát így.

A Dreamweaver oktatóvideók 12.része: Események
Események a swap képeken
Hogyan lehet az előző egyszerű képi animációt létrehozni az események paletta segítségével? Hát így.
Események paletta használata
Megnézzük, hogy mire jó az események paletta; mire lehet használni az.
Bonyolultabb eseménykezelés
Ez egy nagyon hasznos videó lesz.
Multiesemény
Több eseményt is lehet egyetlen képre rátenni. Itt mutatom be, hogyan.
Flash gombok
A multiesemények kapcsán előugrik az a kérdés, hogyan lehet ezek segítségével flash animáció nem készíthető. A válasz: igen.
Code ablak beállításai
Aki kódoló módban dolgozik, annak hasznosak lehetnek a következő videók.
Code design frissítés
Amit kódmódban írunk be, az nem jelenik meg egyből a design nézeten.
Code inspector és gyors tag editor
Ezek a munkánk gyorsítására valóak.
Tag csoportosítása és beszúrása
A dreamweaver rengeteg Tag-et kezel. Megmutatom, ezekhez hogyan lehet elérni és kezelni.
Snippets kis apró kódrészletek
Előre megírt, és a weblapunkra beszúrható kódrészletek is találhatók a dreamweaverben. Hogy hol találjuk meg, és hogyan tudjuk ezeket felhasználni? Ezt a videóból megtudhatjuk.
Tagek eltávolítása a kódomból
Megnézzük, hogyan lehet kitisztítani a kódunkból a felesleges, oda nem illő tageket.
Word szemetek eltávolítása
A kódrészletből eltávolíthatóak a felesleges szótöredékeket is.

A Dreamweaver oktatóvideók 13.része: Formok
Hibaellenőrzés
Ha elkészült a weblapom, akkor le kell ellenőriznem, hogy a legismertebb böngészőkben kifogástalanul "működik"-e.
Formelemek
Egy átlagos formot fogok létrehozni, mely nem is lesz olyan könnyű.
Levélküldő form
A levélküldés manapság fontos. Egy olyan formot készítünk, amely kis mérete miatt bármelyik weblapra könnyen feltehető.
Űrlapellenőrzés
Nagyon fontos, hogy hibás levelet ne próbáljunk elküldeni.
Ugrómenü
Események az állapotsor
A böngésző állapotsoráról tanulhatunk itt.
Szövegdobozba írt szöveg
Ez is egy jó példája annak, hogyan lehet feldobni weblapunk kinézetét.
Előugró ablakok
Megnézzük, hogyan kell mai előugró hirdetéseket kreálni.
Extensions - kiterjesztések
Különböző kiterjesztéseket lehet letölteni a dreamweaverhez, ezekhez kapunk tanácsokat ezen videó keretében.

A Dreamweaver oktatóvideók 14.része: Alapvető képszerkesztés
Dreamweaver alapvető képszerkesztési funkciói
A képszerkesztéshez is találunk néhány eszközt ebben a programban.
History paletta
A képszerkesztéshez is fontos eszközt ismerünk meg.
Fireworks letöltése
A program együttműködik a többi macromedia alkalmazással. A fireworks-al könnyebben, és jobban szerkeszthető egy kép.
Fireworks telepítése
A program letöltése után jöhet a telepítés.
Kép szerkesztése Fireworksban
Alap dolgokat nézünk meg. Itt csak ízelítőt kaptok abból, amit ez a program tud; aki többet akar tudni a fireworksról, nézze meg a róla elkészült videókat, melyek elkészültek, és a honlapon lehet tájékozódni róla.
Legördülőmenü készítése és exportálása
A fireworks nem is hinnénk mire jó még...
Albumkészítése
Ezt már a dreamweaver segítségével tesszük meg.

A Dreamweaver oktatóvideók 15.része: Templates
Templates - Sablonok alapjai
Ez egy nagyon hasznos dolog....
Template készítése
A videó neve tartalmazza a benne lévő anyag leírását is...
Template változtatása
Könyvtárelemek alapjai
Library elemek

A Dreamweaver oktatóvideók 16.része: További fontos elemek
Hang beszúrása
Flash beszúrása
Keresés és csere
IngyenWebtárhely foglalás
Siteunk feltöltése a szerverre

Kosárba: Kosárba <-többször kattints, ha több darab kell belőle!

A megjelenített termék képek illusztrációként szerepelnek és eltérhetnek a valóságtól!