Երբ ստեղծում եք ձեր սեփական կայքը, բնականաբար ցանկանում եք, որ այն հնարավորինս գրավիչ ցուցադրվի ՝ անկախ օգտագործողի զննարկչի տարբերակից: Մասնավորապես, որպեսզի ֆոնային պատկերը ձգվի և հարմարեցվի համակարգչի մոնիտորի բանաձևին:
Դա անհրաժեշտ է
html, css, java-script- ի հետ աշխատելու հմտություններ:
Հրահանգներ
Քայլ 1
Բացեք ձեր կայքի կոդը ցանկացած խմբագրում, օրինակ ՝ Գրառման գրքույկ կամ հատուկ վեբ ձևավորման ծրագիր, Dreamweaver: Հաջորդ տողերը տեղադրեք կոդի մեջ ՝ կայքի ֆոնը ձգելու համար: Ավելացնել ֆոն. Url («Տեղադրեք հղումը նկարի վրա»):
Քայլ 2
Նկարը հորիզոնական չափելու համար օգտագործեք հետևյալ ծածկագիրը. Ֆոն. Url («Տեղադրեք հղում դեպի նկարը» կրկնում է x), ուղղահայաց ՝ ծածկագրի վերջում, x- ը փոխարինեք y- ով: Եթե կայքը ոճավորված է css ֆայլում, տեղադրեք կոդը դրա մեջ: Այս կերպ դուք կկարողանաք ռետինե ֆոն տեղադրել ձեր կայքում:
Քայլ 3
Օգտագործեք կոդի հետևյալ օրինակը ՝ էջի վրա ֆոնային պատկեր տեղադրելու և այն ավտոմատ ձգելու համար, որպեսզի համապատասխանի այն դիտիչի լուծմանը, որի վրա էջը դիտվում է: Կոդի օրինակ. Մարմին {ֆոն ՝ "Տեղադրեք հղում ֆոնային պատկերին" () առանց կրկնելու ֆիքսված ձախ կենտրոն; այնուհետև ֆոնի չափը. […]
Քայլ 4
Ֆոնային պատկերը ձգելու համար պարզապես տեղադրեք նկարը որպես ֆոն և դրա լայնությունը սահմանեք 100%: Օրինակ, էջի կոդի մեջ տեղադրեք հետևյալ տեքստը. Ֆոնային պատկեր "alt =" Մուտքագրեք պատկերի անունը "/>: Այսպիսով, այն կօգտագործվի նկարի լայնությանը համապատասխանելու համար, բայց դրա համամասնությունները կխախտվեն:
Քայլ 5
Նմանապես, դուք կարող եք սահմանել, որ պատկերը ձգվի բարձրության վրա, լայնությունը հատկանիշի փոխարեն օգտագործեք բարձրություն: Կամ css- ի համար օգտագործեք հետևյալ կոդերի օրինակը. Կայքի ֆոնային պատկեր) "> և դրանից հետո ավելացրեք պատկերի 100% լայնություն, ինչպես նախորդ օրինակում: Նաև կարող եք օգտագործել սցենարը ՝ օգտագործողի էկրանի լուծաչափը պարզելու և չափը խմբագրելու համար: ձեր սեղանի համար դրա համար:
