BEVEZETÉS A WEBLAPFEJLESZTÉSBE Kvaszingerné Prantner Csilla, EKF A mai haladó technológia 2 Mi a webtárhely? 3 Ha közzé szeretnénk tenni weboldalunkat az interneten, szükséges az, hogy egy webszervernek egy bizonyos területére töltsük fel a teljes munkakönyvtárunkat, azaz a site mappánknak a tartalmát. A webszerverek ezen területeit nevezzük webtárhelynek, ezek használata egyes szolgáltatók esetében reklámozási felületért cserében ingyenes, mások esetében fenntartásukért borsos árat kell fizetni. Tudományterület szerző szerint "Kvaszingerné Prantner, Csilla" - Intézményi Publikációk. Egy webszerveren általában több weboldal is található, a minőségi szolgáltatásokért és a nagyobb méretű tárhelyért, az adataink védelméért és a stabil, biztonságos működésért érdemes fizetni! Az igényelt webtárhelyhez a regisztrálás során kapott accounttal (felhasználói név és jelszó páros) férünk hozzá. A webtárhely mellé kapjuk FTP-elérést és adatbázis elérést kapunk. Miként fest egy site mappa/munkakönyvtára? 4 5 A STATIKUS WEBLAPFEJLESZTÉS ESZKÖZEI (TOOLS OF THE WEB DEVELOPMENT) A statikus weblapfejlesztés eszközei 6 Böngészők: Mozzilla Firefox, Safari, Opera, Google Chrome és az Internet Explorer.
16
HTML (HiperText Markup Language) egy leírónyelv, jelölőnyelv. Nem programozási nyelv, azaz nincsenek benne ciklusok és szelekciók, csak szekvencia. (HTML jelölőnyelvben nem programozunk, csak kódolunk!!! ) A HTML olyan jelölőnyelv, mellyel definiálható a weboldal: 1. tartalma (szövegek, képek táblázatok stb. ) és 2. struktúrája (főcím, alcím, bekezdés, lista, kiemelések stb. Kvaszingerné prantner csilla andrea. ). A HTML leírónyelv utasításai "<" és ">" jelek között írandók. Ezeket tag-eknek, elemeknek vagy jelölőknek nevezzük. A HTML tag-ek/jelölők/elemek-re példa 17
Páros jelölők (tag-ek/elemek) pl. : … … Páratlan, önálló jelölők, üres (tag-ek/elemek) pl. : attribútumok értékek jelölő ˽ =
Egy webhely kezeli az összes eszközön való megjelenítést Hátrányok: Felépítése hosszabb időt vesz igénybe. Nem ad optimális megoldást a speciális méretű eszközökre. (Vagy egy kisebb képernyőn kisebb ablakméret beállítására. ) • Responsive (rugalmas, alkalmazkodó) A reszponzív megjelenítés a legjobb megoldás (a liquid és az adaptív ötvözéseként is említik), mindkettő megoldás előnyeit magában foglalja). Lényege: A tartalmat a felbontáshoz igazítja, de ha a felület (akár az ablakméret, amiben a weblap látszik) túlságosan kicsinek bizonyul a tartalom helyes megjelenítéséhez, akkor azt átrendezi egy másik layoutba, amelyen már jól látszódnak és kényelmesen befogadhatóak a tartalmak. Ez azt jelenti, hogy a megjelenítés nem különböző eszközre van szabva, hanem magára a tartalomra. Kvaszingerné prantner csilla instagram. Előnyök: Vízszintes alkalmazkodás a kijelzőhöz. Kisebb eszközökön szétcsúszik a layout, amely a tartalombefogadás rovására mehet. Részletek: Reszponzív weboldalak 14 Leírások: (kép forrása) Példák: 15 A HTML LEÍRÓNYELV (THE HTML DESCRIPTION LANGUAGE) Mi a HTML?
A beszédes elnevezések szemantikai szempontból jók, áttekinthetőbbé válik tőlük a kód.
A cég hivatalos weboldala a következő címen érhető el:. Miért használjunk szabványokat? 29 1. A legfrissebb előírások használatával olyan weblapokat készíthetünk, amelyek különböző böngészőkben a lehető legközelebbi végeredményt nyújtják (hiszen a böngészők az egyes utasításokat ugyanúgy értelmezik. Átláthatóbb kód => a fejlesztési folyamat egyszerűbb. Kvaszingerné prantner csilla star. a karbantartási folyamat könnyebb. 3. Egységes megjelenésű oldalak a site-on belül. Fontos, hogy a weboldal tartalma és megjelenése külön legyen választva. A legújabb és leghatékonyabb lehetőség ha a HTML5-öt (tartalom) használjuk együtt a CSS3-mal (megjelenés). A tartalom és a megjelenítés szétválasztása 30 Válasszuk külön a tartalmat és a formátumot! HTML = tartalom, struktúra CSS = formátum Javascript = működés A weboldal szerkezetének a felépítése 31 HTML4-ben erre a célra a jelölőket használtuk, HTML4-ben például a következőképpen fest a fejléc megadása: fejléc HTML5-ben viszont ezek helyett az ún. oldalszerkezet tageket vezették be, melyek a következők: header, fejléc section, article, footer A nevek magukban foglalják a képernyőterület meghatározását, így már az id, illetve a class attribútumok használata nem szükséges az oldal felépítéséhez.
Editorok vagy weblapszerkesztő programok: a. Karakteres szerkesztők, b. grafikus (WYSIWYG) szerkesztők (!!! ) Adobe Dreamweaver CS3 Microsoft SharePointDesigner 2007 Médiaelemek előállítására szolgáló programok: a. képszerkesztés, b. hangok szerkesztése, c. videók szerkesztése. Fájlkezelők: Mozzilla Filezilla Total Commander A weblapfejlesztés egy összetett folyamat, mely számos, jól elkülöníthető részfolyamatra osztható. Az egyes részfolyamatok végrehajtásához más-más eszközökre, más-más jellegű szoftverekre van szükség. 7 A WEBLAPFEJLESZTÉS ALAPELVEI (THE PRINCIPLES OF THE WEB DEVELOPMENT) A weblapfejlesztés alapelvei, szabályok 8 1. BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF - PDF Free Download. Fájlszerkezettel kapcsolatos alapelvek a. A site-hoz hozzunk létre egy munkakönyvtárat, ezen belül helyezzük el az összes site-hoz kapcsolódó fájlt és könyvtárat. b. A site-on lévő fájlok és könyvtárak nevében csak az alábbiakat használjuk: - angol ábécé kisbetűit, - poz. egész számokat és - alulvonást ( _). c. Ne használjunk: nagybetűket, hosszú ékezetes betűket, speciális karaktereket (pl.
Aki a levélregény műfaját olyan őrülten primitív és életszerűtlen módon vitte vászonra, hogy a film jó részében Cate Blanchett önvallomással felérő leveleket mond bele a telefonja hangfelismerő programjába (hogy még modorosabb legyen a dolog, közben azt is bemondja, hogy "felkiáltójel" vagy "levél küldése"), máskor a saját múltjáról szóló dokumentumfilmet néz, de azokat az információkat, amelyek még így sem tétettek közhírré, a kislánya mondja bele a kamerába narrátorként. Ehhez képest az még egészen hiteles megoldás, amikor egy-egy ügyesen párhuzamosra vágott jelenetben a férj egy pszichológusnak, a feleség pedig egy egykori mentorának magyarázza el tételesen, mik is Bernadette problémái. És hát Cate Blanchett, a csodálatos, istenien tehetséges színésznő sem tudja emberivé tenni ezt a rajzfilmkaraktert; megpróbálja inkább frufrujára és a rögtön alatta elkezdődő, hatalmas napszemüvegére bízni ezt a feladatot, de azok nem engedelmeskednek. 5 Galéria: Hová tűntél, Bernadette? Fotó: Ascot Elite Entertainment Group / De ha ez sem lenne elég, akkor ott vannak még az olyan jelenetek, amelyekben Blanchett az antarktiszi túrára vásárolt halászmellényét úgy kapja magára, hogy azon aztán végig ott lobog a hatalmas árcédula – jaj, milyen szétszórt!
7 Amerikai vígjáték (2019) Film adatlapja Bernadette Foxnak mindene megvan, amit nő kívánhat: egy gyönyörű otthon Seattle városában, egy sikeres és szerető férj, valamint egy ragyogó, tehetséges tinédzser lány, Bee, aki bentlakásos iskolába jár. Úgy tűnik azonban, hogy valami mégis hiányzik az asszony életéből. Amikor Bernadette váratlanul, nyom nélkül eltűnik, Bee minden követ megmozgat, hogy megtalálja. Izgalmas kaland veszi kezdetét, melynek során Bee felfedezi anyja eddig nem ismert múltját, megoldja eltűnésének rejtélyét. Filmelőzetes: Hová tűntél, Bernadette?
Richard Linklater immáron három évtizede a független filmes szcéna egyik legizgalmasabb alakja, aki igazán erős a már-már abszurdba hajlóan kisszerű, épp ezért mindannyiunk számára számára könnyen azonosulható történetek filmre vitelében. A kultstátuszba emelkedett Mielőtt -trilógia (melyet egyébként bármilyen furcsa, a rendező egy saját élménye inspirált) évtizedeket, különböző stádiumokat átölelően mesélt a párkapcsolatok alakulásáról, másik nagy sikere, a Sráckor pedig 12 évig forgott, épp azért, hogy az öregedés, a különböző életszakaszok a lehető leghitelesebben tudjanak megjelenni a színészeken. Legújabb filmje, a Hová tűntél, Bernadette? nem saját ötlet alapján készült, Maria Semple 2012-ben megjelent, azonos című regényét vette alapul ezúttal a rendező, ez nem jelenti azt azonban, hogy a Linklater filmjeire jellemző pozitívumok ne lennének jelen ebben az alkotásban. Bernadette Fox (Cate Blanchett) élete látszólag mesés. Férje, Elgie Branch (Billy Crudup) a Microsoft egyik reményteli programozója, lánya, Bee (Emma Nelson) szépen teljesít az iskolában, a család pedig Seattle egy nyugodt, kertvárosi negyedében lakik.
Személyes ajánlatunk Önnek Akik ezt a terméket megvették, ezeket vásárolták még Részletesen erről a termékről Bővebb ismertető A hírhedt BERNADETTE FOX: A Microsoft csodagyermeke, Elgie Branch számára vidám, friss, tehetséges és kissé zűrös feleség. Az iskola előtt várakozó anyatársak szemében: fenyegetés. A tervezőmérnökök számára ő az építészforradalmár. A 15 éves Bee legjobb barátja, vagy egyszerűen csak: anyu. Egyszer csak fogja magát, és eltűnik. Beenek a világ végére kell utaznia, hogy megtalálja. A Hová tűntél, Bernadette? kötelező olvasmány, ellenállhatatlan, mélyen megindító könyv a helyét nem találó zseniről, anya és lánya szerepéről a világban. Termékadatok Cím: Hová tűntél, Bernadette? - puha borítós [Nyári akció #] Oldalak száma: 382 Megjelenés: 2013. október 07. Kötés: Kartonált ISBN: 9789632612836 Méret: 210 mm x 140 mm x 12 mm Olvasson bele a Hová tűntél, Bernadette? - puha borítós [Nyári akció #] c. könyvbe! (PDF)
Hová tűntél, Bernadette? leírása A hírhedt Bernadette Fox A Microsoft csodagyermeke, Elgie Branch számára: vidám, friss, tehetséges és kissé zűrös feleség. Az iskola előtt várakozó anyatársak szemében: fenyegetés. A tervezőmérnökök számára ő az építészforradalmár. A 15 éves Bee legjobb barátja, vagy egyszerűen csak: anyu. Egyszer csak fogja magát, és eltűnik. Beenek a világ végére kell utaznia, hogy megtalálja. A hová tűntél, Bernadette? kötelező olvasmány, ellenállhatatlan, mélyen megindító könyv a helyét nem találó zseniről, anya és lánya szerepéről a világban. Ajánlók:,, A komikum mennyországa… Ez az elképesztően mulatságos, sokrétegű könyv szabadul a konvencióktól. Helyette megmutatja az író sokféle hangját, azt, ahogyan túllép a hétköznapokon, és teljes mértékben cáfolja a tételt, hogy a széppróza és a tömegkommunikáció keveréke csak laza és hanyag szócséplés lehet. A szigorúan szerkesztett regény sokféle formát ölt: e-mail, levél, FBI-iratok, pszichiátriai jegyzetek. A darabkák olyan szervesen illeszkednek egymáshoz, hogy a narratíva mindvégig éles fókuszba kerül.
Annapurna Pictures | Color Force | Dráma | Vígjáték | 6. 7 IMDb Teljes film tartalma Bernadette Foxnak mindene megvan, amit nő kívánhat: egy gyönyörű otthon Seattle városában, egy sikeres és szerető férj, valamint egy ragyogó, tehetséges tinédzser lány, Bee, aki bentlakásos iskolába jár. Úgy tűnik azonban, hogy valami mégis hiányzik az asszony életéből. Amikor Bernadette váratlanul, nyom nélkül eltűnik, Bee minden követ megmozgat, hogy megtalálja. Rendezte: Richard Linklater, Főszereplők: Cate Blanchett, Emma Nelson, Billy Crudup, Eredeti cím: Where'd You Go, Bernadette
A film Magyarországon az HBO GO-n és az HBO műsorán látható.