II. rész Képek hozzáadása és kezelése, multimédia

Átírás

1 TARTALOMJEGYZÉK I. rész Bevezetés a Dreamweaver világába 1. óra A Világháló és a Dreamweaver lehetõségei Mire képes a Dreamweaver? A Dreamweaver technológiája Webhelypéldák elemzése Alapvetõ oldalelemek: szöveg, képek és hiperhivatkozások Oldalelrendezés Ûrlapok: adatgyûjtés internetes kereskedelemhez, hírlevelekhez vagy.. 10 bármi máshoz Multimédia Interaktivitás Webhelyek feltöltése az Internetre Újrahasznosítható kódok és fájlok Összefoglalás Kérdezz-felelek Gyakorlatok óra A Dreamweaver kezelése Ismerkedés a Dreamweaverrel A Dreamweaver munkaterülete Az üdvözlõ képernyõ A menüsor A beszúró sáv A dokumentumablak A Document eszköztár Az állapotsor Táblák és vizsgálók Helyi menük Súgó Összefoglalás Kérdezz-felelek Gyakorlatok óra Webhelyek létrehozása Új webhely meghatározása A Site Definition varázsló használata Az Editing Files lépés Az Editing Files, Part 2 lépés

2 iv Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt Az Editing Files, Part 3 lépés A Sharing Files lépés Az összegzés áttekintése A webhelygyorstár létrehozása A Files tábla használata A Files tábla kibontása Új fájlok létrehozása a Files táblán A webhelyek szervezése Összefoglalás Kérdezz-felelek Gyakorlatok óra Szövegkezelés: szöveg és listák Új weboldalak létrehozása Fájlok mentése Szöveg hozzáadása weboldalakhoz Szöveg másolása és beillesztése fájlokból Szövegformázás alkalmazása Bekezdés és sortörés címkék Oldaltulajdonságok beállítása Az oldal átfogó megjelenésének beállítása Az általános címsortulajdonságok beállítása Oldalcím hozzádaása Többszintû stíluslapok (CSS) Szövegjellemzõk módosítása a tulajdonságvizsgálóban A szöveg betûtípusának kiválasztása A szövegméret módosítása A szöveg színének kiválasztása A Dreamweaver által létrehozott stílusok átnevezése A szöveg igazítása Listák létrehozása és szövegbehúzás Elválasztó hozzáadása az oldalakhoz: a vízszintes elválasztó Elõnézet böngészõben Összefoglalás Kérdezz-felelek Gyakorlatok óra Hivatkozások hozzáadása a weboldalakhoz: hiperhivatkozások, horgonyok és levélcímzettek Viszonylagos és abszolút elérési utak vizsgálata Abszolút elérési utak Dokumentumfüggõ elérési utak Webhelygyökérfüggõ elérési utak Hiperhivatkozások hozzáadása a webhelyen belül Hivatkozásszín-beállítások

3 Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt v Hosszú oldalak szervezése nevesített horgonyok segítségével Láthatatlan elemek Hivatkozás a nevesített horgonyokra A Point-to-File ikon használata Levélcímzett-hivatkozások Összefoglalás Kérdezz-felelek Gyakorlatok óra Weblapok formázása CSS stíluslapok segítségével Szövegformázás a CSS segítségével Osztálykijelölõk létrehozása Osztálykijelölõk alkalmazása Az osztálykijelölõk eltávolítása A stílusbeállítások vizsgálata HTML-címkék felülbírálása Stílusok szerkesztése Külsõ stíluslap létrehozása Meglévõ CSS-stílusok mentése Új külsõ stíluslap létrehozása CSS-stílusok mentése külsõ stíluslapokra A többszintûség jelentése Összefoglalás Kérdezz-felelek Gyakorlatok óra A színfalak mögött: a HTML kód vizsgálata A Code nézet A weboldalak fejléce és törzse A Code nézet lehetõségei A Coding eszköztár A kódvizsgáló használata HTML-címkék megtekintése és szerkesztése a Quick Tag Editor segítségével. 149 A címkeszerkesztõ üzemmód használata A beágyazó üzemmód használata A HTML-beszúró üzemmód használata Kódbeállítások meghatározása A kód színeire vonatkozó beállítások A kódformátumra vonatkozó beállítások A kódtippek beállításai A kódátírás beállításai A Microsoft Worddel létrehozott HTML kitisztítása Kézikönyvek Összefoglalás Kérdezz-felelek Gyakorlatok

4 vi Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt II. rész Képek hozzáadása és kezelése, multimédia 8. óra Képek megjelenítése Képek hozzáadása az oldalakhoz Helyettesítõ szöveg megadása A képjellemzõk Képek szöveghez igazítása Képtípusok: GIF, JPEG és PNG Képek szerkesztése a Dreamweaverben Képek optimalizálása a webes alkalmazáshoz Képes hivatkozások létrehozása Képtérképek létrehozása Forrópont hozzáadása a képtérképekhez A forrópontok igazítása Összefoglalás Kérdezz-felelek Gyakorlatok óra A Dreamweavert kiegészítõ alkalmazások Ismerkedés a Photoshoppal Képek módosítása a weboldalakon való használathoz Képek elforgatása, körülvágása és átméretezése A képek éleinek lágyítása Módosítások visszavonása, biztonsági másolatok és visszatérés az eredeti képhez Képek létrehozása Szöveg hozzáadása a képekhez Alakzatok hozzáadása a képekhez A kép beillesztése a Dreamweaverbe Szûrõ hozzáadása váltóképekhez Képek darabokra szeletelése Táblázatos adatok betöltése az Excelbõl Összefoglalás Kérdezz-felelek Gyakorlatok óra Flash és egyéb multimédia hozzáadása a weboldalakhoz A multimédia és a sávszélesség A lejátszók Flash fájlok hozzáadása Az <embed> és az <object> címke használata Filmek elõnézete a Dreamweaver dokumentumablakában Flash szöveg létrehozása Flash gombok létrehozása PDF fájlokra mutató hivatkozások hozzáadása Hangfájlok hozzáadása a weboldalakhoz

5 Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt vii A vezérlõk átméretezése A hang ismétlése Hivatkozás hangfájlokra Java kisalkalmazások hozzáadása a weboldalakhoz Összefoglalás Kérdezz-felelek Gyakorlatok óra Elemek kezelése az Assets tábla segítségével Mik azok az elemek? Elemek kezelése az Assets táblán A webhely elemeinek felsoroltatása Elemek elõnézete Kép elemek Szín elemek Hivatkozás elemek Film elemek Parancsfájl elemek Elemek hozzáadása a weboldalakhoz Kedvenc elemek létrehozása Új elemek létrehozása az Assets táblán Elemek más webhelyre másolása Összefoglalás Kérdezz-felelek Gyakorlatok III. rész A weblapok elrendezése 12. óra Adatok megjelenítése táblázatokkal Adattáblázatok létrehozása A táblázatok elemeinek kijelölése A cellakitöltés, a térközök és a fejlécek beállításai Csökkent látóképességûek számára is elérhetõ táblázatok Táblázatok módosítása és tartalom beillesztése Adatok beszúrása és rendezése Sorok és oszlopok beszúrása és eltávolítása Az oszlopszélesség és a sormagasság módosítása A táblázat átméretezése és a szegélyek színének megváltoztatása Cellák egyesítése és szétválasztása A cellatartalom igazítása Színek a táblázatokban Adatok mentése a táblázatokból Táblázatok egymásba ágyazása Már létezõ szerkezeti táblázatok módosítása Összefoglalás Kérdezz-felelek Gyakorlatok

6 viii Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt 13. óra Elemek elhelyezése a CSS segítségével A CSS dobozmodellje Egy CSS-oldalelrendezés elemzése A CSS-stílusok képi megjelenítése A float és a clear jellemzõk A tárolók elhelyezése Div-ek beszúrása Az azonosítókijelölõk használata Segédkép használata Többszörös és környezeti kijelölõk meghatározása Lebegõ oldalelemek Az oszlopok elkészítése A lebegõ elemek eltávolítása Az oldalelrendezés középre igazítása Az oldalelrendezés finomhangolása Összefoglalás Kérdezz-felelek Gyakorlatok óra CSS-stílusok mobileszközökön és nyomtatásban A CSS media jellemzõje A stílusok megjelenésének megtekintése a Dreamweaverben További stíluslapok beillesztése A külsõ stíluslap médiatípusának megadása Második külsõ stíluslap csatolása Stíluslap készítése nyomtatáshoz Elemek elrejtése Az alapértelmezett betûtípus módosítása A stílusütközések azonosítása Hivatkozások elrejtése Kizárólag nyomtatásban megjelenõ üzenetek A mobileszközök weblapstílusainak elõnézete Összefoglalás Kérdezz-felelek Gyakorlatok óra Könyvtárelemek és sablonok készítése Könyvtárelemek és sablonok kezelése az Assets táblán Könyvtárelem létrehozása Könyvtárelem létrehozása már létezõ objektumokból Új könyvtárelem létrehozása Könyvtárelemek beillesztése a weblapra Könyvtárelemek módosítása Sablonok készítése Sablon létrehozása létezõ webhely alapján Új sablon létrehozása

7 Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt ix A sablon szerkeszthetõvé tétele Új szerkeszthetõ terület létrehozása Új választható terület létrehozása Weblap készítése sablon alapján Sablonok módosítása és a kapcsolódó weblapok frissítése CSS-stílusok a könyvtárelemekben és sablonokban Összefoglalás Kérdezz-felelek Gyakorlatok IV. rész Dinamikus HTML és az AJAX: AP tárolók, viselkedések és XML 16. óra Navigációs sávok és menüsávok A navigáció alapjai Váltóképek készítése Navigációs sáv készítése váltóképekkel és hivatkozásokkal Menüsáv beillesztése Több menüsáv használata A menüsáv CSS-stílusainak szerkesztése Hivatkozott weblapok megnyitása új böngészõablakban Összefoglalás Kérdezz-felelek Gyakorlatok óra Dinamikus HTML és AP tárolók Mi is az a DHTML? AP tároló beszúrása Az AP tárolók elhelyezése Háttérszín és háttérkép alkalmazása Az AP tárolók rétegsorrendje Az AP tárolók láthatóságának módosítása AP tárolók egymásba ágyazása Animáció idõszalagokkal Animáció létrehozása A Timelines tábla használata Egyszerû animáció rögzítése Automatikus és ismétlõdõ lejátszás AP tároló elhelyezése az idõszalagon Kulcskockák beszúrása Összefoglalás Kérdezz-felelek Gyakorlatok óra Viselkedések használata kulcs az interaktivitáshoz Mik is azok a viselkedések? A Dreamweaverben elérhetõ források Ismerkedés a Dreamweaver viselkedéseivel

8 x Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt Események Viselkedések hozzárendelése objektumokhoz Elemek megjelenítése és elrejtése Üres hivatkozás létrehozása a viselkedés elindításához Rejtett AP tároló létrehozása A Show-Hide Elements viselkedés hozzárendelése A viselkedést kiváltó esemény meghatározása A viselkedés módosítása Új böngészõablak megnyitása Elõugró üzenetek Több viselkedés hozzárendelése egyazon objektumhoz Szöveg megjelenítése tárolóban A Go to URL viselkedés használata Elhúzható AP tárolók használata Összefoglalás Kérdezz-felelek Gyakorlatok óra Tartalom és XML megjelenítése a Spry keretrendszer segítségével A Spry keretrendszer használata Külsõ JavaScript és CSS fájlok Spry-hatások alkalmazása A Squish hatás alkalmazása Az Appear/Fade hatás alkalmazása Füles és összecsukható táblák, valamint harmonikák használata Füles táblák használata Összecsukható táblák használata Harmonikák használata A Spry-táblák CSS-stílusainak szerkesztése XML megjelenítése a weblapon Mi is az az XML? Pár szó az AJAX-ról Spry XML-adathalmaz készítése Spry Repeat List beillesztése Összefoglalás Kérdezz-felelek Gyakorlatok V. rész Felhasználói adatok fogadása ûrlapokkal 20. óra Ûrlapok készítése és adatgyûjtés a látogatóktól Ûrlap készítése Szövegmezõk elhelyezése az ûrlapon A szövegmezõk jellemzõi Választógombok és jelölõnégyzetek elhelyezése az ûrlapokon

9 Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt xi Listamezõk és lenyíló listák az ûrlapokon Nyomógombok és képgombok hozzáadása az ûrlapokhoz Elküldõ és alaphelyzetbe állító gombok beszúrása Képgomb beszúrása Általános célú gombok beszúrása Ugrómenü készítése Összefoglalás Kérdezz-felelek Gyakorlatok óra Bevezetés a parancsfájlok világába: ûrlapok adatainak elküldése és kezelése Ûrlapok adatainak ellenõrzése a Validate Form viselkedéssel A Spry keretrendszer ellenõrzõ objektumai Ûrlapok adatainak fogadása A FormMail parancsfájl használata Rejtett mezõk használata Adatok biztonságos átvitele Fájl feltöltése ûrlapról Weblap elõkészítése ASP, ASP.NET, JSP, PHP és CFML parancsfájlok alkalmazásához Összefoglalás Kérdezz-felelek Gyakorlatok VI. rész Projektek feltöltése és webhelyek kezelése 22. óra Webes projektek feltöltése és megosztása A kiszolgálókapcsolat engedélyezése Távoli webhely használatba vétele Az Advanced lap beállításai A webhely áttelepítése a távoli kiszolgálóra A Dreamweaver webhelykezelési lehetõségei A Check In/Check Out lehetõség bekapcsolása Fájlok átvitele Létezõ webhely betöltése Összefoglalás Kérdezz-felelek Gyakorlatok óra Webhelyek kezelése és szerkesztése Helyi és távoli webhelyek kezelése A helyi és távoli webhely fájljainak összehangolása Oldaltérkép készítése Hivatkozások kezelése Jegyzetek csatolása a weblapokhoz

10 xii Tanuljuk meg az Adobe Dreamweaver CS3 használatát 24 óra alatt Jelentések készítése a webhelyrõl Összefoglalás Kérdezz-felelek Gyakorlatok óra A Dreamweaver testreszabása Egyéni építõelemek készítése Billentyûparancsok szerkesztése Menüparancsok létrehozása Parancs rögzítése Parancsok mentése a History tábláról Kedvencek elhelyezése a beszúró sávon A Dreamweaver képességeinek bõvítése külsõ bõvítményekkel Keresések alkalmazása, mentése és megosztása Összefoglalás Kérdezz-felelek Gyakorlatok Függelékek A függelék Források Dreamweaver-fejlesztés Webfejlesztés általában Dreamweaver-bõvítmények CSS-stílusok Spry keretrendszer Parancsnyelvek CGI, JavaScript és kiszolgálóoldali parancsfájlok CGI JavaScript Kiszolgálóoldali parancsfájlok Akadálymentesítés Használhatóság Letöltések Böngészõk Szervezetek Szakkifejezések jegyzéke 515 Tárgymutató 527