Szép hátteret hely
Holnap kezdődik a tanulmány a HTML, és kezdődik az első tag CÍM (feliratkozás. Tehát, hogy ne hagyja ki). Ez a címke felelős a böngésző címsorában. Szintén hatását elemzi ezt a címkét a helyszínen, vonzása tekintetében a forgalom.
Számos módja van, hogy a háttérképet: létrehozni és letölteni a kész háttérrel. Nézzük meg a két lehetőséget. Kezdjük az első, ami a háttérben a Photoshop. Megmutatom a legegyszerűbb módja annak, hogy hozzon létre egy háttérképet a Photoshop.
Tehát, nyílt Photoshop és hozzon létre egy új dokumentumot bármilyen eszközzel, például 300 × 300. Színmód fel 8 bit, így a kép súlyuk kevesebb, és gyorsan letölthető letöltésekor oldalon. Tudod, hogy 16 vagy 32 az Ön kényelmét.
Most válassza ki az eszközt „Brush (B)»:
Kattintson a jobb gombbal egy üres területre a dokumentumot, majd válasszon ki egy ecsetet a csillag alakú mérete 24 vagy 29 pixel:
Most akkor fordítsa a bal egérgombbal a dokumentum, hogy milyen az ecset. Megváltoztatása a fő szín a palettán a színek és az ecset méretét, döntetlen, valahogy így:
Kattintson a „Mentés” gombra. Mentsd meg a háttérben néven «fon1.png». Minden háttérkép kész! Íme egy egyszerű, könnyen háttér készen. Mi nem fog csatlakozni, és hozzon létre egy másik, nagyon egyszerű háttér, de ugyanakkor nagyon elegáns.
Új dokumentum létrehozása mérete 3 × 3. Beállítások fenntartjuk ugyanaz, mint az első dokumentum. Növelje a létrehozott dokumentum, hogy a határ (3200%). Válassza az eszközt „ceruza (B)»:
Most lehet választani a színét a háttér, én pedig a világosszürke szín, akkor lehet választani, de nem túl fényes. Ceruza mérete legyen 1 pixel. Ezt meg lehet változtatni, valamint változás az ecset - egér jobb gombjával. Rajz, az alábbiak szerint.
Mentsd el ugyanúgy, mint az előző képen, csak a neve «fon2.png».
Most tettünk 2 a háttérben saját termelését. Most csatlakoztassa ezeket a mintákat a helyszínen. Ehhez mi lesz a HTML + CSS.
2. Hozzon létre egy fájlt: «index.html» és a «style.css». Mindkét fájlt kell létrehozni UTF-8. Ha nem tudja, hogyan kell létrehozni ezeket a fájlokat, akkor írok róla később (feliratkozás. Nem hiányzik egy cikket).
Kód, amelynek tartalmaznia kell «index.html» fájlt az alábbiak szerint:
Ne felejtsük el, hogy adja meg a fájl kiterjesztését.
A következő blokk tulajdonságainak Rendeltem a rögtönzött helyszínen. Emlékezzünk vissza, hogy kiadási fehér blokk közepén hordozza a címke "
»A«mainsite»azonosítót. A CSS-ben felírtam a következő:
- div # mainsite - meghatározza, hogy meg kell találni a kulcsszó «div» a «maainsite» azonosítót és alkalmazza a tulajdonságok előírt zárójelben:
- margin: 0 auto; - igazítsa a fehér blokk közepén
- margin-bottom: 25 képpont; - francia fehér blokk 25 pixel aljáról a böngésző ablak
- margin-top: 5px; - fehér saroknyira a felső margó 5 képpont böngésző
- szélesség: 70%; - szélessége fehér blokkot fogja elfoglalni csak 70% a böngészőablak 100%
- magasság: 1000px; - a magassága a fehér blokk 1000 képpont
- background-color: #fff; - fehér blokk háttér színe fehér
- border: 1px szilárd #ccc; - egységnek van egy kerete 1 pixel szürke szilárd anyag formájában
Most már futtathatja «index.html» fájlt, és meglátjuk, mi történik.
Változtatni a háttérben a honlapon csak meg kell változtatni a nevét, a csatlakoztatott képet a CSS tulajdonságait a blokk:
Háttér, amit meg is tettünk három pixel, úgy néz ki, szokatlanul, úgy tűnik, hogy egy szürke háttér, de ugyanakkor van egy bordázott felületű, ha jobban megnézed. A második lehetőség háttér: látni.
Színe változtatható tetszése. Nagyon jó megkönnyebbülés süt narancs. És végül, hagytam, hogy tanácsot helyeket, amelyeken megtalálható a érdekes háttérrel.
Válassza ki kedvenc háttér, töltse le és telepítse a helyszínen. Mondtam már, hogyan kell változtatni a háttérben helyszíne fölött, és most minden kéznél. Kísérlet!