Elvek létrehozása html-oldalak - a stílusok és scriptek

új anyagok

A stílusok és scriptek

Modern oldalai nem hasonlóak, hogy történt néhány évvel ezelőtt. Egyrészt azért, mert ők töltik formázás útján történik HTML. Másodszor, az interaktív munka a látogató már egyre gyakrabban szkripteket. A mai HTML regisztrálás céljából a széles körben alkalmazott Cascading Style Sheets, veszünk egy rövid pillantást, és most, hogy lesz nagyon szorosan ismerik a harmadik része a könyv.

Mik stíluslapok

Megtekintéséhez formázási CSS segítségével (PSD HTML CSS), ismét kapcsolja a példában lista mutatja 1.5. Általános szabály, hogy címeket jobban néz ki, amikor egy vonalban a központban. Ezt meg lehet tenni két módja van: vagy adja mindegyikre középre vagy tedd a két egy egységet alkot. Az első esetben, hogy adjunk a dokumentum elejére index.html (a része a fej) a következő szöveget:

Ezután beágyazni mind a fejléc DIV tartályba. Az eredmény egy olyan dokumentumot, mint az alább látható lista 1.8 (a kész példa a Part_1 \ Formázott mappa).

Listing 1.8. Így a CSS

A böngészőben fog kinézni pontosan ugyanaz, mint az előző változat. Mindkét esetben mi nem már formázva, és a dokumentum design, amely korábban a stíluslapot. Általában a stíluslap lehetővé teszi a nagyon rugalmas okirat kiállítására - fejlécek és igazítsa bekezdések meghatározzák szín és betűtípus design, hogy hozzon létre egy határ tárgyak köré, és így tovább. És a hatás a stíluslapok lehet elosztani adott elemet, vagy az egész oldalt, vagy akár több oldalon egyszerre. Ezért nevezik őket lépcsőzetes. Annak érdekében, hogy elkerüljék az asztalok között a különböző szinteken, a prioritások a terület befolyása megadott. Ezek lényege az, hogy minél közelebb a stílus elem leírását, a magasabb prioritású van.

E szempontot közelebbről. Ehhez vesszük a legújabb verzióját a hosszú szenvedés index.html és hozzá a nyitó tag attribútum a stílus H2, amelyben rámutatnak, hogy az összehangolás az elem kell végezni a jobb oldalon:

Ez - a főoldalon

Most, ha megnyitja a dokumentumot a böngészőben, a húr „Ez - a főoldalon” nem igazodik a központ és a jobb oldalon. Így vagyunk győződve arról, hogy a segítségével a beépített style attribútum stíluslapok prioritása a legmagasabb, mert kiderül, hogy a stílus határozza meg a tag - közel sem!

Korábban azt is megjegyezte, hogy a hatás a Cascading Style Sheets lehet felosztani több dokumentum egyszerre. Ehhez vesznek ki egy külön CSS-fájlt, majd a linket, hogy egy másik dokumentumot. Például hozzon létre egy fájlt mystyle1.css az alábbi tartalommal:

Ezután hozzáadjuk a HEAD részében az index.html fájlt sor:

Most a hírek váltak piros. És minden olyan dokumentum, amely egy linket mystyle1.css lesz fejlécek H1 és H2 piros.

Megjegyzés
A fenti példák csak, hogy már tapasztaltuk, hogy találkozott két CSS tulajdonságok - text-align és színét. Az első felelős a nyomvonal a szöveget, és a második - az ő színe. Természetesen ez csak egy kis része a lehetőségeit stíluslapok, de addig, amíg nem kezdjük tanulmányozni őket sűrűbb, a példákban korlátozott lesz, általában csak ez a két tulajdonság.

Amellett, hogy alkalmazása közös valamennyi tag a hasonló stílusú definíciók, akkor létrehozhat jellemzőosztályokhoz. Például, ha azt akarjuk, hogy ugyanabban a dokumentumban, egy bekezdés egyengetjük a központ, és mások - mindkét oldalon, mi is létrehozhatunk a megfelelő osztályokat az elem P. Ez úgy történik, mint a példa mutatja a lista 1.9.

Listing 1.9. Alkalmazása CSS osztályok

. egy szöveg, ami kell helyezni a központban.

. szöveget, amit meg kell mindkét oldalát.

Itt a stílus meghatározás, hoztunk létre két osztály a címke P: Központ és Mindkettő. Az első szerint az szükséges, hogy formázza a szöveg közepén, és a második - két szélén (vagy ahogy nevezik, a szélessége az ablak). Annak megadásához, melyik osztályhoz tartozik egy adott címke használt CLASS tulajdonság. Ha az osztály attribútum nincs megadva, akkor alkalmazza a formázást, az alapértelmezett (abban az esetben egy bekezdés - balra igazítás).

Amellett, hogy meghatározza az osztályok elemeit, akkor nézze meg az adott elemhez, kap egy egyedi azonosítót - ID. Ez úgy történik, hogy meghatározzuk a stílus egyértelműen nem kötődik semmilyen eleme:

# Egyéni 1.

Ez a szöveg legyen zöld!

Stílus meghatározott Egyéni 1 ugyanazt a nevet kell alkalmazni, hogy az elem, függetlenül attól, hogy mi az elem. Csak az a fontos, hogy tudja, hogy az azonosító (ID) elem egyedinek kell lennie, azaz Az oldalon nem lehet több, mint egy elemét egy azonosítót, például, Egyéni 1.

Megjegyezzük, hogy az osztályok és az azonosítók lehet osztani (mint a példában az azonosító), és a sejthez kötődött típusú (mint a példában az osztályok P). Például, ha az Ön által megadott osztály számára meghatározott P egy adott elemet (pl H1), akkor az ilyen felvétel nem működik. Ezért, ha kell, hogy hozzon létre egy osztályt, amely használható bármely eleme használja a következő szintaxist:

További részletes szabályok meghatározására osztályok és CSS azonosítók tárgyalja a vonatkozó része a könyvnek. Végül meg kell jegyezni, hogy a HTML 4 és XHTML STYLE attribútumok, az osztály és az azonosító biztosítunk gyakorlatilag az összes elem, kivéve azokat, amelyek célja a részes fej és mások - mint például a forgatókönyvet, és PARAM.

Mik dinamikus oldalak

Dynamic HTML (DHTML) - a neve az önkéntes alkalmazás programozási felület (API) kezelésére dokumentum elemei, vagyis a DOM, az alkalmazott HTML. Vele, akkor lehet változtatni a tulajdonságait gyakorlatilag az összes elem az oldal. A gyakorlatban ez azt jelenti, hogy létre interaktív, interakció a felhasználó számára.

Megjegyzés
Továbbfejlesztése, AJAX DHTML címet kapta, és még vezetett a megjelenése egy ilyen kifejezés, mint a Web 2.0.

A mai napig, minden böngésző támogatja a változó megjelenése a dokumentum a „röptében”, azaz újraindítás nélkül.

Listing 1.10. Egy script

Ebben az esetben, ha azt akarjuk, a forgatókönyvet, hogy végre egyszer, és válaszul a felhasználói beavatkozás, speciális HTML attribútumokat. Például onclick attribútumot, megadhatjuk a funkció, amely reagál az egérre linkre:

Itt van a köszönés

Ahogyan fájlokat és a stíluslapok, scriptek lehet külön fájlban. Ezt használja ugyanazt a SCRIPT elem:

Természetesen az alkalmazási terület forgatókönyv sokkal szélesebb, mint a kijelző üzenetek: lehetnek „on the fly” oldalak létrehozására, kezelésére CSS tulajdonságok, a változó az elrendezés a dokumentum, stb Mindez lesz szó a negyedik része a könyv.

SNK GSCP - egy új könyvtárat a PHP 5!
Web Studio és Vizuális Műhely Library:
Szabványok web-technológia
Monopoly v. 2.0.2 Letöltések:
letölthető szoftver Termékek:
programok és könyvek