Nesting làraich: mar a dhèanadh a 'chùl dealbh html

Tha mòran Ùr-ionnsaiche lìn dealbhaidh, ach dean às do na brìgh a 'cruthachadh làraichean, tric a' cnuasachadh ciamar a nì html chùl ìomhaigh. Agus ma tha cuid dhiubh urrainn dèiligeadh ris an duilgheadas seo, tha e fhathast na thrioblaid aig an àm a 'sìneadh fad leud an ìomhaigh air an sgrùdair. Aig an aon àm, bu toigh leam a bhith a 'faicinn an làraich a tha air an taisbeanadh air a h-uile identically brabhsairean, mar sin, bu chòir a' coileanadh nan riatanasan tar-brabhsair. 'S urrainn dhut a shuidheachadh air a' chùl ann an dà dhòigh: le bhith a 'cleachdadh na tagaichean HTML agus CSS stoidhlichean. Tha gach dha fhèin a 'taghadh an roghainn as fheàrr. Gu dearbh, CSS stoidhle e fada nas goireasaiche, a chionn a Còd a tha air a stòradh ann fa leth faidhl agus chan eil e a 'toirt suas a bharrachd luchd-labhairt anns a' phrìomh làraich tags, ach chiad leig dhuinn beachdachadh sìmplidh dòigh airson stàladh an ìomhaigh air an cùl an deilbh air an làraich.

HTML bunaiteach tags a chruthachadh air a 'chùl

Mar sin, thèid sinn air a 'cheist ciamar a dhèanadh a' chùl an dealbh ann an html air an sgrion. Gus coimhead brèagha làraich, feumaidh tu tuigsinn aon àite cudromach mionaideach: tha e gu leòr dìreach a dhèanamh caisead a chùlaibh, no air a pheantadh e cruaidh dath, ach ma dh'fheumas tu a-steach air a 'chùl an dealbh, cha' sìneadh an làn-leud an sgrùdair. Tha an dealbh a bha an toiseach riatanach a thogail no a nì thu fhèin a 'dealbhadh le leudachan seo, anns a bheil thu a thaisbeanadh duilleag air an làraich. -Mhàin nuair a 'chùl ìomhaigh a tha ullamh, slaod e a-steach am pasgan ainmeachadh «» Dealbhan. Anns e, stòraidh sinn uile a chleachd ìomhaighean, beòthachaidhean agus grafaigeach eile faidhlichean. Am pasgan seo bu chòir a bhith suidhichte ann am freumh eòlaire le d 'uile html faidhlichean. A-nis faodaidh sibh a ghluasad agus air a 'Chòd. Tha grunn roghainnean ann airson sgrìobhadh code, leis a 'chùl bheir atharrachadh air an dealbh.

1. Sgrìobh tag buadha.
2. Tro CSS stoidhle ann an còd HTML.
3. Sgrìobh CSS stoidhlichean eadar-dhealaichte ann an fhaidhle.

Mar ann an HTML a dhèanamh air a 'chùl an dealbh, tha thu a' co-dhùnadh, ach bu toigh leam a ràdh beagan fhocal mu dheidhinn mar a bhiodh e a 'chuid as fheàrr. Tha a 'chiad dòigh a tha le sgrìobhadh tro tag buadha air a bhith a dhol à cleachdadh. Tha an dàrna roghainn a thathar a 'cleachdadh glè ainneamh, oir tha e a' tionndadh a-mach gu bheil tòrr de an dearbh chòd. A treas roghainn as cumanta agus èifeachdach. Seo eisimpleirean de na tagaichean HTML:

1. Tha a 'chiad clàradh dòigh tro tag buadha (corp) ann index.htm faidhle. Tha e air a stòradh ann am foirm seo: (buidheann chùl = "folder_name / Nazvanie_kartinki.rasshirenie") (/ corp). 'S e sin, ma tha sinn a' dealbh leis an tiotal «Picture» agus leudachadh jpg, agus am pasgan sinn ainmeachadh «Images», an sin HTML a 'chòd-inntrig a' coimhead mar seo: (buidheann chùl = "Images / Picture.jpg") ... (/ buidheann) .
2. Tha an dara dòigh gabhail a-steach clàradh a CSS stoidhle, ach tha e sgrìobhte anns an aon faidhle le ainm index.htm. (Buidheann style = "Cùl-fhiosrachadh: url ( '../ Images / Picture.jpg')").
3. Tha an treas dòigh clàradh air a dèanamh ann an dà faidhlichean. Tha an sgrìobhainn le ainm index.htm tag (ceann) a tha sgrìobhte leithid loidhne: (ceann) (ceangal rel = "stylesheet"-seòrsa = "text / css" href = "http: // làraich / article / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ ceann). Tha am faidhl style.css stoidhle ris an canar mar-thà sgrìobhadh: corp { 'chùl: url (Images / Picture.jpg')}.

Mar ann an HTML a dhèanamh air a 'chùl an dealbh, tha sinn a' tuigsinn. A-nis feumaidh tu a-mach mar a tha a 'sìneadh an ìomhaigh air feadh an leud fad sgrion.

Dòighean a shìneadh an cùl an deilbh ìomhaigh a leud air an uinneig

Tha sinn a 'riochdachadh ar glacadh ann an riochd a' cheud. Tha e a 'tionndadh a-mach gun robh am leud agus fad an sgrion a bhios × 100% 100%. Feumaidh sinn a shìneadh an ìomhaigh seo a leud. Cuir ris an ìomhaigh faidhl clàradh style.css loidhne a bhios a 'sìneadh thairis air an ìomhaigh air fad leud agus fad an sgrùdair. Mar a tha e air a sgrìobhadh ann an stoidhle CSS? Tha e sìmplidh!

buidheann

{

Cùl-fhiosrachadh: url (Images / Picture.jpg ')

chùl-size: 100%; / * Tha an dreuchd seo a tha freagarrach airson a 'mhòr-chuid nuadh shealladairean * /

}

Mar sin dh'obraich sinn a-mach mar a nì dealbh a 'chùl ann an html air an sgrion. Tha cuideachd dòigh a chlàradh ann an index.htm faidhle. Ged dòigh seo agus seann-fhasanta, ach airson luchd-tòiseachaidh a tha e riatanach gus fios agus a thuigsinn. Tha tag (ceann) (stoidhle) div {chùl-size: còmhdach; } (/ Style) (/ ceann), 'chlàr seo a' ciallachadh gu bheil sinn a 'riarachadh aonad shònraichte airson a' chùl, a thèid a suidhichte thairis air fad leud air an uinneig. Tha sinn air beachdachadh air dà dhòigh, mar a dhèanamh air chùl an dealbh html làraich, agus mar sin gun deach an dealbh a tha a 'sìneadh gu fad a leud an sgrion ann an gin de na nuadh-bhrobhsairean.

Ciamar a dhèanamh stèidhichte chùl

Ma tha thu co-dhùnadh a 'cleachdadh dealbh mar an cùl an àm ri teachd goireas eadar-lìon, an sin thu dìreach Feumaidh fios ciamar a dhèanadh e stèidhichte mar sin, chan eil e a' sìneadh a dh'fhaid agus cha robh a 'milleadh coltas maiseach. Dìreach le bhith a 'cleachdadh còd HTML a chlàradh beag a bharrachd. Feumaidh tu faidhle style.css Cuir a-abairt dèidh Cùl-fhiosrachadh: url (Images / Picture.jpg ') a shuidheachadh; no an àite a chur ris an dèidh leth-chòilean fa leth loidhne - position: shuidhichte. Mar sin, do wallpaper thèid a shuidheachadh. Rè roilig-susbaint air an làraich, chì thu gu bheil teacsa na sreathan a tha a 'gluasad, ach air a' chùl ann an àite fhathast. So thu air ionnsachadh ciamar a nì html chùl an dealbh, ann an grunn dhòighean.

Ag obair còmhla ri Bùird ann an HTML

Tha mòran feadhainn lìn leasachaidh, mu choinneamh le bùird agus blocaichean, gu tric chan eil iad a 'tuigsinn mar a dhèanamh html ìomhaigh chùl bhòrd. Coltach ris a h-uile sgiobaidhean HTML agus CSS stoidhlichean, an cànan prògramaidh-lìn a tha gu math sìmplidh. Agus fuasgladh air an trioblaid seo a tha a 'sgrìobhadh paidhir de loidhnichean còd. Bu chòir dhut mar-thà a 'sgrìobhadh Clàr de shreath agus colbhan, fa leth, mar chomharraicheadh na tags (tr) agus (td). Gus a dhèanamh air a 'chùl a' bhùird ann an riochd ìomhaigh, tha e riatanach ris an taga (Clàr), (tr) no (td) sìmplidh abairt le iomradh air an t-iomradh ìomhaigh: cùl-fhiosrachadh = URL dealbhan. Mar shoilleireachadh, tha sinn a 'toirt eisimpleirean de chàraid.

Clàr le dealbh an àite a 'chùl: HTML eisimpleirean

Tarraing 2x3 bhòrd agus a dhèanamh air a 'chùl ìomhaigh a stòradh ann am pasgan "Images": (Clàr chùl = "Images / Picture.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ table). So ar clàr Thèid a tharraing ann an cùl na deilbh.

A-nis a 'tarraing air an aon mhias meud 2x3, ach cuir a-steach dealbh anns an colbhan an àireamhachadh 1, 4, 5 agus 6. (Clàr) (tr) (td chùl = "Images / Picture.jpg") 1 (/ td) (td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td chùl = "Images / Picture.jpg") 4 (/ td) (td chùl = "Images / Picture.jpg") 5 ( / td) (td chùl = "Images / Picture.jpg") 6 (/ td) (/ tr) (/ table). As dèidh coimhead chì sinn gu bheil cùl na deilbh a 'nochdadh a-mhàin an fheadhainn ann an ceallan anns a bheil sinn a chlàradh, agus nach' eil an clàr gu h-iomlan.

Crois brabhsair-chòrdalachd làraich

Tha leithid de rud a 'chrois brabhsair-chòrdalachd goireas eadar-lìon. Tha seo a 'ciallachadh gu bheil na làraich agad a tha a cheart cho math a thaisbeanadh ann an diofar sheòrsachan agus tionndaidhean bhrobhsairean. Bu chòir a bhith HTML code agus CSS stoidhlichean a ghnàthachadh riatanach bhrobhsairean. A bharrachd air sin, anns an latha an-diugh SMART fònaichean, mòran lìn leasachaidh a tha a 'feuchainn a chruthachadh agus air an atharrachadh airson làraichean dreach gluasadach agus coimpiutair sùil.