Այն ամենը, ինչ այցելուը տեսնում է կայքի էջերում, զննարկիչը ցուցադրում է սերվերի կողմից իրեն ուղարկված մանրամասն հրահանգների հիման վրա: Այս հրահանգները կոչվում են էջի html ծածկագիր և կազմված են առանձին «պիտակներից», որոնք նկարագրում են յուրաքանչյուր տարրի տեսակը, տեսքը և գտնվելու վայրը առանձին: Anyանկացած նոր տարր (օրինակ ՝ պատկեր) էջում տեղադրելու համար անհրաժեշտ է դրա աղբյուրին ավելացնել համապատասխան հրահանգ ՝ պիտակ: Մտածեք դա անելու ամենադյուրին ճանապարհը:
Հրահանգներ
Քայլ 1
Եթե օգտագործում եք ցանկացած տեսակի բովանդակության կառավարման համակարգ, ապա շատ հավանական է, որ այն պարունակում է էջի խմբագիր: Նախ, այս խմբագրում անհրաժեշտ է բացել ցանկալի էջը: Հետագա - հնարավոր են տարբերակներ: Լավագույն դեպքում էջի խմբագիրը կունենա «տեսողական ռեժիմ», այլ կերպ ասած ՝ «WYSIWYG ռեժիմ» (What You See Is What You Get - «what you see is what you get»): Այս ռեժիմում ձեզ բնավ պետք չէ գործ ունենալ բնօրինակ html- կոդի հետ: Խմբագրության էջը կտեսնի նույնը, ինչ կայքում, բավական կլինի մկնիկը խցկել ցանկալի վայրում և սեղմել խմբագրի վահանակի վրա «տեղադրիր պատկեր» կոճակը:
Քայլ 2
Արդյունքում, կբացվի երկխոսության տուփ, որում դուք պետք է ընտրեք ցանկալի նկարը: Եթե դեռ չեք վերբեռնել, կա նաև ձեր համակարգչում պատկեր ընտրելու և սերվեր վերբեռնելու կոճակ: Բացի այդ, այս երկխոսության մեջ կարող եք սահմանել նկարի շուրջ շրջանակի գույնը և լայնությունը, շրջանակի և պատկերի միջև լրացման հեռավորությունն ու գույնը, տեքստի գործիքագիծը: Անհրաժեշտ չէ այստեղ չափերը նշել, բայց էջի բեռնման արագացման և դիզայնի աղավաղումը կանխելու համար, ավելի լավ է դա անել: Երբ երկխոսության բոլոր պահանջվող դաշտերը լրացվում են, կտտացրեք «Լավ» և այնուհետև պահեք խմբագրված էջը:
Քայլ 3
Հաշվի առնելով այն փաստը, որ կառավարման համակարգերի համար չկա մեկ ստանդարտ, ձեր համակարգի տեսողական ռեժիմում պատկեր տեղադրելու կարգը կարող է փոքր-ինչ տարբերվել, բայց սկզբունքը կլինի նույնը: Նույն պատճառով, WYSIWYG ռեժիմը կարող է չհայտնվել ձեր կայքի կառավարման համակարգում: Դրանից հետո դուք դեռ պետք է խմբագրեք էջի սկզբնաղբյուրը HTML (HyperText Markup Language - «հիպերտեքստի նշման լեզու») լեզվով: Ձեզ հարկավոր է ճիշտ պիտակ տեղադրել այն կոդի մեջ, որը զննարկիչին ասում է, որ պատկերն այստեղ ցուցադրվի: Իր ամենապարզ տեսքով այն պետք է ունենա հետևյալ տեսքը. Ահա պատկերի «հարաբերական հասցեն». Այս հասցեում զննարկիչը պետք է կապվի սերվերի հետ ՝ դրա համար ֆայլը ստանալու համար: Եթե հասցեն հարաբերական է, ապա զննարկիչը ենթադրում է, որ ֆայլը նույն սերվերի թղթապանակում է, ինչ ինքը ՝ էջը (կամ ենթապանակում): Սխալվելու համար ավելի լավ է նշել «բացարձակ հասցեն», օրինակ ՝ այսպես. Բնականաբար, որպեսզի սերվերը գտնի և ուղարկի պատկերը զննարկչին, այն պետք է վերբեռնել նշված գտնվելու վայրը Դա անելու ամենադյուրին ճանապարհը ֆայլերի կառավարչի միջոցով է, որը կա բովանդակության կառավարման յուրաքանչյուր համակարգում, ինչպես նաև ձեր հոստինգ ընկերության կառավարման վահանակում: Կարող եք նաև դա անել ՝ օգտագործելով FTP- արձանագրություն (File Transfer Protocol - «ֆայլերի փոխանցման արձանագրություն») ՝ օգտագործելով հատուկ ծրագիր ՝ FTP- հաճախորդ: Դրանցից շատերը կան ՝ և՛ վճարովի, և՛ անվճար. Օրինակ ՝ Cute FTP, FlashFXP, WS FTP և այլն: Բայց, իհարկե, ծրագրի տեղադրումը, յուրացումը և կազմաձևումը ժամանակ կպահանջի, այնպես որ ֆայլերի կառավարիչը ներբեռնելու է այն ամենը, ինչ ձեզ հարկավոր է զննարկիչը ավելի հեշտ տարբերակ է:
Քայլ 4
Պատկերի html- պիտակի հասցեից բացի, կարող եք նշել լրացուցիչ տեղեկություններ `պիտակի« հատկանիշներ »: Օրինակ ՝ alt="Image" հատկանիշը պարունակում է տեքստի այն տեքստը, որը հայտնվում է, երբ մկնիկի կուրսորը սավառնում ես պատկերի վրա. Այն կարող է փոխարինվել - - վերնագրի հատկանիշով. - Ուղղանկյունի չափը, որի մեջ պետք է զննարկիչը: ցուցադրել նկարը սահմանվում է լայնության և բարձրության հատկանիշներով. - Սահմանի հատկանիշը սահմանում է պատկերի շուրջ սահմանի լայնությունը (պիքսելներով). Եթե պատկերը հղում է արվում, զննարկիչը դրա շուրջ կապույտ եզր է գծելու:Դրանից ազատվելու համար սահմանեք սահմանի արժեքը զրոյի. - Մյուս երկու հատկանիշները պարունակում են տեղեկություններ հարակից տարրերից նկարի խորշման չափի մասին (տեքստի տողերից, այլ նկարներից և այլն) - hspace- ը սահմանում է չափի չափը խորշ հորիզոնական (ձախ և աջ), vspace - ուղղահայաց (ներքև և վերև):
