A html5 platform, a tartalom platformja
PLATFORM HTML5 JELLEMZŐK
Penza Állami Egyetem
Kivonat. A cikk a WEB-oldalak létrehozásának modern technológiáit ismerteti. A modern HTML5 platform előnyeit fontolóra veszi. Listázott programok csúszka létrehozásához. A csúszkát gyakran használják a kereskedelmi oldalakon, és nagy mennyiségű információt helyezhet el a képernyő egy kis részén.
A modern WEB oldalak egyre bonyolultabbak és egyre inkább túlterheltek a logikával. Korábban, a teljesítmény ilyen alkalmazás, elsősorban a működési sebesség egy SQL-szerver és hogy létezik-e elegendő hatékony végrehajtásának vezető hozzáférés az SQL-szerver a kiválasztott programozási nyelv érte. Ennek az az oka, hogy a WEB-oldalak első generációja egyszerűen elolvasta és információkat írt az adatbázisokba. Viszonylag kevés felhasználó volt. Így az idő az SQL-lekérdezés finomítás volt 70-90% -a HTTP-kérés teljes feldolgozási idő.
A skálázhatóság növelésével (a felhasználók számának növelésével) és az alkalmazás logikájának növelésével a programnyelv és a futási környezet követelményei jelentősen megnövekedtek. Ehhez hozzátesszük, hogy viszonylag nemrégiben a WEB-oldalak az internetes világból a vállalati alkalmazások világába költöztek. Ez tovább növelte a futási környezet teljesítménykövetelményeit.
A HTML5 szintaktikai jellemzőkkel rendelkezik. elemek
A HTML5 szemantikája a dokumentum szerkezetét ötvözi, és lehetővé teszi az emberek és programok számára, hogy jobban kezelhessék az adatokat. A HTML5 számos szemantikai címkét tartalmaz. A HTML5 számos új elemet mutat be, például
A HTML 5 webes űrlapjai lehetővé teszik a megfelelő érvényesítést. Most a fejlesztők szkripteket használnak az űrlap érvényesítéséhez. Hamarosan elfelejtheti a szkriptek WEB-formában történő használatát. Lehetőség van arra is, hogy stilizálják a szükséges mezőt.
A HTML5 AppCache lehetővé teszi az oldal használatát, még akkor is, ha nincs internetkapcsolata.
WEB oldalakon rajzolhat a Canvas API használatával. A vásznat nagyon könnyű elsajátítani, nagyon gyors. A címke használata
A CSS3 a HTML5-be való integrációban lehetővé teszi az oldal bármely elemének megjelenését, így bármilyen effektet hozhat létre anélkül, hogy károsítaná a szemantikai struktúrát, a teljesítményt és további szkripteket.
A CSS3 új elemekkel rendelkezik, például borger-sugárral, melynek célja a lekerekített szélek kép nélküli használata.
A webhelynek alkalmazkodnia kell a különböző képernyőfelbontásokhoz. A probléma az, hogy rengeteg van, különbözőek és folyamatosan újak.
A CSS3 médiakérdések segítségével megoldhatja ezt a problémát.
A CSS3 médiakérdések segítségével pontosabban módosíthatja a tartalmat a képernyő méretéhez, az eszköz tájolásához, a szín mélységéhez.
Médialekérdezési azt jelenti, hogy meg tudja határozni, hogy milyen tartalmat közzétenni, hogy milyen tartalmat megmutatni és mit nem. Például, ha egy kis képernyőn, meg kell átrendezni minden elemét úgy, hogy beleférjen a kis képernyőn, ha nagy, akkor lehet több optimálisan elfoglalni a rendelkezésre álló helyet.
A Media Queries szintaktikája egyszerű, a felbontás, szélesség vagy magasság a @media szabály alapján kerül meghatározásra. Továbbá a szélességtől függően megváltoztathatja az elemek tulajdonságait, sőt a jelölést is.
Az átlátszó elem használatával megváltoztathatja az elemek átlátszóságát.
Egyre több a kereslet a különböző csúszkákra (1. Hozzájárulhatnak portfólió létrehozásához, bemutatják a partnereket - és sok mást. Természetesen a használatát őket, különösen a főoldalon - vagy inkább a bejelentkezési oldalon - sokszor igazolja nagyon felkeltette a látogatók.
A fejlesztés elve hasonló a menümodul fejlesztéséhez.
A mod_slider fájl. php, a modul vezérlőfájlja információ-megjelenítést tartalmaz.
A vezérlőfájl nem lesz, mert mindent úgy kell kezelnie, mint egészet. És nincs semmi, amivel a modulok kezelhetők, és nincs semmi feldolgozás.
A fájlsegéd sem lesz, mert egyetlen fájl egyesítése értelmetlen.
Az alapértelmezett fájlban. php (2. ábra) felelős a leképezésért.
A ciklus kezdetén, a 9. sorban, kiszámolja az összes kép szélességét és számát számolja.
Ezután minden kép a listába kerül, és a modul a webhelyen megjelenik.
A képek mozgatásához java scriptet használunk.
4-6 sorban ezek a parancsfájlok kapcsolódnak. Az első szkript összeköti a mootools keretet.
A második szkript egy olyan fájlt kapcsol össze, amelyben leírják a hatás saját osztályait.
A görgetősávfájl áttekintése. js a 3. ábrán látható.
A harmadik szkript közvetlenül összekapcsolja a hatást. Lehetséges az utolsó két fájl kombinálása, de a hatások kezelésének kényelmét célszerű két fájlba osztani.
A görgetősávfájl áttekintése. js a 4. ábrán látható.
Amint az a csúszka képéből látható, a képek fekete-fehérek, és amikor befelé fordulnak, akkor színeznek. Ezek nem két különböző képek, hanem a képen egymásra helyezett hatás.
Ez a hatás a java script és a canvaus (HTML5 specifikációs elem) segítségével érhető el.
A fekete-fehér hatású fájl áttekintése a 3. ábrán látható.
A 20. sorból kiindulva a szürke árnyalatú hatás a vászon használatával történik.
Így azt a következtetést vonhatjuk le, hogy a modern HTML5 technológiák használata lehetővé teszi a webhely kényelmes, egyszerű és bemutatható megjelenítését. Ez az oldal egyformán jól néz ki minden monitoron és bármely böngészőben.