Indlela Yokugoqa Umbhalo Ngomfanekiso Wesithombe

Bheka noma yiliphi ikhasi lewebhu futhi uzobona inhlanganisela yokuqukethwe kombhalo nezithombe. Zombili lezi zakhi ziyizithako ezibalulekile ekuphumeleleni kwewebhusayithi. Okuqukethwe kombhalo yiziphi izivakashi zendawo ezizofunda futhi yiziphi izinjini ezizozisebenzisa njengengxenye yokuhlelwa kwezinhlelo zabo. Izithombe zizofaka isithakazelo esibukwayo kusayithi kanye nokusizwa okukhulisa okuqukethwe kokuqukethwe.

Ukwengeza umbhalo nemifanekiso kumawebhusayithi kulula. Umbhalo ungeziwe ngamathegi ejwayelekile we-HTML afana nezigaba, izihloko, nezinhlu, kuyilapho izithombe zifakwa ekhasini nge-element . Uma usenezele isithombe ekhasini lakho lewebhu, noma kunjalo, ungase ufune ukuba umbhalo ugeleke eceleni kwesithombe, kunokuba uvumelanise ngezansi (okuyinto indlela ezenzakalelayo isithombe esingeziwe kwikhodi ye-HTML esizokhipha kusiphequluli). Ngokuyisisekelo, kunezindlela ezimbili ongayifinyelela kulobu bukeka, ngokusebenzisa i-CSS (Kunconywa) noma ngokungeza iziyalezo ezibukwayo ngqo ku- HTML (hhayi Kunconywa, ngoba ufuna ukugcina ukwehlukana kwesitayela nesakhiwo sewebhu yakho).

Ukusebenzisa i-CSS

Indlela enembile yokushintsha indlela umdwebo wekhasi nezithombe kanye nokuthi izitayela zabo ezibukwayo zivela kanjani kusiphequluli sine-CSS . Khumbula nje, njengoba sikhuluma ngenguquko ebonakalayo ekhasini (ukwenza ukugeleza kombhalo kuzungeze isithombe), lokhu kusho ukuthi kuyisizinda samaSpredishithi wesitayela se-Cascading.

1. Okokuqala, engeza isithombe sakho ekhasini lakho lewebhu. Khumbula ukukhipha noma yiziphi izici ezibukwayo (njengokufana nobubanzi nobukhulu bokuphakama) kusukela ku-HTML. Lokhu kubalulekile, ikakhulukazi kwiwebhusayithi ephendulayo lapho usayizi wesithombe uzohluka ngokususelwa kusiphequluli. Isofthiwe ethile, njenge-Adobe Dreamweaver, izokwengeza ulwazi lobubanzi nokuphakama kwezithombe ezifakwe nalesi thuluzi, ngakho-ke qiniseka ukuthi ususa lolu lwazi kwikhodi ye-HTML! Nokho, qiniseka ukuthi uhlanganisa ama- alt afanelekayo . Nasi isibonelo sokuthi ikhodi yakho ye-HTML ingabonakala kanjani:
2. Ukuze uhlose izinhloso, ungase futhi ungeze isigaba esithombeni. Inani lekilasi yilokho esizolisebenzisa kufayela lethu le-CSS. Qaphela ukuthi ukubaluleka esikusebenzisayo lapha kungabonakali, nakuba, ngalesi sitayela esithile, sivame ukusebenzisa izindinganiso "ngakwesokunxele" noma "ngakwesokudla", kuye ngokuthi iyiphi indlela esifuna ukuba isithombe sethu sihambisane ngayo. Sithola ukuthi i-syntax elula ukusebenza kahle futhi kube lula kwabanye abangase bafanele ukuphatha isayithi esikhathini esizayo ukuze baqonde, kodwa unganika lokhu noma yiliphi inani leklasi oyifunayo.
   2. Ngokwalo, leli klasi libiza ngeke lenze lutho. Isithombe ngeke sihambisane ngokuzenzakalelayo ngakwesokunxele kombhalo. Kulokhu, manje sidinga ukuphendukela kufayela lethu le-CSS.

1. Ethempelini yakho yezitayela, manje ungangeza isitayela esilandelayo:
   1. .left {
   2. faka: kwesokunxele;
   3. i-padding: 0 20px 20px 0;
   4. }}
   5. Lokho okwenziwe lapha kusebenzisa impahla ye- CSS "float" , okuzodonsa isithombe kusuka kokugeleza kwedokhumenti evamile (indlela isithombe esivame ukubonisa ngayo, ngombhalo ohambelana ngaphansi kwayo) futhi uzoyiqondisa ngakwesokunxele kwesitsha sayo . Umbhalo oza emva kwawo emakethe we-HTML futhi manje uwuzungeza. Siphinde sengeza amanye amanani we-padding ukuze lo mbhalo ungabi ngokuqondile ngokumelene nesithombe. Esikhundleni salokho, kuzoba nokukhala okuhle okuzobonakala kukhangayo ekuklanyeni kwekhasi. Esikhathini esincane se-CSS se-padding, sangeze amanani angu-0 ohlangothini oluphezulu nolwesobunxele lwesithombe, nama-pixel angu-20 ngakwesobunxele nangaphansi. Khumbula, udinga ukungeza okunye ukufaka eceleni kwesokudla kwesithombe esivumelanisiwe kwesokunxele. Isithombe esivumelanisiwe esifanele (esizobheka ngomzuzwana) sasizoba nesigxobo esisehlangothini sesobunxele.
2. Uma ubheka ikhasi lakho lewebhu kusiphequluli, kufanele ubone manje ukuthi isithombe sakho sihambelana nohlangothi lwesobunxele bekhasi futhi umbhalo uwuzungeza kahle. Enye indlela yokusho lokhu ukuthi isithombe "sihanjiswa ngakwesokunxele".

1. Uma ufuna ukushintsha lesi sithombe ukuze sihambisane ngakwesokudla (njengesibonelo sesithombe esihambisana nalesi sihloko), kungaba lula. Okokuqala, kufanele uqiniseke ukuthi, ngaphezu kwesitayela esisanda ku-CSS sethu sokubaluleka kwekilasi "kwesokunxele", sinesinye sokulungiswa okulungile. Kuzobukeka kanje:
   1. .right {
   2. faka: kwesokudla;
   3. i-padding: 0 0 20px 20px;
   4. }}
   5. Ungabona ukuthi lokhu kufana kakhulu neCSS yokuqala esiyibhale. Uhlu olulodwa kuphela ukubaluleka esikusebenzisayo kumpahla "ye-float" kanye namanani we-padding esiwasebenzisayo (ukungeza okunye ngakwesokunxele kwesithombe sethu esikhundleni sokunene).
2. Okokugcina, uzoshintsha inani leklasi yesithombe kusuka "ngakwesokunxele" kuya "ngakwesokudla" ku-HTML yakho:
3. Bheka ikhasi lakho kusiphequluli manje futhi isithombe sakho kufanele sihambelane ngakwesokudla ngombhalo wokugqoka ngokuzungezile. Sivame ukungeza kokubili lezi zitayela, "ngakwesokunxele" nese "ngakwesokudla" kuzo zonke izitayela zethu zezitayela ukuze sisebenzise lezi zitayela ezibukwayo uma kudingeka uma sakha amakhasi ewebhu. Lezi zindlela ezimbili ziba mnandi, izici ezivuselelekayo esingaziphendukela noma nini lapho sidinga izithombe zesitayela ngombhalo wokubhangqa.

Ukusebenzisa i-HTML Esikhundleni se-CSS (nokuthi kungani kufanele & # 39; t Kwenze lokhu)

Ngisho noma kungenzeka ukugoqa umbhalo ozungeze isithombe nge-HTML, izindinganiso zewebhu zithi i-CSS (nezinyathelo ezinikezwe ngenhla) yindlela yokuhamba ukuze sikwazi ukugcina ukuhlukaniswa kwesakhiwo (HTML) nesitayela (CSS). Lokhu kubaluleke nakakhulu uma ucabangela ukuthi, ngamanye amadivaysi kanye nezakhiwo, lo mbhalo ngeke udinga ukugeleza uzungeze isithombe. Izikrini ezincane, isakhiwo sewebhusayithi esabelayo singadinga ukuthi umbhalo uhambelane ngezansi kwesithombe nokuthi isithombe sithatha ububanzi obugcwele beskrini. Lokhu kwenziwa kalula ngemibono yemidiya uma izitayela zakho zihlukile kumaraki wakho we-HTML. Ezweni lanamuhla lezinkampani eziningi, lapho izithombe nezombhalo zizovela ngokuhlukile ngezivakashi ezihlukahlukene nakwezesikrini ezahlukene, lokhu kuhlukaniswa kubalulekile empumelelweni yesikhathi eside nokuphathwa kwekhasi lewebhu.