Hogyan Készítsünk Gumi Fejlécet Egy Webhelyhez

Tartalomjegyzék:

Hogyan Készítsünk Gumi Fejlécet Egy Webhelyhez
Hogyan Készítsünk Gumi Fejlécet Egy Webhelyhez

Videó: Hogyan Készítsünk Gumi Fejlécet Egy Webhelyhez

Videó: Hogyan Készítsünk Gumi Fejlécet Egy Webhelyhez
Videó: Website Header Design Using Html-Css | Basic Header | Html-Css | ITFacts. 2024, November
Anonim

Az internetes weboldal létrehozásakor az egyik legfontosabb szempont, amelyet a fejlesztőnek figyelembe kell vennie, annak funkcionalitása, sokoldalúsága és teljesítménye. Annak érdekében, hogy a webhely teljesen és helyesen jelenjen meg a legkülönfélébb képernyőfelbontású számítógépek bármelyik böngészőjében, létrehozhat egy kényelmes "gumi" fejlécet, amely több grafikai elemből áll.

Hogyan készítsünk gumi fejlécet egy webhelyhez
Hogyan készítsünk gumi fejlécet egy webhelyhez

Utasítás

1. lépés

A webhely ilyen fejlécének létrehozásának első lépésében nyissa meg a Photoshopban azt a képet, amelyet már előkészített az internetes közzétételre, majd vágja darabokra az eszköztár Szelet eszközével. Vágja a fejlécet úgy, hogy a középső része üres legyen, így három grafikai elem kerül a végén. Ez lehetővé teszi a fejléc nyújtását bármilyen képernyőfelbontáshoz.

2. lépés

A fejléc levágása után mentse el a fájlok optimalizálásával, amikor webes formátumba ment (Mentés webre). Állítsa be a mentéshez kívánt fájlformátumot - például gif, jpeg vagy png. A kép egyes töredékeinek módosításához kattintson a menü Szeletválasztó eszköz opciójára, és méretezze át a képeket úgy, hogy azok mérete a lehető legkisebb legyen, a kép vizuális megjelenítésének minősége a legkevesebb legyen a képernyőn. Mentse el a szerkesztett képeket HTML-fájlként és képként.

3. lépés

A képek elmentése után szerkessze a HTML-kódot úgy, hogy megnyitja a mentett HTML-dokumentumot a Jegyzettömbbel. A Jegyzettömbben törölje az összes felesleges kódsort. Csak a szükséges sorokat hagyja meg - a táblázatot, amelybe a képei be vannak ágyazva:

4. lépés

Ezekben a sorokban a yourimage

5. lépés

Annak érdekében, hogy a kép középső része megnyúljon, szélsőséges képeket oldalakra terítve, írja be a sorokba a megfelelő kódattribútumokat. Adja meg saját szélességi és magassági paramétereit a kódban.

6. lépés

Töltse fel a létrehozott fejlécképeket a webhely gyökérkönyvtárába, majd szerkessze a HTML-kódot új útvonalakkal a szerver fejlécképeihez. Illessze be a fejléc kódját a címkék közé.

Ajánlott: