Žymėjimo kalbos - HTML - ir kaskadinių stiliaus lapų - CSS galimybės leidžia daugeliu būdų įdėti vieną vaizdą į kitą. Žinoma, tam reikia tam tikrų tinklalapio išdėstymo įgūdžių, ir jūs turite pasirinkti konkretų metodą, atsižvelgdami į esamą kodą. Tačiau kai kuriais atvejais galite padaryti be redagavimo šaltinio kodo.
Nurodymai
1 žingsnis
Yra būdas įdėti vieną vaizdą į kitą be jokių pakeitimų svetainės puslapiuose. Norėdami tai padaryti, pakanka redaguoti serveryje saugomą fono paveikslėlį - naudokite bet kurį grafikos redaktorių, kad jame įdėtumėte priekinį vaizdą. Jei šis metodas jums tinka, pirmiausia nustatykite fono paveikslėlio failo saugojimo vietą ir pavadinimą. Tai galima padaryti radus jį puslapio šaltinio kode arba atidarius atskirame skirtuke ir naršyklės adreso juostoje žiūrint į visą kelią.
2 žingsnis
Naudodamiesi turinio valdymo sistemos ar FTP kliento failų tvarkykle, atsisiųskite reikiamą failą į savo kompiuterį ir atidarykite jį bet kuriame grafikos rengyklėje, pavyzdžiui, programoje „Paint“, įdiegtoje kartu su „Windows“.
3 žingsnis
Uždėkite pirmojo plano paveikslėlį virš fono - tam programoje „Paint“turite pasirinkti elementą „Įterpti iš“skirtuko „Pagrindinis“išskleidžiamajame sąraše „Įterpti“ir atsidariusiame dialogo lange rasti reikiamą failą. Tada sureguliuokite įterpto paveikslėlio padėtį esamame fone (vilkite jį pele) ir išsaugokite rezultatą (Ctrl + S).
4 žingsnis
Įkelkite redaguotą paveikslėlį, perrašydami senąjį. Tai užbaigia procedūrą.
5 žingsnis
Aprašytas metodas yra nepatogus tuo atveju, kai įterptas nuotraukas reikia kartkartėmis keisti. Tada naudokitės HTML kalbos galimybėmis - pavyzdžiui, nustatykite fono paveikslėlį puslapio elemento, kuriame bus įdėtas priekinis vaizdas, fonu. Toks konteinerio elementas gali būti, tarkime, sluoksnis (div). Norėdami padaryti didelę nuotraukų foną, turite naudoti stiliaus aprašymą - „div“žymos stiliaus atributą. Tuščias HTML kodo konteineris gali atrodyti taip:
Skliausteliuose nurodykite savo svetainės fono paveikslėlio failo adresą ir pavadinimą.
6 žingsnis
Sukurkite priekinio vaizdo (img) žymą naudodami tą patį stiliaus atributą, kad nustatytumėte užpildymo kiekį nuo fono konteinerio kraštų. Pavyzdžiui:
Čia pločio ir aukščio atributai nustato vaizdo matmenis, o keturi skaičiai po užpildymo nurodo užpildymą pikseliais nuo talpyklos kraštų, pradedant nuo viršaus (50) ir toliau pagal laikrodžio rodyklę (60 - dešinė, 70 - apačioje, 80 - kairėje).
7 žingsnis
Įdėkite žymą img į konteinerį:
8 žingsnis
Pridėkite sukurtas eilutes prie puslapio šaltinio kodo, tada, pakeisdami įtraukas, sureguliuokite įterpto vaizdo padėtį fono paveikslėlio fone.
