Kaip įterpti Vaizdą Svetainėje

Turinys:

Kaip įterpti Vaizdą Svetainėje
Kaip įterpti Vaizdą Svetainėje

Video: Kaip įterpti Vaizdą Svetainėje

Video: Kaip įterpti Vaizdą Svetainėje
Video: Įterpiamo žemėlapio kūrimas 2024, Gegužė
Anonim

Viską, ką lankytojas mato svetainės puslapiuose, naršyklė rodo remdamasi išsamiomis serverio jam atsiųstomis instrukcijomis. Šios instrukcijos vadinamos puslapio HTML kodu ir sudarytos iš atskirų „žymių“, kurios atskirai apibūdina kiekvieno elemento tipą, išvaizdą ir vietą. Norėdami įdėti bet kokį naują elementą (pavyzdžiui, vaizdą) į puslapį, prie jo šaltinio kodo turite pridėti atitinkamą instrukciją - žymą. Apsvarstykite lengviausią būdą tai padaryti.

Vaizdo įterpimas į puslapį
Vaizdo įterpimas į puslapį

Nurodymai

1 žingsnis

Jei naudojate bet kokią turinio valdymo sistemą, labai tikėtina, kad joje yra puslapio redaktorius. Pirmiausia turite atidaryti norimą puslapį šiame redaktoriuje. Toliau - galimos galimybės. Geriausiu atveju puslapio redaktorius turės „vizualinį režimą“, kitaip tariant - „WYSIWYG mode“(tai, ką matote, yra tai, ką gaunate - „tai, ką matote, yra tai, ką gaunate“). Šiame režime jums visiškai nereikės elgtis su originaliu HTML kodu! Redaktoriaus puslapis atrodys taip pat, kaip ir svetainėje, pakaks pakišti pelę norimoje vietoje ir redaktoriaus skydelyje paspausti mygtuką „įterpti vaizdą“.

2 žingsnis

Dėl to atsidarys dialogo langas, kuriame turite pasirinkti norimą paveikslėlį. Jei dar neįkėlėte, taip pat yra mygtukas paveikslėlio pasirinkimui kompiuteryje ir įkėlimui į serverį. Be to, šiame dialogo lange galite nustatyti rėmelio aplink vaizdą spalvą ir plotį, užpildymo atstumą ir spalvą tarp rėmelio ir vaizdo, patarimo tekstą. Čia nebūtina nurodyti matmenų, tačiau norint paspartinti puslapio įkėlimą ir išvengti dizaino iškraipymo, vis tiek geriau tai padaryti. Užpildę visus būtinus dialogo langus, spustelėkite „Gerai“ir išsaugokite redaguotą puslapį.

Įterpti vaizdo dialogo langą
Įterpti vaizdo dialogo langą

3 žingsnis

Atsižvelgiant į tai, kad valdymo sistemoms nėra vieno standarto, vaizdo įterpimo į jūsų sistemos vaizdinį režimą procedūra gali šiek tiek skirtis, tačiau principas bus tas pats. Dėl tos pačios priežasties WYSIWYG režimas gali būti nerodomas jūsų svetainės valdymo sistemoje. Tada vis tiek turite redaguoti puslapio šaltinio kodą HTML („HyperText Markup Language“- „hiperteksto žymėjimo kalba“). Tinkamoje kodo vietoje turėsite įterpti žymą, kuri nurodo naršyklei parodyti vaizdą čia. Paprasčiausiu pavidalu jis turėtų atrodyti taip: čia yra „santykinis vaizdo“adresas - šiuo adresu naršyklė turėtų susisiekti su serveriu, kad gautų iš jo vaizdo failą. Jei adresas yra santykinis, naršyklė manys, kad failas yra tame pačiame serverio aplanke kaip ir pats puslapis (arba poaplankyje). Bet norint neklysti, geriau nurodyti „absoliutų adresą“- pavyzdžiui, taip: Natūralu, kad serveris galėtų rasti ir nusiųsti vaizdą į naršyklę, jis turėtų būti įkeltas į nurodytą vieta. Lengviausias būdas tai padaryti yra failų tvarkyklė, esanti kiekvienoje turinio valdymo sistemoje, taip pat jūsų prieglobos įmonės valdymo skydelyje. Tai galite padaryti ir naudodami FTP protokolą (File Transfer Protocol - „failų perdavimo protokolas“), naudodami specialią programą - FTP-client. Jų yra daug, tiek mokamų, tiek nemokamų - pavyzdžiui, „Cute FTP“, „FlashFXP“, „WS FTP“ir kt. Tačiau, žinoma, programos įdiegimas, įsisavinimas ir sukonfigūravimas užtruks, todėl failų tvarkyklė gali parsisiųsti viską, ko jums reikia naršyklė yra lengvesnis pasirinkimas.

4 žingsnis

Be adreso, esančio paveikslėlio HTML žymoje, galite nurodyti papildomą informaciją - žymos „atributus“. Pavyzdžiui, atribute alt="Vaizdas" yra patarimo, kuris pasirodo, kai užveskite pelės žymeklį virš vaizdo, tekstas: jį galima pakeisti atributu - title: - stačiakampio, kuriame turėtų būti naršyklė, dydis rodyti vaizdą nustato pločio ir aukščio atributai: - Kraštinės atributas nurodo aplink vaizdą esančios kraštinės plotį (pikseliais): Jei vaizdas yra susietas, naršyklė aplink jį nubrėžs mėlyną kraštinę. Norėdami atsikratyti jo, nustatykite krašto vertę į nulį: - Kituose dviejuose atributuose yra informacijos apie paveikslėlio įtraukimo iš gretimų elementų kiekį (iš teksto eilučių, kitų paveikslėlių ir kt.) - „hspace“nustato nuotraukos dydį. įtrauka horizontaliai (kairė ir dešinė), „vspace“- vertikaliai (apačia ir viršuje):

Rekomenduojamas: