Tartalomjegyzék. Bevezetés I. rész: Menő webhelyek készítése fejezet: Hányféleképpen készíthetünk weblapokat?...

Átírás

1 Bevezetés... 1 A könyvről... 1 A Dreamweaver CS4 újdonságai... 2 A Dreamweaver használata Mac-en vagy PC-n... 4 Hasznos tudnivalók a könyv olvasásához... 4 Amit átugorhatsz, ha Nincsenek elvárásaink... 6 A könyv felépítése... 6 I. rész: Menő weboldalak készítése... 6 II. rész: Értékes webtervezési lehetőségek... 7 III. rész: Mire képes a multimédia és a JavaScript?... 8 IV. rész: Dinamikus tartalom... 8 V. rész: Top A könyvben használt ikonok... 9 Hol is kezdjük?... 9 I. rész: Menő webhelyek készítése fejezet: Hányféleképpen készíthetünk weblapokat? Új webhely fejlesztése A webhely struktúrájának kezelése Ismerkedj meg az XHTML alapjaival A webtervezési lehetőségek összehasonlítása Élvezzük a CSS előnyeit! Régi stílusú oldalak újratervezése A keretek alkalmazási lehetőségei Dinamikus weboldalak készítése Eltérések az egyes böngészők között A Dreamweaver CS4 munkaterülete A munkaterület elrendezésének megváltoztatása A menüsáv A dokumentum eszköztár A dokumentumablak A dokkolópanelek Az Insert panel A Tulajdonságfigyelő (Property inspector) Az állapotsáv (Status bar) Beállítások módosítása fejezet: Webhelyek megnyitásaés létrehozása Új vagy létező webhely beállításai Webhelyek definiálása a Dreamweaverben Több webhely együttes szerkesztése és kezelése Dreamweaver.indb xi 7/26/09 9:48:33 PM

2 xii Dreamweaver CS4 Új oldalak létrehozása Indulás az üdvözlőképernyőről Új oldal létrehozása a New Document ablak segítségével Új oldalak fájlneve Az első oldal neve legyen index.html Oldalcímek adása Az első weboldalad megtervezése Címsorok formázása címkékkel Bekezdések és sortörések beszúrása Szöveg beillesztése más programból Képek elhelyezése Hivatkozások megadása Hivatkozás más oldalakra a webhelyen belül Hivatkozások egy oldalon belül horgonyokkal Más oldalakra mutató hivatkozások címekre mutató hivatkozások Az oldal tulajdonságainak módosítása Metacímkék a keresőmotorok számára Az oldal előnézetének megtekintése böngészőben fejezet: Kép megjelenítése az oldalon Webes grafika létrehozása és optimalizálása Grafikák és fényképek átméretezése A legjobb képformátum kiválasztása Képek mentése webes használatra: az alapok JPEG-képek optimalizálása Photoshoppal GIF- és PNG-képek optimalizálása Photoshoppal Mennyire legyen kicsi? Képek beillesztése a Dreamweaverben Szöveggel körbefuttatott kép igazítása Képek szerkesztése a Dreamweaverben Kép körülvágása A fényerő és a kontraszt beállítása Kép élesítése Képek optimalizálása a Dreamweaverben Hogyan nyithatsz meg a Dreamweaverből egy képet Photoshopban vagy Fireworksben? Háttérkép beillesztése Hivatkozások elhelyezése képeken fejezet: Webhely kezelése, tesztelése és közzététele Webhelyed tesztelése különböző böngészőkben A böngészők közti eltérések figyelembevétele tervezéskor. 96 A Dreamweaver Browser Compatibility szolgáltatása Teszteld a művedet: jelentések készítése Hibás hivatkozások fellelése és javítása Hibás hivatkozások keresése A hibás hivatkozások kijavítása Hivatkozott fájlok kezelése Fájlok mozgatása és átnevezése Hivatkozások globális módosítása Dreamweaver.indb xii 7/26/09 9:48:33 PM

3 xiii Webhelyed közzététele webszerveren Hozzáférés a webszerverhez FTP-n keresztül Webhelyed feltöltése a szerverre A helyi és a távoli fájlok szinkronizálása Az elrejtési lehetőségek beállítása Hozd ki a legtöbbet a Dreamweaver webhelykezelési szolgáltatásaiból Tesztszerver használata Fájlok beadásának és kivételének engedélyezése Tervezői megjegyzések használata A közreműködési szolgáltatások engedélyezése Szerkesztési előzmények Címkék gyors szerkesztése a Quick Tag Editorral II. rész: Értékes webtervezési lehetőségek fejezet: Kaszkád stíluslapok A kaszkád stíluslapok bemutatása Ismerkedés a stílusok alapjaival Ismerkedés a stílusszelektorokkal Szabálydefiniálási lehetőségek A háttérben rejlő kód CSS-szabályok beállítási lehetőségeinek összehasonlítása A Type kategória A Background kategória A Block kategória A Box kategória A Border kategória A List kategória A Positioning kategória Az Extensions kategória A CSS Styles panel használata Áttekintő kép: az All mód A stílusok vizsgálata közelebbről: a Current mód Stílusok létrehozása, listázása és hozzárendelése oldalakhoz Váltás a Tulajdonságfigyelő CSS- és HTML-módja között Osztály- és címkestílusok használata a Dreamweaverben Stílusok létrehozása az osztályszelektorral Osztálystílusok alkalmazása a Dreamweaverben Osztálystílusok eltávolítása a Dreamweaverben Stílusok létrehozása a címkeszelektorral Létező stílus szerkesztése Létező stílusok átnevezése Egész oldalra vonatkozó stílusok, példáulhivatkozások stílusának létrehozása a Page Properties dialógusablakban Külső stíluslapok használata Külső stíluslap létrehozása Külső stíluslap hozzárendelése a weboldalhoz Dreamweaver.indb xiii 7/26/09 9:48:34 PM

4 xiv Dreamweaver CS4 Stílusok mozgatása, másolása és szerkesztése külső stíluslapokon Kész külső stíluslapok használata fejezet: CSS-elrendezések létrehozása CSS-elrendezések használata a Dreamweaverben Új oldal létrehozása CSS-elrendezéssel Egy CSS-elrendezés stílusainak szerkesztése Stílusok használatának be- és kikapcsolása a Firefoxban Számozatlan felsorolások formázása hivatkozásként Oldalak egyedi elrendezésének kialakítása CSS-szel Megjelenések létrehozása a dobozmodell használatával A margók és a helykitöltés működésének összehasonlítása A CSS megjelenítése különböző böngészőkben Egyedi CSS-elrendezés létrehozása Az oldal és a dobozok létrehozása A tartalmazó <div> elem stílusának megadása Oszlopok létrehozása Az utolsó simítások Elemek elrendezése AP Divekkel AP Divek létrehozása AP Divek takarási viszonyainak és láthatóságának módosítása Stílusütközések kezelése Tervezési idejű stíluslapok használata fejezet: A HTML-táblázatokról HTML-táblázatok létrehozása Táblázatok létrehozása Standard módban A táblázat megjelenésének megválasztása A táblázatok hozzáférhetőségének javítása Cellabeállítások megadása Több oszlop együttes formázása egy táblázatban Táblázat celláinak egyesítése és felosztása Táblázat adatainak rendezése Táblázat adatainak importálása más programokból Táblázatok használata elemek igazítására és térközök megadására Táblázatok egymásba ágyazása fejezet: Keretek az oldalakon Bevezetés a HTML-keretek alapjaiba Keretek működésének megértése Keretcsoport létrehozása a Dreamweaverben Keretcsoportok fájljainak elmentése Célpontok és hivatkozások megadása a keretekben Keretek elnevezése Hivatkozások megnyitása egy adott keretben Lehetséges célpontok összehasonlítása Keret tulajdonságainak módosítása Dreamweaver.indb xiv 7/26/09 9:48:34 PM

5 xv Keretszegélyek módosítása Keret méreteinek módosítása Görgetési és átméretezési beállítások módosítása Margó magasságának és szélességének beállítása fejezet: A tervezői munka összehangolása Sablonok Sablonok létrehozása Szerkeszthető és nem szerkeszthető területek létrehozása Új sablon létrehozása Oldal mentése sablonként Attribútumok szerkeszthetővé tétele Új oldal létrehozása sablonból Globális változtatások végrehajtása sablonokkal Sablon beazonosítása Sablonok hozzárendelése és leválasztása Elemek ismételt felhasználása a Library szolgáltatás segítségével Library-tételek létrehozása és használata Library-tételek létrehozása Library-tételek hozzáadása egy oldalhoz Library-tételek kiemelése Globális változtatások végrehajtása Library-tételekkel Library-tétel egy példányának szerkesztése Tracing Image használata elrendezés kialakításának támogatására III. rész: Mire képes a multimédia és a JavaScript? fejezet: Tedd webhelyedet interaktívvá a viselkedésekkel A viselkedések alapjai Rollover kép létrehozása Viselkedés hozzáadása a weboldalhoz Képek lecserélése Az Open Browser Window viselkedés használata Több viselkedés megadása Viselkedés szerkesztése Új bővítmények telepítése a viselkedésekhez fejezet: Dobd fel az oldalaidat multimédiával Tudnivalók a multimédia-lejátszókról Az Adobe Flash használata Flash SWF-fájlok beillesztése A Flash tulajdonságainak beállítása A Flash lehetőségeit bővítő szkriptek Videó és hang használata a weben Népszerű videoformátumok összehasonlítása Népszerű hangformátumok összehasonlítása Dreamweaver.indb xv 7/26/09 9:48:35 PM

6 xvi Dreamweaver CS4 Hang- és videofájlok hozzáadása weboldalakhoz Hivatkozások létrehozása hang- és videofájlokra Hang- és videofájlok beillesztése Hang- és videofájlok beállításainak megadása Multimédia-beállítások megadása Flash-hang- és videofájlok hozzáadása Videofájlok átalakítása Flash-formátumba a Flashvideokódolóval A Java használata Java-kisalkalmazások beillesztése A Java paramétereinek beállítása Hivatkozások létrehozása PDF-fájlokra fejezet: Töltsd ki az űrt! HTML-űrlapok létrehozása Rádiógombok és jelölőnégyzetek létrehozása Szövegmezők és szövegterületek hozzáadása Legördülő listák létrehozása Az utolsó lépés: jóváhagyó és törlő gombok Ugrómenük használata CGI-szkriptek működése Űrlap és szkript együttműködésének beállítása Rejtett mezők használata fejezet: AJAX-szolgáltatások létrehozása a Spry segítségével Az AJAX csodákra képes! Legördülő menük létrehozása AJAX-szal Összecsukható panelek létrehozása Fülek: több lap egy panelen Adatok ellenőrzése a Spry segítségével IV. rész: Dinamikus tartalom fejezet: Dinamikus webhely készítése: az első lépések Ismerkedés a dinamikus webhelyekkel Mik a dinamikus webhelyek előnyei? Dinamikus webhely működés közben Dinamikus webhelyek létrehozása: alapfogalmak Ismerkedés az adatbázisokkal Dinamikus fejlesztési technológia kiválasztása Számítógéped beállítása dinamikus oldalak kiszolgálására Helyi webszerver létrehozása Jogosultságok beállítása Adatkapcsolat létrehozása a Dreamweaverben fejezet: Mozgásba hozott adatok A panelek felfedezése A Databases panel A Bindings panel Dreamweaver.indb xvi 7/26/09 9:48:35 PM

7 xvii A Server Behaviors panel A Components panel Rekordcsoport létrehozása Rekordcsoport használata az oldalon Ismétlődő területek Dinamikus kép hozzáadása Előkészületek A kép adatbázismezőhöz kapcsolása Navigáció dinamikus oldalon (Master-Detail Page Set) létrehozása Áttekintő és részletező oldalak (Master-Detail Page Set) létrehozása További lehetőségek adatbázis-vezérelt webhelyek használatára V. rész: Top fejezet: Tíz dolog, amire szükséged lehet Domainnév regisztrálása Védd meg címedet a levélszeméttől Hivatkozások felugró ablakokkal Kereskedelem a weben A forgalom nyomon követése Kérd ki a látogatók véleményét! Idő megtakarítása sablonok használatával Légy naprakész webes szabványok a W3.org-on A Dreamweaver funkcióinak kibővítése az Adobe.com oldalon. 431 Csinosítsd ki a címsort a Faviconnal Magyar oldalak fejezet: 10 ötlet, amivel időt spórolhatsz meg Tervezz a közönségednek Legyen egységes a megjelenés Alkalmazd a három kattintás szabályt Végy jó rajtot Használj osztott nézetet Tervezz Flash-ben Használd a megfelelő betűtípusokat Tartsd kéznél a gyakran használt funkciókat Készülj fel a gyors frissítésekre Készíts biztonsági másolatot Tárgymutató Dreamweaver.indb xvii 7/26/09 9:48:35 PM